团购组件增加筛选

quanwei

2026-01-17 e1e2fe5710a5b5cd9c19bd3aa99c998a1a613ca8

 mobile/pages/branch/activity/detail/detail.vue

@@ -33,9 +33,28 @@
                     </view>

                     <view class="flex-1">
                        <view class="activity-item" v-if="activityData.fee > 0">
                        <view class="activity-item">
                           <view class="gray6 f24">活动费用</view>
                           <view class="info">￥{{activityData.fee}}/人</view>
                           <view class="info" v-if="activityData.fee > 0">￥{{activityData.fee}}/人</view>
                           <view class="info" v-else>免费</view>
                        </view>
                     </view>
                  </view>
                  <view class="activity-item d-b-c" v-if="activityData.is_visit == 1">
                     <view class="flex-1">
                        <view class="gray6 f24">活动地点</view>
                        <view class="info">{{activityData.address}}</view>
                     </view>
                     <view>
                        <view class="d-s-c contact ml20">
                           <view class="d-c-c d-c" @click="openLocation()">
                              <text class="iconfont icon-dizhi"></text>
                              <text class="text">导航</text>
                           </view>
                           <view class="d-c-c d-c ml20" @click="callPhone()">
                              <text class="iconfont icon-002dianhua"></text>
                              <text class="text">电话</text>
                           </view>
                        </view>
                     </view>
                  </view>
@@ -52,19 +71,27 @@
                     <view class="gray6 f24">活动发起分会</view>
                     <view class="info">{{activityData.branch.name}}</view>
                  </view>
                  <view class="activity-item d-b-c" v-if="activityData.fee > 0">
                  <view class="activity-item">
                     <view>
                        <view class="gray6 f24">已报名人数</view>
                        <view class="info">{{activityData.total}}</view>
                        <view class="gray6 f24">已报名人员({{activityData.total}}人)</view>
                        <view class="info"></view>
                     </view>
                     <view class="avatar-list d-s-c">
                        <image :src="item.avatarUrl" mode="aspectFill" v-for="(item, index) in userList"
                           :key="index"></image>
                        <view class="more" v-if="activityData.total > 8"></view>
                     <view class="avatar-list d-s-c pt10">
                        <view class="d-c-c d-c avatar-item" v-for="(item, index) in userList" :key="index">
                           <image :src="item.avatarUrl" mode="aspectFill"></image>
                           <text class="text-ellipsis">{{item.real_name}}</text>
                        </view>
                        <view class="more d-c-c d-c" v-if="activityData.total > 5" @click="openUser">
                           <view class="d-c-c more-icon">
                              <text class="iconfont icon-gengduo"></text>
                           </view>
                           <text>更多</text>
                        </view>
                     </view>
                  </view>
						
                  <!-- 活动结束图标 -->
                  <view class="status-image" v-if="activityData.is_finish">
                  <view class="status-image" v-if="activityData.status_text.status==2">
                     <image :src="remoteImg('finish')"></image>
                  </view>
                  <!-- 活动进行中图标 -->
