页面调整优化

zxl

17 小时以前 e6e969ad460293d3e14ca5ed89fd3b1df82e37c3

 pages/tabbar/user/my.vue

@@ -20,68 +20,67 @@
        </view>
        <u-icon style="display: flex;align-items: flex-start;" name="arrow-right"></u-icon>
      </view>

      <!-- 积分，优惠券，关注， -->
      <div class="pointBox1">
        <view class="point">
          <view class="point-col" @click="navigateTo('/pages/cart/coupon/myCoupon')">
            <view class="point-item">
              <text class="label">优惠券</text>
              <text class="value">{{ couponNum || 0 }}</text>
              <text class="label">张</text>
            </view>
          </view>
          <view class="point-col" @click="navigateTo('/pages/mine/deposit/operation')">
            <view class="point-item">
              <text class="label">余额</text>
              <text class="value">{{ walletNum | unitPrice }}</text>
            </view>
          </view>
        </view>
        <!-- 我的订单，代付款 -->
        <view class="order">
          <view class="order-header" @click="navigateTo('/pages/order/myOrder?status=0')">
            <view class="left">我的订单</view>
            <view class="right">
              <text>全部订单</text>
              <u-icon name="arrow-right" size="24" color="#999"></u-icon>
            </view>
          </view>
          <view class="order-content">
            <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=1')">
              <view class="icon-box">
                <image src="/static/tool/待付款.png" mode="aspectFit"></image>
              </view>
              <view>待付款</view>
            </view>
            <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=2')">
              <view class="icon-box">
                <image src="/static/tool/待发货.png" mode="aspectFit"></image>
              </view>
              <view>待发货</view>
            </view>
            <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=3')">
              <view class="icon-box">
                <image src="/static/tool/待收货.png" mode="aspectFit"></image>
              </view>
              <view>待收货</view>
            </view>
            <view class="order-item" @click="navigateTo('/pages/order/evaluate/myEvaluate')">
              <view class="icon-box">
                <image src="/static/tool/评价中心.png" mode="aspectFit"></image>
              </view>
              <view>待评价</view>
            </view>
            <view class="order-item" @click="navigateTo('/pages/order/afterSales/afterSales')">
              <view class="icon-box">
                <image src="/static/tool/我的订单-退货_售后.png" mode="aspectFit"></image>
              </view>
              <view>售后</view>
            </view>
          </view>
        </view>
      </div>
    </view>
    <!-- 积分，优惠券，关注， -->
    <div class="pointBox1">
      <view class="point">
        <view class="point-col" @click="navigateTo('/pages/cart/coupon/myCoupon')">
          <view class="point-item">
            <text class="label">优惠券</text>
            <text class="value">{{ couponNum || 0 }}</text>
            <text class="label">张</text>
          </view>
        </view>
        <view class="point-col" @click="navigateTo('/pages/mine/deposit/operation')">
          <view class="point-item">
            <text class="label">余额</text>
            <text class="value">{{ walletNum | unitPrice }}</text>
          </view>
        </view>
      </view>
      <!-- 我的订单，代付款 -->
      <view class="order">
        <view class="order-header" @click="navigateTo('/pages/order/myOrder?status=0')">
          <view class="left">我的订单</view>
          <view class="right">
            <text>全部订单</text>
            <u-icon name="arrow-right" size="24" color="#999"></u-icon>
          </view>
        </view>
        <view class="order-content">
          <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=1')">
            <view class="icon-box">
              <image src="/static/tool/unpaid.png" mode="aspectFit"></image>
            </view>
            <view>待付款</view>
          </view>
          <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=2')">
            <view class="icon-box">
              <image src="/static/tool/unshipped.png" mode="aspectFit"></image>
            </view>
            <view>待发货</view>
          </view>
          <view class="order-item" @click="navigateTo('/pages/order/myOrder?status=3')">
            <view class="icon-box">
              <image src="/static/tool/unreceived.png" mode="aspectFit"></image>
            </view>
            <view>待收货</view>
          </view>
          <view class="order-item" @click="navigateTo('/pages/order/evaluate/myEvaluate')">
            <view class="icon-box">
              <image src="/static/tool/comment.png" mode="aspectFit"></image>
            </view>
            <view>待评价</view>
          </view>
          <view class="order-item" @click="navigateTo('/pages/order/afterSales/afterSales')">
            <view class="icon-box">
              <image src="/static/tool/refund.png" mode="aspectFit"></image>
            </view>
            <view>售后</view>
          </view>
        </view>
      </view>
    </div>
    <view class="member-gradient-bg" v-if="prizeActivity.enableStatus === 'ON'"
      :style="{ backgroundImage: `url(${base64image.prizeActivityBg})` }">
      <view class="member-gradient-bg" @click="gotoPrizeActivity">
@@ -117,11 +116,7 @@
    <view class="pointBox box" style="margin-top: 20rpx;">
      <tool />
    </view>
    <!-- 撑起下方 -->
    <view style="height:64px;">

    </view>
    <custom-tabbar bgColor="#ffffff" selected="my"></custom-tabbar>
    <custom-tabbar bgColor="#ffffff" selected="my" selectedTextColor="#25a885"></custom-tabbar>

  </view>
</template>
@@ -151,12 +146,8 @@
      endpoint: '',
      configs,
      userImage: configs.defaultUserPhoto,
      coverTransform: "translateY(0px)",
      coverTransition: "0s",
      moving: false,
      userInfo: {},
      couponNum: "",
      footNum: "",
      walletNum: "",
      pageSessionNo: "",
      actionParam: {
@@ -241,7 +232,6 @@
    } else {
      this.walletNum = 0;
      this.couponNum = 0;
      this.footNum = 0;
    }

    let shareStoreId = uni.getStorageSync('shareStoreId');
@@ -270,14 +260,6 @@

  mounted() { },
  methods: {
    formatDate(isoTime) {
      if (!isoTime) return '';
      const date = new Date(isoTime);
      const year = date.getFullYear();
      const month = String(date.getMonth() + 1).padStart(2, '0');
      const day = String(date.getDate()).padStart(2, '0');
      return `${year}年${month}月${day}日`; // 转换为中文格式
    },
    getONPrizeActivity() {
      getONPrizeActivity().then(res => {
        if (res.statusCode === 200) {
@@ -376,7 +358,6 @@
        getUserWallet(), //预存款
      ]).then((res) => {
        this.couponNum = res[0].data.result;
        this.footNum = res[1].data.result;
        this.walletNum = res[2].data.result.memberWallet;
      });
    },
@@ -597,8 +578,8 @@
}

.user {
  background: #e7e7e7;

  background: #f5f5f5;
  height: 100vh;
  .header-wrapper {
    background-size: 100% auto;
    background-repeat: no-repeat;
@@ -606,6 +587,7 @@
  }

  .header {
    min-height: 360rpx;
    max-width: 100%;
    padding: 100rpx 30rpx 0 5%;
    display: flex;
@@ -778,7 +760,7 @@
  background: #f5f5f5;
  border-radius: 40rpx 40rpx 0 0;
  box-shadow: 0 -4rpx 24rpx 0 rgba(0, 0, 0, 0.05);
  margin-top: 40rpx;
  margin-top: -40rpx;
}

.box {