以制作如下效果,简易弹窗为例:
首先,需要按照vant组件库的说明,引入vant组件:
1、page.json,添加van-toast如下:
"usingComponents": {
"van-toast": "@vant/weapp/toast/index"
}
2、page.wxml,设置提示弹窗的点击位置:
<van-toast id="van-toast" />
3、page.js,进行导入:
注意!!!vant官网上给出的导入语句,会有报错如下:
import Toast from 'path/to/@vant/weapp/dist/toast/toast';
这是由于dist不存在,该路径找不到相