@@ -78,40 +105,57 @@
               </view>
            </view>
            <!-- 活动介绍 -->
            <view class="wrapper bg-white radius24" v-if="activityData.content">
            <view class="wrapper bg-white radius24" v-if="activityData.content || activityData.describe">
               <view class="info-title-box tc pt30 fb f30">
                  <view class="info-title">活动介绍</view>
               </view>
               <view class="activity-desc p30" v-html="activityData.content"></view>
               <view class="activity-desc p30" v-html="activityData.content||activityData.describe"></view>
               <!-- <view class="activity-desc p30" v-else>{{ activityData.describe }}</view> -->
            </view>
         </view>
         <view class="detail-footer">
            <!-- 如果已经报名 -->
            <block v-if="activityData.is_reg">
               <!-- 如果已经核销 -->
               <view class="d-c-c finish-btn" v-if="activityData.is_verify">
                  <button class='modifyBnt' @click="onAlbum">活动相册</button>
                  <!-- 如果有走访企业，跳转企业店铺 -->
                  <button class='modifyBnt' @click="gotoSupplier" v-if="activityData.is_visit">超值购</button>
                  <button class='modifyBnt' @click="showShare" v-else>分享给好友</button>
               </view>
               <button v-else-if="activityData.status_text.status==1" class='modifyBnt'
                  @click="onVerify">马上签到</button>
               <button v-else-if="activityData.status_text.status==2" class='modifyBnt disabled'>您缺席了这场活动</button>
               <button v-else class='modifyBnt disabled'>活动未开始</button>
            </block>
            <!-- 如果是扫码进来的，都显示可以签到 -->
            <view :class="{'d-c-c two-col-btn':canReg == 1}" v-if="user_verify">
               <button class='modifyBnt disabled' v-if="activityData.is_verify">您已签到</button>
               <button class='modifyBnt' @click="onVerify" v-else>马上签到</button>
               <button class='modifyBnt' @click="onReg(true)" v-if="canReg==1">帮朋友报名</button>
            </view>
            <!-- 如果活动已结束 -->
            <view class="d-c-c two-col-btn" v-else-if="activityData.status_text.status==2">
               <button class='modifyBnt' @click="onAlbum">活动相册</button>
               <!-- 如果有走访企业，跳转企业店铺 -->
               <button class='modifyBnt' @click="gotoSupplier" v-if="activityData.is_visit">走访企业的店铺</button>
               <button class='modifyBnt' @click="showShare" v-else>分享给好友</button>
            </view>
            <block v-else>
               <button v-if="activityData.status_text.reg_status==0" class='modifyBnt disabled'>报名未开始</button>
               <block v-else-if="activityData.status_text.reg_status==1">
                  <button v-if="activityData.limit_num==activityData.total && activityData.limit_num!=0"
                     class='modifyBnt disabled'>已报满</button>
                  <button v-else class='modifyBnt' @click="onReg">提交报名</button>
               <!-- 如果已经报名 -->
               <view class="d-c-c two-col-btn" v-if="activityData.is_reg">
                  <button class='modifyBnt disabled' v-if="activityData.is_verify">您已签到</button>
                  <button class='modifyBnt disabled' v-else @click="scanCode">您已报名</button>
                  <button class='modifyBnt' @click="onReg(true)" v-if="canReg==1">帮朋友报名</button>
                  <block v-else>
                     <button class='modifyBnt' @click="showShare" v-if="activityData.is_verify">分享给好友</button>
                     <button class='modifyBnt' @click="scanCode" v-else>扫码签到</button>
                  </block>
               </view>
               <!-- 如果还没有报名 -->
               <block v-else>
                  <view class="d-c-c two-col-btn" v-if="canReg==1">
                     <button class='modifyBnt' @click="onReg(false)">我要报名</button>
                     <button class='modifyBnt' @click="onReg(true)">帮朋友报名</button>
                  </view>
                  <view class="d-c-c" v-else>
                     <button v-if="canReg==0" class='modifyBnt disabled'>报名未开始</button>
                     <button v-else-if="canReg==3" class='modifyBnt disabled'>已报满</button>
                     <button v-else class='modifyBnt disabled'>报名已结束</button>
                  </view>
               </block>
               <button v-else class='modifyBnt disabled'>报名已结束</button>
            </block>


         </view>
      </view>
      <!-- 活动购物图标（仅在活动进行时显示） -->
      <view class="shopping-box" @click="gotoPage('pages/branch/activity/product/index?activity_id='+activity_id)" v-if="activityData.is_visit && activityData.status_text.status == 1 && activityData.is_verify">
         <image :src="remoteImg('activity_shopping')"></image>
      </view>
      <!--报名成功弹窗-->
      <view class="success-box" v-if="isShowbox">
