首页 > 原创资讯

前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容_速递

来源:博客园 时间:2023-06-25 10:52:59


(资料图)

前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13183

效果图如下:

cc-shopDialog

使用方法

使用注意: 该插件需引用cc-radioBtnBox插件和cc-numbox插件两个插件库

cc-radioBtnBox插件地址:https://ext.dcloud.net.cn/plugin?id=13176

cc-numbox插件地址:https://ext.dcloud.net.cn/plugin?id=13163

HTML代码实现部分

<script>export default {data() {return {shopFlag: false,shopItem: {"imgUrl": "https://cdn.pixabay.com/photo/2014/08/05/10/30/iphone-410324_1280.jpg", //图片地址"price": "", // 价格 通过计算得来"attrTxt": "", //属性文本 通过计算得来"num": "1", // 购买数量"maxNum": "60", // 购买最大数量// 属性数据"attrArr": [{attr: "系列",value: ["iphone 14系列", "iphone 14 Pro系列"]},{attr: "版本",value: ["256GB", "512GB"]}],"selAttrArr": [0, 0], //选择的属性序列数组// 价格字典 根据属性组合对应价格"priceDict": {"iphone 14系列,256GB": "5600","iphone 14系列,512GB": "6400","iphone 14 Pro系列,256GB": "6200","iphone 14 Pro系列,512GB": "6900"},}};},methods: {//显示购买弹窗showShopDialog() {this.shopFlag = true},closeShopDialog() {this.shopFlag = false},toCart(item) {console.log("加入购物车商品数据 = " + JSON.stringify(item))uni.showModal({title: "加入购物车",content: "加入购物车商品数据 = " + JSON.stringify(item)})},toBuy(item) {console.log("立即购买商品数据 = " + JSON.stringify(item))uni.showModal({title: "立即购买",content: "立即购买商品数据 = " + JSON.stringify(item)})},}}</script>

相关稿件

前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容_速递

北京公布2023年高考分数线:普通本科448分

经济观察:五年来“最火”端午假期 中国旅游延续复苏势头_世界速看

环球快消息!剑与远征死魂之引100花怎么获得?死魂之引100花获取攻略

公共 | 2023山东夏季高考成绩将于今日15:00后发布

深圳开展消防安全专项检查督导_世界聚焦

世纪初的用电荒发生,源于几年前对经济增长不乐观、电力投资过于谨慎了|全球快资讯

消息称YouTube正测试游戏服务 Playables,同时支持网页和移动端

贵人鸟被恢复执行9200万

世界看热讯:甘肃百名人社局长“直播带岗”第二季启动

环球消息!A股遇上端午“劫”?不要被直觉所俘虏 弱市反而酝酿着高收益!“钟摆运动”正在底部

全球视点!全球最大海拔最高的水光互补项目柯拉一期光伏电站今天正式投产发电

速讯:《暗黑破坏神4》片刻的宁静任务完成方法介绍

环球新动态:经济日报金观平:毫不动摇严守耕地红线

【全球新视野】全球最大海拔最高的水光互补项目柯拉一期光伏电站今天正式投产发电

桂林草莓音乐节圆满落幕 两天吸引超两万人-资讯

拉彼鲁兹海峡在哪里(拉彼鲁兹海峡)

每日时讯!全球最大水光互补电站在川投产

四大因素解析:常规阻抗控制为什么只能是10%?

微软又获重大突破!量子超级计算机有望十年内问世

【全球热闻】绿地开放 共享也要管好

2023Q1日本手机市场报告:iPhone占比53.8% 80%机型为64GB和128GB_当前简讯

交通运输部:端午假期预计发送旅客超1.4亿人次|全球微资讯

天天时讯:谢和平院士提出负碳充填开采新理念与技术构想,可望实现煤炭开采利用“自身碳中和”

速递!丰田官宣:“劳斯莱斯”版SUV将推出,进口引入销售

滚动:七个整理 Linux 文件和清理电脑的技巧

天天微动态丨上交所中报预约时间出炉,康缘药业拔得头筹

福建:2023年定向招录培养侦查学专业(维语方向)人才招生公告

环球讯息:咸宁烟草物流中心部署当前物流安全生产工作

天天快报!消功灭绩?GOG版《如龙》除名系列之父名越稔洋等人