<template>
  <view class="page">
    <!-- <status-bar :backgroundColor="'#fff'"></status-bar>
    <uni-nav-bar title="购物车"></uni-nav-bar> -->
    <view v-if="loadComplete">
      <block v-if="isdata">
        <view class="manage" @click="showDelBtn">{{
          !showDelList ? "管理" : "退出管理"
        }}</view>
        <view class="m-product-all" style="padding-bottom: 10rpx">
          <view class="m-product-list">
            <block
              v-for="(store_items, storeindex) in cartlist.items"
              :key="storeindex"
            >
              <view class="store-box">
                <view class="m-store" :data-id="store_items.store_id">
                  <view class="m-store-c">
                    <view
                      class="m-store-ck"
                      @click="ckStore"
                      :data-id="store_items.store_id"
                      :data-isck="store_items.cart_select"
                      :data-checkable="store_items.store_checkable"
                    >
                      <uni-icons
                        :type="
                          store_items.cart_select ? 'circle-filled' : 'circle'
                        "
                        :color="store_items.cart_select ? theme_bg : '#e3e3e3'"
                        size="28"
                      />
                    </view>
                    <navigator
                      :url="
                        '/pagesub/index/store?store_id=' + store_items.store_id
                      "
                      class="m-cell m-cell-access"
                      style=""
                      hover-class="none"
                    >
                      <view class="m-cell-bd m-cell-primary">
                        <p class="m-store-info">
                          {{ store_items.store_name }}
                        </p>
                      </view>
                      <text class="m-cell-ft"></text>
                    </navigator>
                  </view>
                </view>
                <view
                  v-for="(item, itemindex) in store_items.items"
                  :key="itemindex"
                  class="m-product-item"
                >
                  <view
                    :class="{ 'm-item-c': 1 }"
                    @touchstart="removestart"
                    @touchmove="removeload"
                    @touchend="removeend"
                    :data-id="item.cart_id"
                    @longpress.stop="pressDelCart"
                  >
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + item.item_id"
                      style="
                        font-size: 28rpx;
                        line-height: 2;
                        display: flex;
                        height: 100%;
                        width: 100%;
                      "
                    >
                      <view
                        class="m-cart-ck"
                        @click.stop="ckitem"
                        :data-id="item.cart_id"
                        :data-isck="item.cart_select"
                      >
                        <uni-icons
                          :type="item.cart_select ? 'circle-filled' : 'circle'"
                          :color="item.cart_select ? theme_bg : '#e3e3e3'"
                          size="28"
                        />
                      </view>
                      <view class="m-product-img">
                        <image
                          lazy-load
                          :src="$.img(item.product_image, 200, 200)"
                        />
                      </view>
                      <view class="m-product-info">
                        <view class="m-product-name">
                          <image
                            v-if="item.product_state_id == 1002"
                            lazy-load
                            style=""
                            class="off-shelf-simg"
                            src="http://static.lancerdt.com/xcxfile/appicon/xiajia.png"
                          />

                          <label>
                            <label
                              ><text
                                v-if="item.show_typename"
                                class="tag tag-orange"
                                >{{ item.show_typename }}</text
                              >{{ item.product_name }}</label
                            >
                          </label>
                          <label class="m-min-name" style="">{{
                            item.item_spec_name ? item.item_spec_name : ""
                          }}</label>
                        </view>

                        <view class="m-product-box">
                          <view class="m-product-price">
                            <block v-if="item.item_sale_price">
                              <label>{{ __("￥") }}</label>
                              {{ number_format(item.item_sale_price, 2) }}
                              <label
                                class="pre-info-price"
                                v-if="item.discount_sale_money"
                                >-{{ __("￥")
                                }}{{
                                  number_format(item.discount_sale_money, 2)
                                }}</label
                              >
                            </block>

                            <block v-if="item.item_unit_points">
                              <label
                                class="pre-info-price"
                                style="margin: 0rpx 10rpx"
                                >+</label
                              ><label style="font-size: 14px">{{
                                item.item_unit_points
                              }}</label
                              ><label>{{ __("积分") }}</label>
                            </block>
                            <block v-if="item.item_unit_sp">
                              <label
                                class="pre-info-price"
                                style="margin: 0rpx 10rpx"
                                >+</label
                              ><label style="font-size: 14px">{{
                                item.item_unit_sp
                              }}</label
                              ><label>{{ __("众宝") }}</label>
                            </block>
                          </view>
                          <block>
                            <view class="u-cart-num">
                              <view
                                class="u-num-btn thin-border-right"
                                @click.stop="sub"
                                :data-num="item.cart_quantity"
                                :data-stock="
                                  item.cart_quantity + item.buy_limit
                                "
                                :data-cid="item.cart_id"
                                :data-skuid="item.item_id"
                                :data-userid="item.user_id"
                                >-</view
                              >
                              <input
                                type="number"
                                :value="item.cart_quantity"
                                @click.stop
                                @blur="writenum"
                                :data-stock="
                                  item.cart_quantity + item.buy_limit
                                "
                                :data-cid="item.cart_id"
                                :data-skuid="item.item_id"
                                :data-userid="item.user_id"
                              />
                              <view
                                class="u-num-btn thin-border-left"
                                @click.stop="add"
                                :data-num="item.cart_quantity"
                                :data-stock="
                                  item.cart_quantity + item.buy_limit
                                "
                                :data-cid="item.cart_id"
                                :data-skuid="item.item_id"
                                :data-userid="item.user_id"
                                >+</view
                              >
                            </view>
                          </block>
                          <label
                            class="u-del iconfont icon-delete"
                            :data-id="item.cart_id"
                            @click.stop.prevent="delcart"
                            @touchstart.stop.prevent
                            @touchmove.stop.prevent
                            @touchend.stop.prevent="delcart"
                          >
                          </label>
                        </view>
                        <!-- <block v-else>
						<view class="u-cart-num">
						  <view class="u-num-btn">-</view>
						  <input type="text" :value="(item.cart_quantity)" />
						  <view class="u-num-btn">+</view>
						</view>
					  </block> -->
                      </view>
                    </navigator>
                  </view>
                  <!-- 模板调用单品加价购、赠品、满减 -->
                  <!--
				  pulse_gift_cart
				  pulse_bargains
				  pulse_bargains_cart
				  pulse_reduction
				  -->
                  <!-- pulse_gift_cart -->
                  <view
                    v-if="item.pulse_gift_cart.length > 0"
                    v-for="(pluse, giftindex) in item.pulse_gift_cart"
                    :key="giftindex"
                    class="m-item-act"
                    :data-id="pluse.cart_id"
                  >
                    <view
                      class="m-cart-ck"
                      :data-id="pluse.cart_id"
                      :data-isck="pluse.cart_select"
                    >
                    </view>
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="m-product-img m-act-img"
                    >
                      <image
                        lazy-load
                        :src="$.img(pluse.product_image, 200, 200)"
                      />
                    </navigator>
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="act-item-name"
                      style="
                        height: 100rpx;
                        line-height: 100rpx;
                        font-size: 28rpx;
                      "
                    >
                      <label
                        >【{{ __("赠品") }}】{{
                          pluse.product_item_name
                        }}</label
                      >
                    </navigator>
                    <view
                      v-if="pluse.selectable"
                      class="m-act-change"
                      :data-storeindex="storeindex"
                      :data-itemindex="itemindex"
                      :data-giftindex="giftindex"
                      :data-isck="pluse.cart_select"
                      @click="chooseItemGift"
                      >{{ __("修改") }}</view
                    >
                  </view>

                  <!-- pulse_reduction -->
                  <block
                    v-if="item.pulse_reduction.length > 0"
                    v-for="(pluse, reductionindex) in item.pulse_reduction"
                    :key="reductionindex"
                  >
                    <view v-if="pluse.reduceMoney > 0" class="m-item-act">
                      <view
                        class="m-cart-ck"
                        @click="ckitem"
                        :data-id="pluse.cart_id"
                        :data-isck="pluse.cart_select"
                      >
                      </view>
                      <view
                        class="m-product-img icon-activity icon-activity-reduction"
                      >
                      </view>
                      <view
                        class="act-item-name"
                        style="
                          height: 160rpx;
                          line-height: 160rpx;
                          font-size: 28rpx;
                        "
                      >
                        <label
                          >【{{
                            sprintf(__("满减 -￥%s"), mf(pluse.reduceMoney, 2))
                          }}】</label
                        >
                        <!--(pluse.actName)-->
                      </view>
                    </view>
                  </block>
                  <!-- pulse_reduction -->
                  <block
                    v-if="item.pulse_multple.length > 0"
                    v-for="(pluse, reductionindex) in item.pulse_multple"
                    :key="reductionindex"
                  >
                    <view v-if="pluse.reduceMoney > 0" class="m-item-act">
                      <view
                        class="m-cart-ck"
                        @click="ckitem"
                        :data-id="pluse.cart_id"
                        :data-isck="pluse.cart_select"
                      >
                      </view>
                      <view
                        class="m-product-img icon-activity icon-activity-reduction"
                      >
                      </view>
                      <view
                        class="act-item-name"
                        style="
                          height: 160rpx;
                          line-height: 160rpx;
                          font-size: 28rpx;
                        "
                      >
                        <label
                          >【{{
                            sprintf(
                              __("多件折 -￥%s"),
                              mf(pluse.reduceMoney, 2)
                            )
                          }}】</label
                        >
                        <!--(pluse.actName)-->
                      </view>
                    </view>
                  </block>

                  <!-- pulse_bargains_cart -->
                  <view
                    v-if="item.pulse_bargains_cart.length > 0"
                    v-for="(pluse, bargainsindex) in item.pulse_bargains_cart"
                    :key="bargainsindex"
                    class="m-item-act"
                    :data-id="pluse.cart_id"
                  >
                    <image
                      v-if="pluse.product_state_id == 1002"
                      lazy-load
                      class="off-shelf-simg"
                      src="http://static.lancerdt.com/xcxfile/appicon/xiajia.png"
                    />
                    <view
                      class="m-cart-ck"
                      @click="ckitem"
                      :data-id="pluse.cart_id"
                      :data-isck="pluse.cart_select"
                    >
                      <uni-icons
                        :type="pluse.cart_select ? 'circle-filled' : 'circle'"
                        :color="pluse.cart_select ? theme_bg : '#e3e3e3'"
                        size="28"
                      />
                    </view>
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="m-product-img m-act-img"
                    >
                      <image
                        lazy-load
                        :src="$.img(pluse.product_image, 200, 200)"
                      />
                    </navigator>
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="act-item-name"
                      style="
                        height: 100rpx;
                        line-height: 100rpx;
                        font-size: 28rpx;
                        width: 260rpx;
                      "
                    >
                      <label
                        >【{{ __("加价购") }}】{{
                          pluse.product_item_name
                        }}</label
                      >
                    </navigator>

                    <block>
                      <view class="u-cart-num" style="right: 122rpx">
                        <view
                          class="u-num-btn"
                          @click="sub"
                          :data-num="pluse.cart_quantity"
                          :data-stock="pluse.cart_quantity + pluse.buy_limit"
                          :data-cid="pluse.cart_id"
                          :data-skuid="pluse.item_id"
                          :data-userid="pluse.user_id"
                          >-</view
                        >
                        <input
                          :type="number"
                          :value="pluse.cart_quantity"
                          @blur="writenum"
                          :data-stock="pluse.cart_quantity + pluse.buy_limit"
                          :data-cid="pluse.cart_id"
                          :data-skuid="pluse.item_id"
                          :data-userid="pluse.user_id"
                        />
                        <view
                          class="u-num-btn"
                          @click="add"
                          :data-num="pluse.cart_quantity"
                          :data-stock="pluse.cart_quantity + pluse.buy_limit"
                          :data-cid="pluse.cart_id"
                          :data-skuid="pluse.item_id"
                          :data-userid="pluse.user_id"
                          >+</view
                        >
                      </view>
                    </block>
                  </view>

                  <!-- pulse_bargains -->
                  <block
                    v-if="item.pulse_bargains.length > 0"
                    v-for="(pluse, bargainsindex) in item.pulse_bargains"
                    :key="bargainsindex"
                  >
                    <view
                      class="m-item-act"
                      v-if="pluse.length > 0 || pluse.actId"
                      :data-id="pluse.cart_id"
                    >
                      <image
                        v-if="pluse.product_state_id == 1002"
                        lazy-load
                        class="off-shelf-simg"
                        src="http://static.lancerdt.com/xcxfile/appicon/xiajia.png"
                      />
                      <view
                        class="m-cart-ck"
                        v-if="pluse.selectable"
                        :data-storeindex="storeindex"
                        :data-itemindex="itemindex"
                        :data-bargainsindex="bargainsindex"
                        :data-isck="pluse.cart_select"
                        @click="chooseItemBargains"
                      >
                        <uni-icons
                          class="iconfont icon-add"
                          style="
                            font-size: 44rpx;
                            position: relative;
                            top: 10rpx;
                            color: green;
                          "
                        />
                      </view>
                      <view
                        class="m-cart-ck"
                        v-else
                        @click="chooseRaiseBuyItem"
                        :data-item_id="pluse.item_id"
                        :data-activity_id="pluse.actId"
                        :data-activity_item_id="pluse.activity_item_id"
                        :data-cart_type="1"
                        :data-isck="pluse.cart_select"
                      >
                        <uni-icons
                          :type="isckall ? 'circle-filled' : 'circle'"
                          :color="isckall ? theme_bg : '#e3e3e3'"
                          size="28"
                        />
                      </view>

                      <navigator
                        hover-class="none"
                        :url="'/pages/product/detail?pid=' + pluse.item_id"
                        class="m-product-img m-act-img"
                      >
                        <image
                          lazy-load
                          :src="$.img(pluse.product_image, 200, 200)"
                        />
                      </navigator>
                      <navigator
                        hover-class="none"
                        :url="'/pages/product/detail?pid=' + pluse.item_id"
                        class="act-item-name"
                        style="
                          height: 100rpx;
                          line-height: 100rpx;
                          font-size: 28rpx;
                        "
                      >
                        <label
                          >【{{
                            sprintf(
                              __("加价 ￥%s 购买"),
                              mf(pluse.item_sale_price, 2)
                            )
                          }}】</label
                        >
                      </navigator>
                    </view>
                  </block>
                </view>

                <!-- 店铺加价购 pulse_bargains -->
                <view
                  class="m-product-item"
                  v-if="store_items.bargains.length > 0"
                  v-for="(pluse, bargainsindex) in store_items.bargains"
                  :key="bargainsindex"
                >
                  <view
                    class="m-item-act"
                    v-if="pluse.length > 0 || pluse.actId"
                    :data-id="pluse.cart_id"
                  >
                    <view
                      class="m-cart-ck"
                      v-if="pluse.selectable"
                      :data-storeindex="storeindex"
                      :data-itemindex="itemindex"
                      :data-bargainsindex="bargainsindex"
                      :data-isck="pluse.cart_select"
                      @click="chooseStoreBargains"
                    >
                      <uni-icons
                        class="iconfont icon-add"
                        style="
                          font-size: 44rpx;
                          position: relative;
                          top: 10rpx;
                          color: green;
                        "
                      />
                    </view>
                    <view
                      class="m-cart-ck"
                      v-else
                      @click="chooseRaiseBuyItem"
                      :data-item_id="pluse.item_id"
                      :data-activity_id="pluse.actId"
                      :data-activity_item_id="pluse.item_id"
                      :data-cart_type="1"
                      :data-isck="pluse.cart_select"
                    >
                      <uni-icons
                        :type="isckall ? 'circle-filled' : 'circle'"
                        :color="isckall ? theme_bg : '#e3e3e3'"
                        size="28"
                      />
                    </view>

                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="m-product-img m-act-img"
                    >
                      <image
                        lazy-load
                        :src="$.img(pluse.product_image, 200, 200)"
                      />
                    </navigator>
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="act-item-name"
                      style="
                        height: 100rpx;
                        line-height: 100rpx;
                        font-size: 28rpx;
                      "
                    >
                      <label
                        >【{{
                          sprintf(
                            __("加价 ￥%s 购买"),
                            mf(pluse.item_sale_price, 2)
                          )
                        }}】</label
                      >
                    </navigator>
                  </view>
                </view>

                <!-- 店铺赠品 activitys.gift -->
                <view
                  class="m-product-item"
                  v-if="store_items.activitys.gift.length > 0"
                  v-for="(pluse, giftindex) in store_items.activitys.gift"
                  :key="giftindex"
                >
                  <view
                    class="m-item-act"
                    v-if="pluse.length > 0 || pluse.actId"
                    :data-id="pluse.cart_id"
                  >
                    <view
                      class="m-cart-ck"
                      :data-id="pluse.cart_id"
                      :data-isck="pluse.cart_select"
                    >
                    </view>
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="m-product-img m-act-img"
                    >
                      <image
                        lazy-load
                        :src="$.img(pluse.product_image, 200, 200)"
                      />
                    </navigator>
                    <navigator
                      hover-class="none"
                      :url="'/pages/product/detail?pid=' + pluse.item_id"
                      class="act-item-name"
                      style="
                        height: 100rpx;
                        line-height: 100rpx;
                        font-size: 28rpx;
                      "
                    >
                      <label
                        >【{{ __("赠品") }}】{{
                          pluse.product_item_name
                        }}</label
                      >
                    </navigator>
                    <view
                      v-if="pluse.selectable"
                      class="m-act-change"
                      :data-storeindex="storeindex"
                      :data-itemindex="itemindex"
                      :data-giftindex="giftindex"
                      :data-isck="pluse.cart_select"
                      @click="chooseStoreGift"
                      >{{ __("修改") }}</view
                    >
                  </view>
                </view>

                <!-- 店铺满减 activitys.reduction  -->
                <view
                  class="m-product-item"
                  v-if="store_items.activitys.reduction.length > 0"
                  v-for="(pluse, reductionindex) in store_items.activitys
                    .reduction"
                  :key="reductionindex"
                >
                  <view
                    class="m-item-act"
                    v-if="
                      (pluse.length > 0 || pluse.actId) && pluse.reduceMoney > 0
                    "
                    :data-id="pluse.cart_id"
                  >
                    <view
                      class="m-cart-ck"
                      @click="ckitem"
                      :data-id="pluse.cart_id"
                      :data-isck="pluse.cart_select"
                    >
                    </view>
                    <view
                      class="m-product-img icon-activity icon-activity-reduction"
                    >
                    </view>
                    <view
                      class="act-item-name"
                      style="
                        height: 160rpx;
                        line-height: 160rpx;
                        font-size: 28rpx;
                      "
                    >
                      <label
                        >【{{
                          sprintf(__("满减 -￥%s"), mf(pluse.reduceMoney, 2))
                        }}】</label
                      >
                      <!--(pluse.actName)-->
                    </view>
                  </view>
                </view>
                <!-- 店铺多件折 activitys.reduction  -->
                <view
                  class="m-product-item"
                  v-if="store_items.activitys.multple.length > 0"
                  v-for="(pluse, reductionindex) in store_items.activitys
                    .multple"
                  :key="reductionindex"
                >
                  <view
                    class="m-item-act"
                    v-if="
                      (pluse.length > 0 || pluse.actId) && pluse.reduceMoney > 0
                    "
                    :data-id="pluse.cart_id"
                  >
                    <view
                      class="m-cart-ck"
                      @click="ckitem"
                      :data-id="pluse.cart_id"
                      :data-isck="pluse.cart_select"
                    >
                    </view>
                    <view
                      class="m-product-img icon-activity icon-activity-reduction"
                    >
                    </view>
                    <view
                      class="act-item-name"
                      style="
                        height: 160rpx;
                        line-height: 160rpx;
                        font-size: 28rpx;
                      "
                    >
                      <label
                        >【{{
                          sprintf(__("多件折 -￥%s"), mf(pluse.reduceMoney, 2))
                        }}】</label
                      >
                      <!--(pluse.actName)-->
                    </view>
                  </view>
                </view>
              </view>
            </block>
          </view>
        </view>
        <view class="u-cleanbox"></view>
        <view class="m-footer-btn" :style="'bottom:' + barBottom + 'px'">
          <view class="m-footer-btn-list">
            <view class="m-footer-btn-item m-footer-btn-item-left">
              <view class="m-cart-ck" @click="ckall" :data-isck="isckall">
                <uni-icons
                  :type="isckall ? 'circle-filled' : 'circle'"
                  :color="isckall ? theme_bg : '#e3e3e3'"
                  size="28"
                />
              </view>
              <view
                style="
                  padding-right: 10rpx;
                  display: initial;
                  line-height: 48px;
                "
                >{{ __("全选") }}</view
              >
              <!-- <view class="m-cart-del" @click="delAll" v-show="showDelList">
                <view class="btn-del">
                  删除
                </view>
              </view> -->
            </view>
            <view class="m-footer-btn-item m-cart-total" v-show="!showDelList">
              <view style="line-height: 1.8; font-size: 12px"
                >{{ __("合计：") }}
                <block v-if="cartlist.orderSelMoneyAmount">
                  <label style="font-size: 12px">{{ __("￥") }}</label
                  ><text>{{
                    number_format(cartlist.orderSelMoneyAmount, 2)
                  }}</text>
                </block>

                <block v-if="cartlist.orderSelPointsAmount">
                  <label style="margin: auto 8rpx">+</label
                  ><text v-if="cartlist.orderSelPointsAmount">
                    {{ number_format(cartlist.orderSelPointsAmount) }}</text
                  ><label style="font-size: 12px">{{ __("积分") }}</label>
                </block>

                <block v-if="cartlist.orderSelSpAmount">
                  <label style="margin: auto 10rpx">+</label
                  ><text v-if="cartlist.orderSelSpAmount">
                    {{ number_format(cartlist.orderSelSpAmount) }}</text
                  ><label>{{ __("众宝") }}</label>
                </block>
              </view>
              <view style="font-size: 20rpx; line-height: 28rpx"
                ><label style="margin-right: 10rpx; color: #888"
                  >{{ __("优惠:￥")
                  }}{{ number_format(cartlist.orderDiscountAmount, 2) }}</label
                >
                {{ __("不含运费") }}
              </view>
            </view>
          </view>
          <view
            class="m-footer-btn-main"
            v-show="!showDelList"
            @click="submitorder"
          >
            {{ sprintf(__("结算(%s)"), cartlist.Total) }}
          </view>
          <view class="m-footer-btn-main" v-show="showDelList" @click="delAll">
            删除
          </view>
        </view>

        <view
          :class="{ 'm-panel-sp': 1, hide: selectsp == 0 }"
          @click="closesp"
        >
          <view
            :style="'bottom:' + barBottom + 'px'"
            :class="
              'm-panel-sp-content ' +
              (selectct == 0 ? 'bounceOutDown animated' : 'bounceInUp animated')
            "
            catchtap
          >
            <view class="m-panel-sp-pinfo">
              <view class="m-panel-sp-pname">
                <view class="m-pstock">{{ __("选择商品") }}</view>
              </view>
              <uni-icons
                type="close"
                class="m-panel-sp-icon"
                color="#888"
                @click="closesp"
              />
            </view>
            <scroll-view class="m-panel-sp-listbox" scroll-y="true">
              <block
                v-for="(select_items, key1) in spdata.selecInfo"
                :key="key1"
              >
                <view
                  class="m-panel-sp-listbox-item"
                  @click="chooseRaiseBuyItem"
                  :data-item_id="select_items.item_id"
                  :data-activity_id="spdata.actId"
                  :data-activity_item_id="spdata.activity_item_id"
                  :data-cart_type="cart_type"
                >
                  <view class="m-panel-sp-labellist" v-if="true">
                    <view class="m-panel-sp-pimg">
                      <image
                        lazy-load
                        :src="$.img(select_items.product_image, 200, 200)"
                      />
                    </view>
                    <view class="m-panel-sp-pname"
                      >{{ select_items.product_item_name }}

                      <view class="m-product-price">
                        <label>{{ __("￥") }}</label
                        >{{ number_format(select_items.item_sale_price, 2) }}
                        <label
                          class="pre-info-price"
                          v-if="select_items.discount_sale_money"
                          >-{{ __("￥")
                          }}{{
                            number_format(select_items.discount_sale_money, 2)
                          }}</label
                        >
                      </view>
                    </view>
                  </view>
                </view>
              </block>
              <!-- <view style="height:96rpx;width:100%;"></view> -->
            </scroll-view>
          </view>
        </view>
      </block>
      <block v-else>
        <navigator
          hover-class="none"
          url="/pages/index/index"
          open-type="switchTab"
          class="m-nullpage"
        >
          <view class="m-nullpage-middle">
            <label class="iconfont icon-konggouwuche"></label>
            <view class="m-null-tip">
              <text>{{ __("购物车空空如也") }}</text>
              <text>{{ __("去挑几件中意的商品吧") }}</text>
            </view>
          </view>
        </navigator>
        <guess-you-like
          ref="guessYouLike"
          :isGuessFlag="isGuessFlag"
          :isShowLoading="false"
          :titleText="__('——猜你喜欢——')"
        ></guess-you-like>
      </block>
    </view>
  </view>