@@ -150,14 +194,28 @@
            <!-- #endif -->
         </view>
      </uniPopup>
      <!--核销失败弹窗-->
      <uniPopup :show="isShowVerify" type="middle" @hidePopup="popupVerifyFunc(null)">
         <view class="d-c-c d-c verify-choose">
            <view class="f30 fb">签到失败了，因为您还没报名</view>
            <view class="p-20-0 f28 gray6">如果您朋友已经帮您报名了，请输入您的手机号重新签到：</view>
            <input class="ww100 f30 fb tc verify-input" type="text" maxlength="30" placeholder="请输入手机号码" v-model="verify_mobile" placeholder-class="placeholder" />
            <view class="foot">
               <view class="btn" @click="popupVerifyFunc('reg')">现在报名</view>
               <view class="btn" @click="popupVerifyFunc('retry')">重新签到</view>
            </view>
         </view>
      </uniPopup>
      <!-- 报名弹窗 -->
      <RegForm ref="regForm" :isOpenReg="isOpenReg" :in_radius="in_radius" @close="closeRegFunc"></RegForm>
      <RegForm ref="regForm" :isOpenReg="isOpenReg" :in_radius="in_radius" :is_friend="is_friend" @close="closeRegFunc"></RegForm>
      <!--分享底部弹窗-->
      <Share :isbottmpanel="isbottmpanel" :activity_id="activity_id" @close="closeBottmpanel"></Share>
      <!--app分享-->
      <AppShare :isAppShare="isAppShare" :appParams="appParams" @close="closeAppShare"></AppShare>
      <!-- 打开活动相册 -->
      <Album ref="album" :isOpenAlbum="isOpenAlbum" :activity_id="activity_id" @close="closeAlbumFunc"></Album>
      <!-- 打开报名用户名单 -->
      <User ref="user" :isOpenUser="isOpenUser" :activity_id="activity_id" @close="closeUserFunc"></User>
   </view>
</template>

