微信小程序——商城首页页面

QQ 1274510382
Wechat JNZ_aming
商业联盟 QQ群538250800
技术搞事 QQ群599020441
解决方案 QQ群152889761
加入我们 QQ群649347320
共享学习 QQ群674240731
纪年科技aming
网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。

测试数据

 data: {current: 0,tabbar: [{icon: "home",text: "首页",size: 21}, {icon: "category",text: "分类",size: 24}, {icon: "cart",text: "购物车",size: 22}, {icon: "people",text: "我的",size: 24}],hotSearch: ["休闲零食","自热火锅","小冰箱迷你"],banner: ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg"],category: [{img: "1.jpg",name: "短袖T恤"}, {img: "2.jpg",name: "足球"}, {img: "3.jpg",name: "运动鞋"}, {img: "4.png",name: "中老年"}, {img: "5.png",name: "甜美风"}, {img: "6.jpg",name: "鱼尾裙"}, {img: "7.jpg",name: "相机配件"}, {img: "8.jpg",name: "护肤套装"}, {img: "9.jpg",name: "单肩包"}, {img: "10.jpg",name: "卫衣"}],newProduct: [{name: "时尚舒适公主裙高街修身长裙",present: 198,original: 298,pic: "1.jpg",type: 1,isLabel: true}, {name: "高街修身雪纺衫",present: 398,original: 598,pic: "2.jpg",type: 2,isLabel: true}, {name: "轻奢商务上衣",present: 99,original: 199,pic: "3.jpg",type: 1,isLabel: true}, {name: "品质牛皮婚鞋牛皮婚鞋品质就是好",present: 99,original: 199,pic: "5.jpg",type: 1,isLabel: true}, {name: "轻奢时尚大包限时新品推荐",present: 99,original: 199,pic: "6.jpg",type: 1,isLabel: false}, {name: "高街修身长裙",present: 999,original: 1299,pic: "4.jpg",type: 2,isLabel: true}],productList: [{img: 1,name: "欧莱雅（LOREAL）奇焕光彩粉嫩透亮修颜霜 30ml（欧莱雅彩妆 BB霜 粉BB 遮瑕疵 隔离）",sale: 599,factory: 899,payNum: 2342},{img: 2,name: "德国DMK进口牛奶  欧德堡（Oldenburger）超高温处理全脂纯牛奶1L*12盒",sale: 29,factory: 69,payNum: 999},{img: 3,name: "【第2支1元】柔色尽情丝柔口红唇膏女士不易掉色保湿滋润防水 珊瑚红",sale: 299,factory: 699,payNum: 666},{img: 4,name: "百雀羚套装女补水保湿护肤品",sale: 1599,factory: 2899,payNum: 236},{img: 5,name: "百草味 肉干肉脯 休闲零食 靖江精制猪肉脯200g/袋",sale: 599,factory: 899,payNum: 2399},{img: 6,name: "短袖睡衣女夏季薄款休闲家居服短裤套装女可爱韩版清新学生两件套 短袖粉色长颈鹿 M码75-95斤",sale: 599,factory: 899,payNum: 2399},{img: 1,name: "欧莱雅（LOREAL）奇焕光彩粉嫩透亮修颜霜",sale: 599,factory: 899,payNum: 2342},{img: 2,name: "德国DMK进口牛奶",sale: 29,factory: 69,payNum: 999},{img: 3,name: "【第2支1元】柔色尽情丝柔口红唇膏女士不易掉色保湿滋润防水 珊瑚红",sale: 299,factory: 699,payNum: 666},{img: 4,name: "百雀羚套装女补水保湿护肤品",sale: 1599,factory: 2899,payNum: 236}],pageIndex: 1,loadding: false,pullUpOn: true},

    <block wx:for="{{tabbar}}" wx:key="{{index}}"><view class="tui-tabbar-item {{current==index?'tui-item-active':''}}" data-index="{{index}}" bindtap="tabbarSwitch"><tui-icon name="{{current==index?item.icon+'-fill':item.icon}}" color="{{current==index?'#E41F19':'#666'}}" size="{{item.size}}" class="{{index==0?'tui-ptop-4':''}}"></tui-icon><view class="tui-scale">{{item.text}}</view></view></block>

   tabbarSwitch: function(e) {let index = e.currentTarget.dataset.index;this.setData({current: index})if (index != 0) {if (index == 1) {this.classify();} else if (index == 2) {wx.navigateTo({url: '../mall-extend/shopcart/shopcart'})} else {wx.navigateTo({url: '../mall-extend/my/my'})}}},

微信小程序——商城首页页面相关推荐

微信小程序商城怎么在线制作
今天珍奶bb给大家简单唠唠微信小程序商城怎么在线制作的流程? 在唠微信小程序商城制作流程前,先给大家科普一下当前的实体经济环境是如何的?制作一个微信小程序商城是否存在它的必要性.不用看具体数据,就直接 ...
微信小程序商城开发的流程
今天珍奶bb给大家简单唠唠微信小程序商城开发的流程? 在唠微信小程序商城制作流程前,先给大家科普一下当前的实体经济环境是如何的?制作一个微信小程序商城是否存在它的必要性.不用看具体数据,就直接看我们身 ...
11-微信小程序商城分类和产品产品页面顶部切换功能（微信小程序商城开发、小程序毕业设计、小程序源代码）（黄菊华-微信小程序开发教程）
产品页面顶部切换功能本节主要讲解产品详细页面中顶部切换界面和功能的实现,效果如图13-9所示. 1.布局分析结构布局分析示意如图13-10所示. 根据上面的布局分析,我们会产生基础的框架,代码示例 ...
20-微信小程序商城下单页面的产品列表和留言（微信小程序商城开发、小程序毕业设计、小程序源代码）（黄菊华-微信小程序开发教程）
下单页面的产品列表和留言本节主要讲解下单页面中的产品列表和留言界面如何实现.效果如图14-9所示. 根据上面的布局分析,我们会产生基础的框架,代码示例如下: <view><!-第1 ...
微信小程序解决内层页面分享出去后用户无法通过分享页面返回首页问题
微信小程序解决内层页面分享出去后用户无法通过分享页面返回首页问题本质就是设置一个变量isshare来判断是否是分享页面中进入的 data设置 isshare: 0,//不是分享页面进入 js o ...
微信小程序——商城篇
前言随着wepy和mpvue的出现及流行,开发小程序变的越来越便捷和强大,作为基佬社区的一份子,我们都需要把自己遇到的问题以及如何解决的方式相互分享,这样才能帮助到更多的朋(ji)友(lao).如有 ...
node mysql商城开发_ＮideShop：基于Node.js+MySQL开发的微信小程序商城开源啦
NideShop:基于Node.js+MySQL开发的微信小程序商城开源啦发布时间:2020-04-14 04:23:37 来源:51CTO 阅读:2894 作者:ch10mmt 高仿网易严选的微信 ...
微信小程序 python 商城_微信小程序——商城篇
前言随着wepy和mpvue的出现及流行,开发小程序变的越来越便捷和强大,作为基佬社区的一份子,我们都需要把自己遇到的问题以及如何解决的方式相互分享,这样才能帮助到更多的朋(ji)友(lao).如有 ...
视频教程-微信小程序商城15天从零实战课程-微信开发
微信小程序商城15天从零实战课程 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. 黄菊华 ¥499.00 立即订阅 ...

微信小程序——商城首页页面

测试数据

微信小程序——商城首页页面相关推荐

最新文章

热门文章