今天我随便试两个组件
第一个轮播图
在minn.js 引入 import { createApp } from 'vue'; import { Swipe, SwipeItem } from 'vant'; const app = createApp(); app.use(Swipe); app.use(SwipeItem);
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe-item>1</van-swipe-item> <van-swipe-item>2</van-swipe-item> <van-swipe-item>3</van-swipe-item> <van-swipe-item>4</van-swipe-item> </van-swipe> <style> .my-swipe .van-swipe-item { color: #fff; font-size: 20px; line-height: 150px; text-align: center; background-color: #39a9ed; } </style>
引入后直接把这些的组件标签放到响应的地方 然后拿返回的数据进行循环 v-for=“”
再将其于 循环
第二个弹窗
再二阶段都是手写 或网上搜 在修改 真心不爽
现在学了vue 哈哈 直接组件上
minm.js引入即可
import { createApp } from 'vue'; import { Dialog } from 'vant'; const app = createApp(); app.use(Dialog);
正常的语法提示
import { showDialog } from 'vant'; showDialog({ message: '提示' });
就一点东西 组件嘛