</template>

<script>
import guessYouLike from "@/components/product-list.vue";
import statusBar from "@/components/status-bar.vue";
import { theme_bg } from "@/styles/_variables.scss";

import { mapState, mapMutations } from "vuex";
import statecode from "@/config/statecode";

export default {
  data: function () {
    return {
      options: {},
      selectsp: 0,
      selectct: 0,
      cart_type: 0,
      spdata: [],
      flag: false,
      isckall: false,
      isck: false,
      cartlist: { items: [] },
      X_Start: 0,
      X_End: 0,
      T_Id: 0,
      select_cart_ids: [],
      isdata: false,
      barBottom: 0,
      itemindex: 0,
      theme_bg: theme_bg,
      loadComplete: false, // 没有加载数据前不显示的对应内容
      isGuessFlag: false,
      showDelList: false,
    };
  },
  computed: mapState([
    "Config",
    "StateCode",
    "notice",
    "plantformInfo",
    "shopInfo",
    "userInfo",
    "hasLogin",
  ]),
  components: {
    statusBar,
    guessYouLike,
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    uni.setNavigationBarTitle({
      title: this.__("购物车"),
    });

    await this.$onLaunched;

    var that = this;

    let bar_bottom = 0;
    // #ifdef H5
    bar_bottom = 50;
    // #endif

    that.setData({
      options: options,
      barBottom: bar_bottom,
    });

    this.getPlantformInfo(function (plantformInfo) {
      that.setData({
        isGuessFlag: plantformInfo.config.esearch_enable || false,
      });
    });

    //console.log(this.tabBar)
    this.notice.addNotification("RefreshCart", that.RefreshCart, that);
  },

  onShow: function () {
    var that = this;

    this.getUserInfo(function (user) {
      that.getCartList();
    });
    this.showCartNum();
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    // 离开页面，注销事件
    var that = this;
    this.notice.removeNotification("RefreshCart", that);
  },

  onPullDownRefresh: function () {
    this.getCartList();
  },

  methods: {
    ...mapMutations([
      "login",
      "logout",
      "getPlantformInfo",
      "forceUserInfo",
      "getUserInfo",
      "setCartNum",
      "showCartNum",
    ]),
    showDelBtn() {
      this.showDelList = !this.showDelList;
    },
    //获取平台信息
    getPlatType: function () {
      let platStr = null;
      // #ifdef MP-WEIXIN
      platStr = "weiXin";
      //#endif

      // #ifdef H5
      platStr = "H5";
      //#endif

      // #ifdef APP-PLUS
      platStr = "APP";
      //#endif
      return platStr;
    },

    //计算选中信息
    ckalllength: function (data) {
      var that = this,
        selected_ids = [];
      var total_sel = 0;

      //循环所有店铺
      if (!that.$.isNull(data.items) && data.items.length > 0) {
        var isck = 0;
        var isckall = 0;
        var total = 0;

        for (var store_item_index in data.items) {
          //第一个店铺
          //var cart_items = data.items[0].items, i = 0, s = cart_items.length;
          var cart_items = data.items[store_item_index].items,
            s = cart_items.length;
          var i = 0;

          for (var item in cart_items) {
            //按照item计算 i
            cart_items[item].cart_select &&
              ((i = i + cart_items[item].cart_quantity),
              selected_ids.push(cart_items[item].cart_id),
              (isck = 1));
          }

          total = total + i;
        }

        data.Total = total;

        that.setData({
          select_cart_ids: selected_ids,
        });

        isckall = data.cart_select;

        this.setData({
          isckall: isckall,
        });
        this.setData({
          isck: isck,
        }),
          this.setData({
            isdata: true,
          });
      } else {
        this.setData({
          isdata: false,
        });
      }

      return data;
    },

    //店铺全选
    ckStore: function (e) {
      if (!e.currentTarget.dataset.checkable) {
        this.$.alert(this.__("商品都已下架"));
        return false;
      }
      var param = {
          //store_id: this.shopInfo.store_id,
          UID: 0,
          CID: e.currentTarget.dataset.id,
          IsCK: e.currentTarget.dataset.isck ? 0 : 1,

          action: "store",
          store_id: e.currentTarget.dataset.id,
          cart_select: parseInt(e.currentTarget.dataset.isck) ? 0 : 1,
        },
        that = this;

      //发送购物车请求
      that.$.request({
        url: this.Config.URL.cart.sel,
        data: param,
        success: function (data, status, msg, code) {
          that.getCartList();

          if (200 != status) {
            that.$.confirm(msg);
          }
          //data = that.ckalllength(data);
          //that.setData({cartlist: data});
        },
      });
    },

    //单品选中
    ckitem: function (e) {
      // if (e.currentTarget.dataset.stateid != statecode.PRODUCT_STATE_NORMAL) {
      // 	this.$.alert(this.__('该商品已下架'))
      // 	return false;
      // }
      var param = {
          //store_id: this.shopInfo.store_id,
          CID: e.currentTarget.dataset.id,
          IsCK: e.currentTarget.dataset.isck ? 0 : 1,

          cart_id: e.currentTarget.dataset.id,
          cart_select: parseInt(e.currentTarget.dataset.isck) ? 0 : 1,
        },
        that = this;

      //发送购物车请求
      that.$.request({
        url: this.Config.URL.cart.sel,
        data: param,
        success: function (data, status, msg, code) {
          that.getCartList();

          if (200 != status) {
            that.$.confirm(msg);
          }
          //data = that.ckalllength(data);
          //that.setData({cartlist: data});
        },
      });
    },

    //全选
    ckall: function (e) {
      var param = {
          //store_id: this.shopInfo.store_id,
          CID: e.currentTarget.dataset.id,
          IsCK: e.currentTarget.dataset.isck ? 0 : 1,

          action: "all",
          cart_select: parseInt(e.currentTarget.dataset.isck) ? 0 : 1,
        },
        that = this;

      //发送购物车请求
      that.$.request({
        url: this.Config.URL.cart.sel,
        data: param,
        success: function (data, status, msg, code) {
          that.getCartList();

          if (200 != status) {
            that.$.confirm(msg);
          }
          //data = that.ckalllength(data);
          //that.setData({cartlist: data});
        },
      });
    },

    sub: function (e) {
      let that = this;
      var t = {
        btntype: 2,
        numval: e.currentTarget.dataset.num,
        CID: e.currentTarget.dataset.cid,
        stock: e.currentTarget.dataset.stock,
        skuId: e.currentTarget.dataset.skuid,
        userId: e.currentTarget.dataset.userid,
      };

      if (t.numval == 1) {
        that.$.showModal({
          title: that.__("提示"),
          content: that.__("确认要删除这个商品吗？"),
          success: function (n) {
            if (n.confirm) {
              that.unifiedNum(t);
            }
          },
        });
      } else {
        that.unifiedNum(t);
      }
    },

    add: function (e) {
      let that = this;

      var t = {
        btntype: 1,
        numval: e.currentTarget.dataset.num,
        CID: e.currentTarget.dataset.cid,
        stock: e.currentTarget.dataset.stock,
        skuId: e.currentTarget.dataset.skuid,
        userId: e.currentTarget.dataset.userid,
      };

      if (t.numval >= t.stock) {
        that.$.alert(that.__("不能再加了"));
        return;
      }

      this.unifiedNum(t);
    },

    writenum: function (e) {
      var t = {
        btntype: 3,
        numval: e.detail.value,
        CID: e.currentTarget.dataset.cid,
        stock: e.currentTarget.dataset.stock,
        skuId: e.currentTarget.dataset.skuid,
        userId: e.currentTarget.dataset.userid,
      };
      this.unifiedNum(t);
    },
    unifiedNum: function (e) {
      var num_obj = {
        value: parseInt(e.numval),
        stock: parseInt(e.stock),
      };
      var flagObj = {
        btntype: e.btntype,
        skuId: e.skuId,
        userId: e.userId,
      };
      e.btntype == 1 && (num_obj.value = num_obj.value + 1);
      e.btntype == 2 && (num_obj.value = num_obj.value - 1);

      num_obj.value > num_obj.stock && (num_obj.value = num_obj.stock);

      //num_obj.value <= 0 && (num_obj.value = 1);

      var param = {
        //store_id: this.shopInfo.store_id,
        cart_id: e.CID,
        cart_quantity: num_obj.value,
      };

      var that = this;
      flagObj.cart_quantity = num_obj.value;
      //发送购物车请求
      that.$.request({
        url: this.Config.URL.cart.quantity,
        data: param,
        success: function (data, status, msg, code) {
          if (status == 200) {
            that.getCartList(flagObj);
          } else {
            that.$.alert(msg);
          }
        },
      });
    },
    // 获取购物车信息
    getCartList: function (flagObj) {
      var that = this;
      var param = {};

      this.$store.dispatch(`getCartList`, function (data) {
        data = that.ckalllength(data);
        that.setData({
          cartlist: data,
          loadComplete: true,
        });

        that.setCartNum(data.Total);
        that.showCartNum();

        that.$.stopPullDownRefresh();
      });

      return;
      //发送购物车请求
      that.$.request({
        url: this.Config.URL.cart.lists,
        data: param,
        success: function (data) {
          /*
						//统计加购数据
						if(flagObj){
							if(flagObj.btntype==1){
								//加一
								var _num=1;
							}else if(flagObj.btntype==2){
								//减一
								var _num=-1;
							}else{
								var _num=flagObj.cart_quantity;
							}
							uni.request({
								url:that.Config.statisticsPath+'/kafka/shopOrder/addCartKafka',
								method:'POST',
								data: {
									goodsNum:_num,
									skuId:flagObj.skuId,
									userId:that.$.getStorageSync('uid')
								},
								success:function(data, status, msg, code){
									//console.log(data,'+++++');
								}
							})
						}  */

          data = that.ckalllength(data);

          that.setData({
            cartlist: data,
          });

          that.setData({
            loadComplete: true,
          });

          that.setCartNum(data.Total);
          that.showCartNum();

          that.$.stopPullDownRefresh();
        },
        fail: function (data) {
          that.setData({
            loadComplete: true,
          });
          that.$.alert("网络异常请重试！");
        },
      });
    },
    removestart: function (e) {
      this.setData({
        X_Start: e.touches[0].pageX,
      });
    },
    removeload: function (e) {
      //console.info(e);
      this.setData({
        X_End: e.touches[0].pageX,
      });
    },
    removeend: function (e) {
      this.setData({
        X_End: e.mp.changedTouches[0].pageX,
      });
      this.direction(e.currentTarget.dataset.id);
    },
    direction: function (e) {
      var t = {
        xstart: this.X_Start,
        xend: this.X_End,
      };

      if (t.xstart > t.xend) {
        if (t.xstart - t.xend > 100) {
          this.setData({
            T_Id: e,
          });
        }
      } else {
        this.setData({
          T_Id: 0,
        });
      }
    },

    pressDelCart: function (e) {
      var that = this;
      e.currentTarget.dataset.id;

      let itemList = [that.__("删除")];

      uni.showActionSheet({
        itemList: itemList,
        success: (res) => {
          if (res.tapIndex == 0) {
            that.delcart(e);
          } else {
          }
        },
      });
    },

    // 删除购物车商品
    delcart: function (e) {
      var that = this;
      that.$.showModal({
        title: that.__("提示"),
        content: that.__("确认要删除这个商品吗？"),
        success: function (n) {
          if (n.confirm) {
            var param = {
              cart_id: e.currentTarget.dataset.id,
            };
            that.$.request({
              url: that.Config.URL.cart.remove,
              data: param,
              success: function (data) {
                that.getCartList();
              },
            });
          }
        },
      });
    },
    // 结算
    submitorder: function () {
      let that = this;
      this.isck
        ? that.$.navigateTo({
            url: "/pages/checkout/checkout?ifcart=1",
          })
        : that.$.showModal({
            title: that.__("提示"),
            content: that.__("请选择需要结算商品！"),
            showCancel: false,
          });
    },
    // 删除所有商品
    delAll: function () {
      var that = this;
      that.select_cart_ids.length <= 0
        ? that.$.confirm(that.__("请选择需要删除的商品！"))
        : that.$.confirm(
            that.__("是否删除选中商品？"),
            function (t) {
              if (t.confirm) {
                var param = {
                  cart_id: that.select_cart_ids.toString(),
                };
                that.$.request({
                  url: that.Config.URL.cart.remove,
                  data: param,
                  success: function (data) {
                    that.getCartList();
                  },
                });
              }
            },
            true
          );
    },

    closesp: function () {
      var that = this;
      that.setData({
        selectct: 0,
        flag: false,
      }),
        setTimeout(function () {
          that.setData({
            selectsp: 0,
          });
        }, 1e3);
    },

    //选择礼品
    chooseItemGift: function (e) {
      var that = this;

      var storeindex = e.currentTarget.dataset.storeindex;
      var itemindex = e.currentTarget.dataset.itemindex;
      var giftindex = e.currentTarget.dataset.giftindex;

      var spdata =
        that.cartlist["items"][storeindex]["items"][itemindex][
          "pulse_gift_cart"
        ][giftindex];

      that.setData({
        selectsp: 1,
        selectct: 1,
        cart_type: 3,
        spdata: spdata,
      });
    },

    chooseStoreGift: function (e) {
      var that = this;

      var storeindex = e.currentTarget.dataset.storeindex;
      var itemindex = e.currentTarget.dataset.itemindex;
      var giftindex = e.currentTarget.dataset.giftindex;

      var spdata =
        that.cartlist["items"][storeindex]["activitys"]["gift"][giftindex];

      that.setData({
        selectsp: 1,
        selectct: 1,
        cart_type: 3,
        spdata: spdata,
      });
    },

    //单品加价购
    chooseItemBargains: function (e) {
      var that = this;

      var storeindex = e.currentTarget.dataset.storeindex;
      var itemindex = e.currentTarget.dataset.itemindex;
      var bargainsindex = e.currentTarget.dataset.bargainsindex;

      var spdata =
        that.cartlist["items"][storeindex]["items"][itemindex][
          "pulse_bargains"
        ][bargainsindex];

      that.setData({
        selectsp: 1,
        selectct: 1,
        cart_type: 1,
        spdata: spdata,
      });
    },

    //店铺加价购
    chooseStoreBargains: function (e) {
      var that = this;

      var storeindex = e.currentTarget.dataset.storeindex;
      var itemindex = e.currentTarget.dataset.itemindex;
      var bargainsindex = e.currentTarget.dataset.bargainsindex;

      var spdata =
        that.cartlist["items"][storeindex]["bargains"][bargainsindex];

      that.setData({
        selectsp: 1,
        selectct: 1,
        cart_type: 1,
        spdata: spdata,
      });
    },

    //选择礼品
    chooseRaiseBuyItem: function (e) {
      var that = this;

      var item_id = e.currentTarget.dataset.item_id;
      var activity_id = e.currentTarget.dataset.activity_id;
      var cart_type = e.currentTarget.dataset.cart_type; //购买类型(ENUM):1-购买; 2-积分兑换; 3-赠品; 4-活动促销
      var activity_item_id = e.currentTarget.dataset.activity_item_id;
      var cart_quantity = 1;

      that.addActivityItemToCart(
        item_id,
        activity_id,
        cart_type,
        activity_item_id,
        cart_quantity
      );
    },

    addActivityItemToCart: function (
      item_id,
      activity_id,
      cart_type,
      activity_item_id,
      cart_quantity
    ) {
      var that = this;

      var param = {
        item_id: item_id,
        activity_id: activity_id,
        cart_type: cart_type, //购买类型(ENUM):1-购买; 2-积分兑换; 3-赠品; 4-活动促销
        activity_item_id: activity_item_id,
        cart_quantity: cart_quantity,
      };

      that.$.request({
        url: that.Config.URL.cart.add,
        data: param,
        success: function (data, status, msg, code) {
          if (status == 200) {
            that.$report("fb_mobile_add_to_cart", data);

            that.getCartList();
            that.setData({
              selectct: 0,
              flag: false,
            }),
              setTimeout(function () {
                that.setData({
                  selectsp: 0,
                });
              }, 1e3);
          } else {
            that.$.alert(msg);
          }
        },
      });
    },
    RefreshCart: function (e) {
      this.getCartList();
    },
  },
};
</script>


