[{"createTime":1735734952000,"id":1,"img":"hwy_ms_500_252.jpeg","link":"https://activity.huaweicloud.com/cps.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=V1g3MDY4NTY=&utm_medium=cps&utm_campaign=201905","name":"华为云秒杀","status":9,"txt":"华为云38元秒杀","type":1,"updateTime":1735747411000,"userId":3},{"createTime":1736173885000,"id":2,"img":"txy_480_300.png","link":"https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=edb15096bfff75effaaa8c8bb66138bd&from=console","name":"腾讯云秒杀","status":9,"txt":"腾讯云限量秒杀","type":1,"updateTime":1736173885000,"userId":3},{"createTime":1736177492000,"id":3,"img":"aly_251_140.png","link":"https://www.aliyun.com/minisite/goods?userCode=pwp8kmv3","memo":"","name":"阿里云","status":9,"txt":"阿里云2折起","type":1,"updateTime":1736177492000,"userId":3},{"createTime":1735660800000,"id":4,"img":"vultr_560_300.png","link":"https://www.vultr.com/?ref=9603742-8H","name":"Vultr","status":9,"txt":"Vultr送$100","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":5,"img":"jdy_663_320.jpg","link":"https://3.cn/2ay1-e5t","name":"京东云","status":9,"txt":"京东云特惠专区","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":6,"img":"new_ads.png","link":"https://www.iodraw.com/ads","name":"发布广告","status":9,"txt":"发布广告","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":7,"img":"yun_910_50.png","link":"https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=aXhpYW95YW5nOA===&utm_medium=cps&utm_campaign=201905","name":"底部","status":9,"txt":"高性能云服务器2折起","type":2,"updateTime":1735660800000,"userId":3}]
1.找到自己想要的组件,点击下载安装
2.选择导入插件(建议使用Hbuilder导入插件)
3.根据浏览器请求打开Hbuilder,选择要导入的项目
4.导入成功后,会出现下面这个文件
5.导入模块;在需要使用的页面的script模块中写入以下代码块
<script> import unicalendar from
'@/uni_modules/uni-calendar/components/uni-calendar/uni-calendar' export
default { data() { return { } }, components: { unicalendar: unicalendar },
methods: { } } </script>
其中import unicalendar...
中的unicalendar是自命名的组件面,后面@/uni_modules/uni-calendar/components/uni-calendar/uni-calendar'
是组件位置;components 一定要写
组件位置快速寻找方法
选中要导入的vue文件,右键属性找到其位置,然后复制位置(D:\yungu\PostRegulation-test\PostRegulation\uni_modules\uni-calendar\components\uni-calendar),截取uni后面的路径,将\改为/即可,
注意最后还要多加一个/uni-calendar才行
6.引用模块
复制官网的代码测试;
<view> <uni-calendar :insert="true" :lunar="true" :start-date="'2019-3-2'"
:end-date="'2019-5-20'" @change="change" /> </view>
测试成功,即完成组件导入与使用