博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信 小程序组件 加入购物车全套 one wxml
阅读量:4591 次
发布时间:2019-06-09

本文共 2317 字,大约阅读时间需要 7 分钟。

<!--pages/shop/shop.wxml-->
<view wx:if="{
{hasList}}">
<view class="container carts-list">
<view wx:key="isshop" wx:for="{
{carts}}" class="carts-item" >
<view class="carts-choice">
<icon wx:if="{
{item.selected}}" type="success" color="rgba(255,51,0,1)" size="30" bindtap="bindCheckbox" data-index="{
{index}}"/>
<icon wx:else type="success" color="rgba(255,51,0,0.1)" size="30" bindtap="bindCheckbox" data-index="{
{index}}"/>
</view>
<view class="carts-image">
<image src="{
{item.image}}"></image>
</view>
<view class="carts-text">
<view class="carts-title">
<text>{
{item.teaname}}</text>
</view>
<view class="carts-subtitle">
<text>¥{
{item.price}}</text>
</view>
<!-- 加减号控制数量---------------------------------------- -->
<view class="stepper">
<!-- 减号 -->
<text class="{
{minusStatuses[index]}}" disabled="true" data-index="{
{index}}" bindtap="bindMinus">-</text>
<!-- 数值 -->
<!-- <input type="number" bindinput="bindManual" value="{
{item.num}}" /> -->
<view class="number" bindchange="bindManual">{
{item.num}}</view>
<!-- 加号 -->
<text class="normal" data-index="{
{index}}" bindtap="bindPlus">+</text>
</view>
</view>
<view class="delete">
<view class="delete-img" bindtap="deleteList" data-index="{
{index}}">
<image src="../../imgs/car/shopping_del.png"></image>
</view>
</view>
</view>
</view>
<!------------------------------------------ -->
<!-- 点击结算弹出框 -->
<!-- <toast show="{
{toastHidden}}" bindchange="bindToastChange">
{
{toastStr}}
</toast> -->
<!-- 点击结算弹出框 -->
<!-- <toast show="{
{toastHidden}}" bindchange="bindToastChange">
加载
</toast> -->
<!-- 全选和结算---------------------------------------- -->
<view class="carts-footer">
<view class="all-chioce">
<view class="footer-left">
<icon wx:if="{
{selectedAllStatus}}" type="success" color="rgba(255,51,0,1)" size="30" bindtap="bindSelectAll"/>
<icon wx:else type="success" color="rgba(255,51,0,0.1)" size="30" bindtap="bindSelectAll"/>
<text>全选</text>
</view>
<view class="footer-right">
<view class="right-text">
<text>合计</text>
<text>{
{total}}</text>
</view>
<view class="free">
<text>不含运费及优惠</text>
</view>
</view>
</view>
<view class="button">立即结算</view>
</view>
</view>
<view wx:if="{
{!hasList}}" class="">
<text>购物车为空的时候的布局</text>
<view class="" bindtap="tobackHome" >返回首页</view>
</view>

转载于:https://www.cnblogs.com/dianzan/p/7519948.html

你可能感兴趣的文章
2017-12-27练习
查看>>
NET设计规范(二) 命名规范
查看>>
VMware 9.0.1安装Mac OS X Mountain Lion 10.8.2
查看>>
SSL延迟
查看>>
android新手关于左右滑动的问题,布局把<android.support.v4.view.ViewPager/><ImageView/> 放在上面就不行了。...
查看>>
深入理解DIP、IoC、DI以及IoC容器
查看>>
赋值文件
查看>>
Vue 数组 字典 template v-for 的使用
查看>>
蓝牙模块选择经验谈
查看>>
java中==和equals
查看>>
CCActionPageTurn3D
查看>>
python random
查看>>
esp32-智能语音-cli(调试交互命令)
查看>>
netty与MQ使用心得
查看>>
关于dl dt dd 文字过长换行在移动端显示对齐的探讨总结
查看>>
组合设计模式
查看>>
第十五部分_Struts2.1拦截器深度剖析、异常处理
查看>>
Python匿名函数详解
查看>>
python面向对象(六)之元类
查看>>
quartz.net插件类库封装(含源码)
查看>>