<style lang="scss">
@import "../../styles/_variables.scss";

.m-product-all {
  padding: 24rpx;
  /* #ifdef MP */
  padding-top: 0rpx;
  /* #endif */
}

.m-product-list {
  padding-top: 10rpx;

  /* #ifdef MP */
  padding-top: 0rpx;
  /* #endif */

  .store-box {
    background-color: #fff;
    border-radius: 20rpx;

    margin-bottom: 30rpx;

    .m-cell {
      padding: 0;
    }

    .m-cell-access .m-cell-ft:after {
      width: 4px;
      height: 4px;
      margin-top: -8rpx;
      margin-left: 8rpx;
    }
  }
}

/*店铺信息 start*/

.m-store:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  //border-bottom: 1px solid #ebebe7;
  color: #ebebe7;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}

.m-store {
  height: 100rpx;
  border-bottom: 0rpx solid #e3e3e3;
  position: relative;
  overflow: hidden;
}

.m-store-c {
  display: flex;
  align-items: center;
}

.m-store-ck {
  display: flex;
  justify-content: center;
  margin-left: 7px;
  width: 27px;
}

.thin-border-right {
  border-top-left-radius: 12rpx;
  border-bottom-left-radius: 12rpx;
  border: 1px solid #dddddd;
}

.thin-border-left {
  border-top-right-radius: 12rpx;
  border-bottom-right-radius: 12rpx;
  border: 1px solid #dddddd;
}

