页面优化

peng

2025-10-30 c61f03cfe1fcf023c7128f77f3d692aef309f77f

 pages/cusbar/cart/cartList.vue

@@ -14,7 +14,7 @@
      </view>
    </view>
    <!-- 店铺商品信息 -->
    <div class="content" :style="{height: windowHeight - marginBottom - 50 + 'px'}">
    <div class="content" :style="{height: windowHeight - marginBottom - 200 + 'px'}">
      <div class="box box2" :class="{ invalid: isInvalid(item) }" v-for="(item, index) in cartDetail.cartList"
        :key="index">
        <view class="tab">
@@ -35,7 +35,7 @@
            }}</span>
            <u-icon @click="navigateToStore(item)"  size="24" style="margin-left:10rpx;"  name="arrow-right"></u-icon>
          </view>
          <view class="right-col" v-if="item.canReceiveCoupon" @click="navigateToCoupon(item)">
          <view class="right-col" v-if="item.canReceiveCoupon.length>0" @click="navigateToCoupon(item)">
            <div class="right-line"></div>
            <span>领劵</span>
          </view>
@@ -52,7 +52,8 @@
              </div>
            </div>
          </div>
          <view class="goods-row" :class="{ invalid: isInvalid(skuItem) }">
          <!-- <view class="goods-row" :class="{ invalid: isInvalid(skuItem) }"> -->
           <view class="goods-row" >
            <view class="goods-config">
              <view>
                <u-checkbox-group v-if="skuItem.invalid == 0 && !skuItem.errorMessage">
@@ -188,6 +189,7 @@
import '@/components/uview-components/uview-ui';
import * as API_Trade from "@/api/trade";
import { debounce } from "@/utils/tools.js";
import { getSessionId, userAction } from "@/api/userAction.js";
// import uniNumberBox from '@/components/uni-number-box'
export default {
  data() {
@@ -220,7 +222,18 @@
      checkout: false, //全选按钮
      WEIXIN_num: "", //购物车兼容微信步进器
     marginBottom: 0 ,// 底部安全区域
     windowHeight: 0 // 可使用屏幕高度
     windowHeight: 0 ,// 可使用屏幕高度
     pageSessionNo:"",
    sendOnShow:false,
     actionParam:{
         sessionId:'',
         actionType:"PAGE",
         joinType:"SELF",
         pageCode:"CART_LIST",
         pageParams:"{}",
         pageStatus:"JOIN",
         pageType:"DETAIL"
      }
    };
  },

@@ -235,10 +248,35 @@
  onPullDownRefresh(){
    this.getCardData();
  },
  onUnload() {
    let param = Object.assign({}, this.actionParam);
    if (this.sendOnShow)return
    param.pageStatus = "LEAVE"
    userAction(param)
  },
  onHide() {
    this.startHidenTime = Date.now()
    let param = Object.assign({}, this.actionParam);
    this.sendOnShow = true;
    param.pageStatus = "LEAVE"
    userAction(param)
  },
  onLoad(options) {
        this.actionParam.pageParams = JSON.stringify(options)

  },
  /**
   * 初始化信息
   */
  onShow() {
     getSessionId().then(res=>{
      this.pageSessionNo = res.data.data
      this.actionParam.sessionId = this.pageSessionNo
      if(this.pageSessionNo){
      let param = Object.assign({}, this.actionParam);
         userAction(param)
      }
     })	
    this.deleteShow ? (this.deleteShow = false) : true;
   this.getCardData();
      // if (this.$refs.swiperAction) {
@@ -719,6 +757,7 @@
.content {
  padding: 20rpx 0 20rpx 0;
  margin-bottom: 80rpx;
  overflow: auto;
}

.line {