首页 > 资讯 > 宏观 > 正文

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图 全球速看料

2023-06-23 08:25:32来源：博客园  


(资料图)

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13153

效果图如下：

cc-mySwiper使用方法
HTML代码实现部分
<script>export default {data() {return {menuArr: [{"id": "1","menu": "手机","url": "/pages/phone/phone"},{"id": "2","menu": "升学","url": "/pages/study/study"},{"id": "3","menu": "配件","url": "/pages/parts/parts"},{"id": "4","menu": "生活","url": "/pages/life/life"}],banner: [{"id": 1,"image": "/static/image/banner1.jpg"},{"id": 2,"image": "/static/image/banner2.jpg"},{"id": 3,"image": "/static/image/banner3.jpg"},{"id": 4,"image": "/static/image/banner4.jpg"}]}},mounted() {},methods: {swiperItemClick(item){uni.showModal({title: "点击轮播图",content: "点击轮播图数据 = " + JSON.stringify(item)})},leftClick(item) {uni.showModal({title: "点击导航栏按钮",content: "点击导航栏左侧搜索按钮 "})},rigClick(flag) {if (flag == 0) {uni.showModal({title: "点击导航栏按钮",content: "点击导航右侧购物车按钮 "})} else {uni.showModal({title: "点击导航栏按钮",content: "点击导航右侧更多按钮 "})}}}}</script>

标签：

相关阅读

404 Not Found

404 Not Found

nginx

精彩推荐

泰山区市场监管局组织气瓶充装单位应急救援演练活动
泰山区市场监管局组织气瓶充装单位应急救援演练活动
404 Not Found

404 Not Found

nginx

阅读排行

404 Not Found

404 Not Found

nginx

相关词

推荐阅读

联系我们:920 891 263@qq.com
骄阳网 -　关于我们　-　联系方式　-　版权声明　-　招聘信息

Copyright© 2014-2017 骄阳网(www.joyyang.com) All rights reserved.

京ICP备2022016840号-90未经过本站允许,请勿将本站内容传播或复制.