@@ -170,13 +228,16 @@
   import Share from './popup/share.vue';
   import Album from './popup/album.vue'; // 相册
   import uniPopup from '@/components/uni-popup.vue';
   import utils from '@/common/utils.js';
   import User from './popup/user.vue'; // 相册
   export default {
      components: {
         RegForm,
         AppShare,
         Share,
         Album,
         uniPopup
         uniPopup,
         User,
      },
      data() {
         return {
@@ -187,7 +248,11 @@
            },
            balance: 0,
            activity_id: 0,
            activityData: {},
            activityData: {
               status_text: {
                  reg_status: 0
               }
            },
            userList: [],
            /*是否显示支付宝支付，只有在h5，非微信内打开才显示*/
            showAlipay: false,
@@ -213,49 +278,41 @@
            longitude: 0,
            isVerify: false, // 签到成功弹窗
            in_radius: false, // 用户是否在活动地点限定范围内
            user_verify: 0, // 核销标识，只有扫核销码进来值才是1
            is_friend: false, // 是否是帮朋友报名
            isShowVerify: false, // 核销选择框（针对核销时返回未报名的情况，选择是否有朋友帮报名）
            verify_mobile: '', // 朋友帮报名填的手机号
            isOpenUser: false, // 报名用户名单弹窗
         }
      },
      onLoad(e) {
         /*活动id*/
         if (typeof e.activity_id != 'undefined') {
            this.activity_id = e.activity_id;
         } else {
            let scene = utils.getSceneData(e);
         let scene = utils.getSceneData(e);
         if (scene && typeof scene === 'object' && Object.keys(scene).length > 0) {
            this.activity_id = scene.activity_id;
            this.user_verify = scene.user_verify;
         } else {
            this.activity_id = e.activity_id;
         }
      },
      onShow() {
         this.getUserLocation();
         this.getData();
      },
      methods: {
         // 获取用户坐标并判断在不在活动范围内
         getUserLocation() {
            let self = this;
            uni.getLocation({
               type: 'gcj02',
               success: (res) => {
                  self.latitude = res.latitude;
                  self.longitude = res.longitude;
                  // 计算距离
                  const distance = this.calculateDistance(
                     res.latitude, res.longitude,
                     parseFloat(self.activityData.latitude), parseFloat(self.activityData.longitude)
                  );
                  if (distance <= self.activityData.radius) {
                     self.in_radius = true;
                  }
               },
               fail: (err) => {
                  console.error('获取位置失败:', err);
                  uni.showToast({
                     title:'获取位置失败' + err,
                     icon: 'none'
                  });
               }
            });
      onUnload() {
         this.stopWatchingLocation();
      },
      computed: {
         canReg() {
            let status = this.activityData.status_text.reg_status; // 0未开始 1可报 2报名已结束 3报满
            if (this.activityData.status_text.reg_status == 1 && (this.activityData.limit_num > this.activityData.total || this.activityData.limit_num == 0)) {
               status = 1;
            } else if (this.activityData.limit_num == this.activityData.total && this.activityData.limit_num > 0) {
               status = 3;
            }
            return status;
         },
			
      },
      methods: {
         /*获取数据*/
         getData() {
            let self = this;
@@ -270,18 +327,223 @@
               function(res) {
                  self.activityData = res.data.detail;
                  self.userList = res.data.userList;
                  if (self.activityData.radius > 0) {
                     self.getUserLocation();
                  // 当活动设置了签到范围并且是扫核销码进来的
                  if (self.activityData.radius > 0 && self.user_verify) {
                     self.initializeWithLocation();
                  }
                  self.loadding = false;
                  uni.hideLoading();
               }
            );
         },
			
         // 初始化并等待位置信息
         async initializeWithLocation() {
            try {

         onReg() {
            this.isOpenReg = true;
               // 等待获取第一个有效位置
               const location = await this.startWatchingLocation();

               console.log('获得初始位置:', location);

               // 检查用户是否在活动范围
               this.updateInRadius();

            } catch (error) {
               console.error('初始化失败:', error);
               uni.showToast({
                  title: '位置获取失败，请重新扫码试试',
                  icon: 'none'
               });
            }
         },

         // 修改后的开始监听位置方法，返回 Promise
         startWatchingLocation() {
            return new Promise(async (resolve, reject) => {
               try {
                  // 存储 resolve 和 reject 以便在位置回调中使用
                  this.locationResolve = resolve;
                  this.locationReject = reject;

                  // 申请定位权限
                  await this.authorizeLocation();

                  // 开始位置更新
                  await this.startLocationUpdate();

                  // 监听位置变化
                  this.watchLocationChange();

                  // 设置超时处理
                  setTimeout(() => {
                     if (this.locationReject) {
                        this.locationReject(new Error('位置获取超时'));
                        this.locationResolve = null;
                        this.locationReject = null;
                     }
                  }, 10000); // 10秒超时

               } catch (error) {
                  reject(error);
               }
            });
         },

         // 授权定位
         authorizeLocation() {
            return new Promise((resolve, reject) => {
               uni.authorize({
                  scope: 'scope.userLocation',
                  success: resolve,
                  fail: (err) => {
                     uni.showModal({
                        title: '提示',
                        content: '需要您授权位置信息，请前往设置页开启权限',
                        success: (modalRes) => {
                           if (modalRes.confirm) {
                              uni.openSetting({
                                 success: (openRes) => {
                                    if (openRes.authSetting[
                                          'scope.userLocation'
                                          ]) {
                                       resolve();
                                    } else {
                                       reject(new Error(
                                          '用户未授权位置权限'));
                                    }
                                 }
                              });
                           } else {
                              reject(new Error('用户取消授权'));
                           }
                        }
                     });
                  }
               });
            });
         },

         // 开启位置更新
         startLocationUpdate() {
            return new Promise((resolve, reject) => {
               uni.startLocationUpdate({
                  success: resolve,
                  fail: reject
               });
            });
         },

         // 监听位置变化
         watchLocationChange() {
            if (this._locationChangeCallback) {
               uni.offLocationChange(this._locationChangeCallback);
            }

            this._locationChangeCallback = (res) => {
               console.log('位置变化：', res);
               this.latitude = res.latitude;
               this.longitude = res.longitude;

               // 如果是第一次获取位置，解析 Promise
               if (this.locationResolve) {
                  this.locationResolve({
                     latitude: res.latitude,
                     longitude: res.longitude,
                     accuracy: res.accuracy
                  });
                  this.locationResolve = null;
                  this.locationReject = null;
               }

               // 位置更新后处理
               this.updateInRadius();
            };

            uni.onLocationChange(this._locationChangeCallback);
         },

         // 检查是否在签到范围
         updateInRadius() {
            let self = this;
            // 如果不是扫码进来的或者没有设置活动范围
            if (!self.user_verify || !self.activityData.radius) {
               return;
            }
            // 计算距离
            const distance = this.calculateDistance(
               parseFloat(self.latitude), 
               parseFloat(self.longitude),
               parseFloat(self.activityData.latitude), 
               parseFloat(self.activityData.longitude)
            );
            if (distance <= self.activityData.radius) {
               self.in_radius = true;
            }
         },

         // 停止监听位置
         stopWatchingLocation() {
            if (this._locationChangeCallback) {
               uni.offLocationChange(this._locationChangeCallback);
               this._locationChangeCallback = null;
            }

            // 清理 Promise 相关状态
            if (this.locationReject) {
               this.locationReject(new Error('位置监听已停止'));
               this.locationResolve = null;
               this.locationReject = null;
            }

            uni.stopLocationUpdate();
         },

         // 获取用户坐标并判断在不在活动范围内（弃用）
         // getUserLocation() {
         //    let self = this;
         //    uni.getLocation({
         //       type: 'gcj02',
         //       success: (res) => {
         //          self.latitude = res.latitude;
         //          self.longitude = res.longitude;
         //          // 计算距离
         //          const distance = this.calculateDistance(
         //             res.latitude, res.longitude,
         //             parseFloat(self.activityData.latitude), parseFloat(self.activityData.longitude)
         //          );
         //          if (distance <= self.activityData.radius) {
         //             self.in_radius = true;
         //          }
         //       },
         //       fail: (err) => {
         //          console.error('获取位置失败:', err);
         //          uni.showToast({
         //             title: '获取位置失败' + err,
         //             icon: 'none'
         //          });
         //       }
         //    });
         // },

         onReg(e) {
            this.$refs.regForm.activityData = this.activityData;
            /* this.$refs.regForm.branch_name = this.activityData.branch.name;
            this.$refs.regForm.formData.branch_id = this.activityData.branch_id; */
            this.is_friend = e;
            //if (this.activityData.fee > 0 || e || !this.activityData.is_member) {
               this.isOpenReg = true;
            /* } else {
               uni.showModal({
                  title: '提示',
                  content: '确定要报名吗？',
                  success: (modalRes) => {
                     if (modalRes.confirm) {
                        this.$refs.regForm.onSubmit();
                     }
                  }
               });
            } */
         },

         closeRegFunc(e) {
@@ -305,16 +567,16 @@
            let self = this;
            if (!self.in_radius && self.activityData.radius > 0) {
               uni.showModal({
                 title: '签到失败',
                 content: `您距离活动地点太远，无法签到`,
                 showCancel: false
                  title: '签到失败',
                  content: `您距离活动地点太远，无法签到`,
                  showCancel: false
               });
               return false;
            } else {
               self.doVierfy();
            }
         },
			

         // 执行签到
         doVierfy() {
            let self = this;
@@ -323,38 +585,70 @@
            });
            self._post(
               'branch.activityUser/verify', {
                  activity_id: self.activity_id
                  activity_id: self.activity_id,
                  verify_mobile: self.verify_mobile
               },
               function(res) {
                  uni.hideLoading();
                  if (res.data.result =='not_reg') {
                     self.isShowVerify = true;
                     return;
                  }
                  self.isVerify = true;
                  self.getData();
               }
            );
         },
         
         // 签到失败弹窗处理
         popupVerifyFunc(e) {
            if (e == 'reg') {
               this.onReg(false);
            } else if (e == 'retry') { // 朋友帮报名，输入手机号重新签到
               if (this.verify_mobile == '') {
                  uni.showToast({
                     title: '请输入手机号',
                     icon: 'none'
                  });
                  return;
               }
               if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(this.verify_mobile)) {
                  uni.showToast({
                     title: '请输入正确的手机号',
                     icon: 'none'
                  });
                  return;
               }
               this.doVierfy();
            }
            this.verify_mobile = '';
            this.isShowVerify = false;
         },

         // 计算坐标距离
         calculateDistance(lat1, lng1, lat2, lng2) {
           const R = 6371000; // 地球半径（米）
           const toRadians = (degree) => degree * (Math.PI / 180);
			  
           const φ1 = toRadians(lat1);
           const φ2 = toRadians(lat2);
           const Δφ = toRadians(lat2 - lat1);
           const Δλ = toRadians(lng2 - lng1);
			  
           const a = Math.sin(Δφ / 2) * Math.sin(Δφ / 2) +
                     Math.cos(φ1) * Math.cos(φ2) *
                     Math.sin(Δλ / 2) * Math.sin(Δλ / 2);
           const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
			  
           const distance = R * c;
           return Math.round(distance * 100) / 100; // 保留两位小数
            const R = 6371000; // 地球半径（米）
            const toRadians = (degree) => degree * (Math.PI / 180);

            const φ1 = toRadians(lat1);
            const φ2 = toRadians(lat2);
            const Δφ = toRadians(lat2 - lat1);
            const Δλ = toRadians(lng2 - lng1);

            const a = Math.sin(Δφ / 2) * Math.sin(Δφ / 2) +
               Math.cos(φ1) * Math.cos(φ2) *
               Math.sin(Δλ / 2) * Math.sin(Δλ / 2);
            const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));

            const distance = R * c;
            return Math.round(distance * 100) / 100; // 保留两位小数
         },

         // 打开相册
         onAlbum() {
            this.isOpenAlbum = true;
            this.$refs.album.initData();
            this.$refs.album.getData();
         },

         closeAlbumFunc(e) {
@@ -452,10 +746,81 @@
               }
            });
         },
			

         gotoSupplier() {
            this.gotoPage('pages/shop/shop?shop_supplier_id=' + this.activityData.visit_supplier_id);
         },
			
         scanCode() {
            let self = this;
            //#ifndef H5
            // 只允许通过相机扫码
            uni.scanCode({
               onlyFromCamera: true,
               success: function(res) {
                  if (res.errMsg == 'scanCode:ok') {
                     if (res.path != 'undefined') {
                        self.gotoPage(res.path);
                     }
                  } else {
                     uni.showToast({
                        title: '扫码失败，请重试'
                     })
                  }
               }
            });
            //#endif
         },
			
         callPhone(){
            uni.makePhoneCall({
               phoneNumber: this.activityData.phone + ''
            });
         },
			
         /*导航*/
         openLocation() {
            let self = this;
            uni.openLocation({
               latitude: Number(this.activityData.latitude),
               longitude: Number(this.activityData.longitude),
               address: this.activityData.address
            });
         },
			
         // 打开报名名单
         openUser() {
            this.isOpenUser = true;
         },
			
         closeUserFunc(e) {
            this.isOpenUser = false;
         },

      },
      onShareAppMessage() {
         if (this.activityData) {
            return {
               title: `${this.activityData.name}`,
               path: `/pages/plus/business/detail?activity_id=${this.activity_id}`
            };
         }
         return {
            title: '活动详情',
            path: `/pages/plus/business/detail?activity_id=${this.activity_id}`
         };
      },
      onShareTimeline() {
         if (this.activityData) {
            return {
               title: `${this.activityData.name}`,
               path: `/pages/plus/business/detail?activity_id=${this.activity_id}`
            };
         }
         return {
            title: '活动详情',
            path: `/pages/plus/business/detail?activity_id=${this.activity_id}`
         };
      }
   }
