小程序原生购物车效果

阅读: 评论:0

小程序原生购物车效果

小程序原生购物车效果

试着用原生写购物车,基本就是这个实现,先上代码

wxml

<!-- 添加 -->
<view wx:for="{{allGoodsList}}" wx:key="categoryId"><view>{{item.name}}</view><view>{{item.price}}</view><view class="btn" bindtap="add" data-item="{{item}}"><image class="img_wh" src="../../assets/imsges/button.png" alt="" />
</view>
</view><!-- 显示个数和价格 -->
<view class="bott"><view class="bott_text">{{shopping.length}}个</view><view class="bott_text">¥{{count}}</view><view class="bttn">立即付款</view>
</view>

js

Page({data: {allGoodsList:[{name: "海鲜荞麦面",pri

本文发布于:2024-02-05 03:22:10,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170722873062583.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:购物车   效果   程序
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23