.m-store-ck icon,
.m-store-ck .uni-icons {
  // position: absolute;
  // top: 50%;
  // left: 50%;
  // margin-top: -40rpx;
  // margin-left: -20rpx;
}

.m-store-info {
  height: 100rpx;
  line-height: 100rpx;
  margin-left: 14rpx;
  font-size: 15px;
  font-weight: bold;
}

/*.m-store-info::before {content: " ";position: absolute;left: 0;bottom: 0;right: 0;height: 1rpx;border-bottom: 1rpx solid #e3e3e3;color: #CCCCCC;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 3;}*/

.pre-info-price {
  height: 18rpx !important;
  font-size: 12px !important;
  color: #b0b0b0 !important;
  margin: 0 0 0 10rpx !important;
}

.m-act-img {
  width: 100rpx;
  height: 100rpx;
}

.m-item-act {
  position: relative;
  height: 100%;
  width: 850rpx;
  height: 100rpx;
}

.act-item-name {
  width: 360rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.m-act-change {
  float: right;
  width: 100rpx;
  background-color: #fff;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 28rpx;
  position: absolute;
  font-size: 28rpx;
  top: 0rpx;
  right: 100rpx;
  color: #888;
  text-align: center;
}

/*选择规格遮罩 start*/
.m-panel-sp {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.2);
}

