小程序商城里,通常会有商品列表,里边还会有排序点击,那么这种排序点击的样式是如何开发的?
wxml:
综合
销量
价格
wxss:
.sort-wrap{ height:90rpx; background-color:#fff; } .sort-btn{ width:33.333%; float:left; text-align: center; height:90rpx; line-height:90rpx; font-size: 28rpx; color:#333; } .sort-btn image{ width: 9rpx; height: 18rpx; margin-left:6rpx; }
js:
Page({ /** * 页面的初始数据 */ data: { imageurl1: "../../img/sort-tip_05.png", daindex1: 0, imageurl2: "../../img/sort-tip_05.png", daindex2: 0 }, /* tab */ choosesort1: function (e) { if (tShopfas.data.daindex1 == 0) { tShopfas.setData({ imageurl1: "../../img/sort-tip_03.png", daindex1: 1 }) } else { tShopfas.setData({ imageurl1: "../../img/sort-tip_05.png", daindex1: 0 }) } }, choosesort2: function (e) { if (tShopfas.data.daindex2 == 0) { tShopfas.setData({ imageurl2: "../../img/sort-tip_03.png", daindex2: 1 }) } else { tShopfas.setData({ imageurl2: "../../img/sort-tip_05.png", daindex2: 0 }) } } })
Shopfa小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。更多小程序商店请查看:小程序商店
第二部分:如何开通一个小商店
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。