从底部的第三张图片开始到末尾的第八张图片都是居中显示。点击左右要进行切换，也要居中显示。所以我在这里用的的时在X轴上进行平移来进行实现。

可以看调起了我们的摄像头，点击允许过后就打开了扫码界面。

从底部的第三张图片开始到末尾的第八张图片都是居中显示。点击左右要进行切换，也要居中显示。所以我在这里用的的时在X轴上进行平移来进行实现。

pinia搭配vue3(setup)的使用（保姆级）

这是因为我们用的是vue，打包的时候会找不到该文件，只需要放到public下面就可以了。导入本地的路径，会发现报错，找不到该文件。这样就下载本地的xlsx文件成功了。

首先看看效果，蓝色是自己标记的。

js部分就是把 getLunarDate(day.id)实现出来，调用LunarCalendar.solarToLunar函数自动计算，最后只需要判断返回节日还是农历日期。主要过程：在v-calendar的基础上使用自定义插槽，自定义内容，再使用lunar-calendar三方库进行计算。之前有一篇文章根据v-calendar来写日历，但是只显示了阳历日期，后面需求增加，还要加上农历。注意最后一个

可以看调起了我们的摄像头，点击允许过后就打开了扫码界面。

父组件中调用：<a-player :data="record" />封装一个aplayer.vue的组件。下载：npm i aplayer。

我们把文档中的两个值都打印出来，发现我们点击小三角得到值是我们所点击行对应的key值，主要是就把我们文字所得到的key绑定到expandedKeys上，就可以实现点击文字实现展开。首先进行一个判断，我们展开值expandedkeys里面有没有 值，如果没有值，直接点击文字是不生效的，如果没有值，这一步直接把key赋给它就好了。首先是选中文字的函数，我们可以得到一个key跟name,key就相当于是