.m-panel-sp-content {
  background-color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  box-shadow: 0px -10rpx 15rpx rgba(0, 0, 0, 0.35);
}

.m-panel-sp-pinfo {
  height: 80rpx;
  box-sizing: border-box;
  padding: 20rpx;
  position: relative;
}

.m-panel-sp-pimg {
  width: 100rpx;
  height: 100rpx;
  background-color: #fff;
  border-radius: 8rpx;
  box-sizing: border-box;
  padding: 10rpx;
  box-shadow: 0px 0rpx 10rpx rgba(0, 0, 0, 0.35);
  float: left;
}

.m-panel-sp-pimg image {
  width: 100%;
  height: 100%;
}

.m-panel-sp-pname {
  padding-left: 20rpx;
  width: 580rpx;
  /*float:right;*/
  font-size: 28rpx;

  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

  margin-top: 6rpx;
}

.manage {
  margin: 20rpx 60rpx;
  font-weight: bold;
  text-align: right;
}

.m-panel-sp-pname .m-pprice {
  color: $default-skin-bg;
  font-size: 32rpx;
  line-height: 50rpx;
  font-weight: bold;
}

.m-panel-sp-icon {
  position: absolute;
  right: 20rpx;
  top: 20rpx;
}

.u-cart-num::after {
  // z-index: 99;
  // border: 1px solid #cacaca;
  border: none;
}

