fuint-uniapp-master/pages/cart/index.vue

（开头部分） 12KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <view class="container">
    <!-- 页面顶部 -->
    <view v-if="list.length" class="head-info">
      <view class="cart-total">
        <text>共</text>
        <text class="active">{{ total }}</text>
        <text>件商品</text>
      </view>
      <view class="cart-edit" @click="handleToggleMode">
        <view v-if="mode == 'normal'" class="normal">
          <text class="icon iconfont icon-bianji"></text>
          <text>编辑</text>
        </view>
        <view v-if="mode == 'edit'" class="edit">
          <text>完成</text>
        </view>
      </view>
    </view>
    <!-- 购物车商品列表 -->
    <view v-if="list.length" class="cart-list">
      <view class="cart-item" v-for="(item, index) in list" :key="index" @click="onTargetGoods(item.goodsId)">
        <label class="item-radio" @click.stop="handleCheckItem(item.id)">
          <radio class="radio" color="#fa2209" :checked="inArray(item.id, checkedIds)" />
        </label>
        <view class="goods-image">
          <image class="image" :src="item.goodsInfo.logo"></image>
        </view>
        <view class="item-content">
          <view class="goods-title twolist-hidden"><text>{{ item.goodsInfo.name }}</text></view>
          <view class="goods-props clearfix">
            <view class="goods-props-item" v-for="(spec, idx) in item.specList" :key="idx">
              <text>{{ spec.specName }}{{ spec.specValue }}</text>
            </view>
          </view>
          <view class="item-foot">
            <view class="goods-price">
              <text class="unit">￥</text>
              <text class="value">{{ item.goodsInfo.price }}</text>
            </view>
            <view class="stepper">
              <u-number-box :min="1" :value="item.num" @change="onChangeStepper($event, item)" />
            </view>
          </view>
        </view>
      </view>
    </view>
    <!-- 购物车数据为空 -->
    <empty v-if="!list.length" :isLoading="isLoading" :custom-style="{ padding: '180rpx 50rpx' }" tips="您没有待结算商品, 快去逛逛吧">
      <view slot="slot" class="empty-ipt" @click="onTargetIndex">
        <text>去逛逛</text>
      </view>
    </empty>
    <!-- 底部操作栏 -->
    <view v-if="list.length" class="footer-fixed">
      <label class="all-radio" @click="handleCheckAll">
        <radio class="radio" color="#fa2209" :checked="checkedIds.length > 0 && checkedIds.length === list.length" />
        <text>全选</text>
      </label>
      <view class="total-info">
后面还有 438 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。