UI：购有趣 我的、商品详情、首页样式调整及隐藏详情积分

lin

2026-05-14 096c08977d2596d023e362ce2c3ff3ac054ea4ad

 pages/quanyi/add.vue

@@ -4,13 +4,18 @@
import kkIcon from  '@/static/imgs/icons/kk.png'
import addAddress from "@/pages/quanyi/components/addAddress";
import agreement from "@/pages/quanyi/components/agreement";

import textBox from "@/components/textBox/index.vue";
export default {
  name: "add",
  components: {
    addAddress,agreement
    addAddress,agreement,textBox
  },
  data() {
    return {
      getPlatformProtocolNewList:[],
      showTextBox: false,
      loginAct: false,
      $webHost:'https://rbb98765.zrgy-bbg.com',
      protocolChecked: [1],
      offIcon,leftIcon,kkIcon,
@@ -136,16 +141,21 @@
    })


  },
  mounted(){
    this.windowHeight = uni.getSystemInfoSync().windowHeight;
    this.interval = setInterval(() => {
      let newHeight = window.innerHeight;
      if (this.windowHeight !== newHeight) {
        this.windowHeight = newHeight;
        this.handleResize();
    uni.request( {
      url: _this.$webHost + "/api/v2/renpin/H5/getPlatformProtocolNew",
      data: {
        customerId: uni.getStorageSync('qxgLogin').customerId,
        appId: uni.getStorageSync('qxgLogin').appId
      },
      method: 'GET',
      success(res) {
        _this.getPlatformProtocolNewList = res.data.data;
        _this.showTextBox = true;
        _this.$nextTick(() => {
          _this.$refs.textBox && _this.$refs.textBox.open()
        })
      }
    }, 200);
    })
  },
  methods: {
    kk(){
@@ -221,7 +231,7 @@
    },
    submit() {
      const _this = this;
      if(!this.protocolChecked[0]){uni.showToast({title: '请阅读并同意相关协议', icon: 'none'});return;}
      if(!this.loginAct){uni.showToast({title: '请阅读并同意相关协议', icon: 'none'});return;}
      if(!_this.cardName){
        uni.showToast({
          title: "请填写您的姓名",
@@ -352,6 +362,9 @@
      })


    },
    agreeClick () {
      this.loginAct = !this.loginAct
    },
    getSmsCode(){
      const that = this;
@@ -850,23 +863,16 @@

    <view style=" padding: 0 30rpx;margin-left: 20rpx;">
      <view style="display: flex;">
        <uv-checkbox-group
            activeColor="#FF1472"
            shape="circle"
            v-model="protocolChecked">
          <uv-checkbox size="14" :name="1" >

          </uv-checkbox>
          <text class="protocol-text" >
            我已阅读并同意<text style="font-size: 24rpx;color: #4766FE" class="link-text"  @click="$refs.agreement.open()">《相关协议》</text>
          </text>
        </uv-checkbox-group>
        <image @click="agreeClick" style="width: 50rpx;height: 50rpx;" :src="!loginAct ? '/static/imgs/check.png' : '/static/imgs/checked.png'" ></image>
        <text class="protocol-text" style="line-height: 50rpx" >
          我已阅读并同意<text style="font-size: 24rpx;color: #4766FE" class="link-text"  @click="$refs.agreement.open()">《相关协议》</text>
        </text>

      </view>

    </view>
    <view class="sub" v-if="show">
      <button  :class="protocolChecked[0]?'':'nots'" class="sub_btn" @click="submit">提交</button>
      <button  :class="loginAct?'':'nots'" class="sub_btn" @click="submit">提交</button>
    </view>

    <agreement ref="agreement"></agreement>
@@ -1064,6 +1070,9 @@
    </uv-popup>


    <text-box v-if="showTextBox" ref="textBox" :getPlatformProtocolNewList="getPlatformProtocolNewList"></text-box>


  </view>
</template>

@@ -1085,14 +1094,12 @@
  padding-top: 40rpx;
  .clo{
    display: flex;
    padding: 30rpx 0rpx;
    margin: 0 40rpx;

    background: #FBFBFB !important;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    border: 2rpx solid #EEEEEE;
    padding: 30rpx 20rpx;
    margin-bottom: 40rpx;
    margin: 0 40rpx 40rpx;

    .label{
      width: 160rpx;
      height: 40rpx;