/* .m-panel-sp-listbox{height: 604rpx;} */
.m-panel-sp-listbox-item {
  height: 130rpx;
  border-top: 1rpx solid #e3e3e3;
  box-sizing: border-box;
  padding: 10rpx 20rpx;
}

/*选择规格遮罩 end*/

.u-cart-num {
  position: relative;
  margin-top: 12rpx;
  z-index: 2;
}

.m-cart-ck {
  // float: left;
  // width: 48rpx;
  //background-color: #fff;
  // height: 100%;
  // position: relative;
  // padding-left: 0rpx;

  // margin: auto 6rpx auto 14rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  margin: 0 7px;
  margin-top: -16px;
}

.m-cart-ck icon,
.m-cart-ck .uni-icons {
  // position: absolute;
  // top: 50%;
  // left: 50%;
  // margin-top: -20rpx;
  // margin-left: -20rpx;
}

.uniui-circle-filled {
  font-size: 24px;
}

.m-product-info {
  width: 60%;
  max-width: 60%;
  height: auto;
  padding: 0px 18px 14px 5px;
}

@media screen and (max-width: 320px) {
  .m-product-info {
    width: 57%;
  }
}

@media screen and (min-width: 321px) {
  .m-product-info {
    width: 60%;
  }
}

.m-product-info::before {
  border: none;
}