</script>
@@ -529,26 +894,45 @@
      }

      .iconfont {
         margin-right: 17rpx;
         // margin-right: 17rpx;
         font-size: 34rpx;
      }

      .activity-item {
         .avatar-list {
            .avatar-item {
               width: 90rpx;
               padding-right: 10rpx;
            }
            image {
               width: 70rpx;
               height: 70rpx;
               border-radius: 70rpx;
               border: 2rpx solid #ffffff;
               margin-left: -20rpx;
            }

            .more {
               position: relative;
               width: 140rpx;
               height: 70rpx;
               margin-left: -140rpx;
               background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));
               padding-left: 10rpx;
					
               .more-icon {
                  width: 70rpx;
                  height: 70rpx;
                  border-radius: 70rpx;
                  background: #f1f1f1;
               }
            }
         }
			
         .contact {
            .iconfont {
               font-size: 30rpx;
               // font-weight: bold;
               color: #333333;
               margin-right: 0;
            }
				
            .text {
               font-size: 24rpx;
               color: #333333;
            }
         }
      }
@@ -563,7 +947,7 @@
            height: 120rpx;
         }
      }
		

      .status-verify {
         position: absolute;
         bottom: 200rpx;
@@ -572,7 +956,7 @@
         border-radius: 60rpx 0 0 60rpx;
         font-size: 28rpx;
         padding: 6rpx 20rpx;
			

         .iconfont {
            margin-right: 10rpx;
         }
@@ -708,7 +1092,7 @@
      }
   }

   .personal-data .finish-btn .modifyBnt {
   .personal-data .two-col-btn .modifyBnt {
      width: 325rpx;
      margin: 0 20rpx;
   }
@@ -818,4 +1202,75 @@
         box-shadow: 0 8rpx 16rpx 0 rgba(226, 35, 26, 0.6);
      }
   }
	
   .verify-choose {
      padding-bottom: 78rpx;
		
      .verify-input {
         border: 1rpx solid #ddd;
         border-radius: 12rpx;
         padding: 16rpx 0;
      }
		
      .foot {
         height: 78rpx;
         border-top: 1px solid #EAEAEA;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         position: absolute;
         bottom: 0;
         left: 0;
		
         .btn {
            color: #999999;
            font-size: 26rpx;
            width: 50%;
            text-align: center;
            height: 78rpx;
            display: flex;
            align-items: center;
            justify-content: center;
		
            +.btn {
               color: #E93323;
               position: relative;
		
               &::before {
                  content: "";
                  display: block;
                  width: 1px;
                  height: 78rpx;
                  background: #EAEAEA;
                  position: absolute;
                  left: 0;
                  top: 0;
               }
            }
         }
      }
   }
   @keyframes pulse {
     0% {
       transform: scale(1);
     }
     50% {
       transform: scale(1.2); /* 放大到1.2倍 */
     }
     100% {
       transform: scale(1);
     }
   }
   .shopping-box {
		
      image {
         width: 180rpx;
         height: 180rpx;
         position: fixed;
         bottom: 130rpx;
         right: 20rpx;
         animation: pulse 0.8s infinite; /* 动画名称，持续时间，无限循环 */
      }
   }
</style>