1. 创建项目
2. 下载vant组件
vant的GitHub下载地址下载完成后解压,然后在项目更目录下创建文件夹wxcomponents
,注意这里的wxcomponents
目录级别和pages
在同一级别,然后再该目录下创建vant-weapp
目录。找到dist
文件夹,把它复制到vant-weapp
目录下
3. app.json 引入全局样式
@import url("/wxcomponents/vant-weapp/dist/common/index.wxss");
4.组件使用
全局引入
局部引入
//使用日历
<view class="">
<van-calendar show="true" bind:close="onClose" bind:confirm="onConfirm" />
</view>