.m-product-item::before {
  content: "";
  border: none;
}

.m-product-item:last-child::after {
  content: "";
  border: none;
}

.m-product-item:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  //border-bottom: 1px solid #ebebe7;
  color: #ebebe7;
  /*transform-origin: 0 100%;*/
  transform: scaleY(0.5);
}

.m-product-item {
  border-bottom: 0rpx solid #e3e3e3;
  position: relative;
  overflow: hidden;
  height: auto;
}

.m-item-c {
  position: relative;
  height: 100%;
  width: 850rpx;
  //height: 212rpx;
}

.u-del {
  position: relative;
  font-size: 20px;
  top: -1px;
  color: #888888;
}

/*底部按钮 start*/

.m-footer-btn:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #ebebe7;
  color: #ebebe7;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}

.m-footer-btn {
  height: 112rpx;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-top: 0rpx solid #e3e3e3;
  z-index: 3;

  display: flex;
}

.m-footer-btn-list {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin: 0 8px;
  height: 100%;
}

.m-footer-btn-item {
}

.m-footer-btn-item-left {
  display: flex;
  align-items: center;

  .m-cart-ck {
    margin-top: 0;
    display: inline;
  }
}

.m-footer-btn-main {
  width: 23%;
  height: 100%;
  float: right;
  background: $default-skin-bg;
  color: #fff;
  font-size: 32rpx;
  text-align: center;

  border-radius: 9px;
  line-height: 80rpx;
  height: auto;

  text-align: center;
  margin: auto;
  margin-right: 20rpx;
}

.m-cart-total {
}

.m-cart-total text {
  font-size: 16px;
  color: $default-skin-bg;
}

.m-cart-total label {
  color: $default-skin-bg;
}

.m-cart-del {
  display: flex;
  align-items: center;
  margin-left: 7px;

  .icon-delete {
    font-size: 20px;
  }
}

/*底部按钮 end*/
.del {
  -webkit-animation: mdel 0.2s 1;
  animation: mdel 0.2s 1;
  left: -100rpx;
}

@-webkit-keyframes mdel {
  0% {
    left: 0;
  }

  100% {
    left: -100rpx;
  }
}

@keyframes mdel {
  0% {
    left: 0;
  }

  100% {
    left: -100rpx;
  }
}

view {
  font-size: 28rpx;
  line-height: 2;
}

.m-product-name {
  line-height: 34rpx;
  font-size: 12px;
  min-height: 34px;
}

.m-product-item {
  padding: 0;
  margin-top: 0;
  display: block;
  background-color: transparent;
}

.m-product-img {
  width: 80px;
  height: 80px;
  image {
    // padding: 14rpx;
    width: 80px;
    height: 80px;
    padding: 0;
  }
}

.m-act-img {
  width: 59px;
  height: 59px;

  image {
    width: 59px;
    height: 59px;
  }
}

.m-product-box {
  display: flex;
  margin-right: 10px;
}

.m-product-price {
  line-height: 40px !important;
  flex: 1;
  font-size: 12px;
}

.off-shelf-img {
  width: 100rpx;
  height: 100rpx;
  float: right;
  position: absolute;
  right: 100rpx;
  z-index: 3;
}

.off-shelf-simg {
  width: 100rpx;
  height: 100rpx;
  float: right;
  position: absolute;

  z-index: 3;
  right: -16rpx;
  top: -10px;
}

.m-footer-btn-list {
  .m-cart-ck {
    line-height: 24px;
    // margin-top: 24rpx;
    margin-left: 10rpx;
  }
}

.u-num-btn {
  width: 60rpx;
  line-height: 56rpx;
  height: 56rpx;
  background: #f9f9f9;
}

.u-cart-num {
  width: 90px;
  height: 25px;
  left: -20px;

  .u-num-btn {
    width: 29px;
    line-height: 28px;
    height: 28px;
    font-weight: bold;
  }

  input {
    font-size: 15px !important;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
}

.tag {
  padding: 0 10rpx;
}
</style>
