fix(miniapp): 调整首页圆角布局并隐藏滚动条

shinnosuke

4 天以前 5ce0d76154bf4c1d70543476cdfad9a30195b0f8

 rencaika/pages/card/card.uvue

@@ -8,7 +8,7 @@
         </view>
      </view>

      <scroll-view class="content" scroll-y="true" show-scrollbar="false">
      <scroll-view class="content" scroll-y="true" :show-scrollbar="false">
         <view v-if="isGuest" class="guest-content">
            <view class="guest-intro"><text class="guest-intro-title">东区人才卡</text><text class="guest-intro-copy">面向区内不同层次人才推出的一二三类人才卡，提供消费优惠、便捷政务、安家补助、子女教育、创业支持等优质服务，增强人才归属感，提升人才引育用留质效，加快建设区域人才集聚高地。</text><view class="apply-button" hover-class="apply-button-active" @tap="openApplyNotice"><text>立即申请</text></view></view>
            <view class="guest-card-item" v-for="item in guestCardTypes" :key="item.title">
@@ -48,14 +48,14 @@
            <text class="refresh-tip">{{canShowCode ? refreshTip : '请联系服务专员了解卡片状态'}}</text>
         </view>

         <view v-if="advisorName != ''" class="service-panel">
         <view v-if="canShowCode" class="service-panel">
            <view class="service-title-row"><view class="title-line"></view><text>{{cardLevel}}专属服务专员</text><view class="title-line"></view></view>
            <text class="service-advisor">{{advisorDepartment}} {{advisorName}}</text>
            <text class="service-advisor">{{advisorName != '' ? advisorDepartment + ' ' + advisorName : '暂未配置服务专员'}}</text>
            <view class="service-actions">
               <view v-if="advisorConsultUrl != ''" class="service-action" hover-class="service-action-active" @tap="onlineConsult">
               <view class="service-action" hover-class="service-action-active" @tap="onlineConsult">
                  <image src="/static/card-assets/consult.png"></image><text>在线咨询</text>
               </view>
               <view v-if="advisorMobile != ''" class="service-action" hover-class="service-action-active" @tap="callAdvisor">
               <view class="service-action" hover-class="service-action-active" @tap="callAdvisor">
                  <image src="/static/card-assets/phone.png"></image><text>拨打电话</text>
               </view>
            </view>
@@ -75,8 +75,11 @@
      <view v-if="showApplyNotice" class="apply-mask" @tap="closeApplyNotice">
         <view class="apply-dialog" @tap.stop="preventClose">
            <text class="dialog-title">温馨提示</text>
            <text class="dialog-copy">请前往东区政务服务中心(东区大渡口街86号)区人才综合服务专窗线下进行人才认定。</text>
            <text class="dialog-phone">0812-3509008，东区人才综合服务专窗</text>
            <text class="dialog-copy">　　请前往东区政务服务中心（东区大渡口街86号）线下进行人才认定。</text>
            <view class="dialog-contact">
               <text class="dialog-phone">联系电话：0812-3509008</text>
               <text class="dialog-office">东区人才综合服务专窗</text>
            </view>
            <view class="dialog-confirm" hover-class="dialog-confirm-active" @tap="closeApplyNotice"><text>确定</text></view>
         </view>
      </view>
@@ -209,7 +212,7 @@
      if (!advisorConsultUrl.value.match(/^https:\/\//)) { uni.showToast({ title: '暂未配置在线咨询', icon: 'none' }); return }
      uni.navigateTo({ url: '/pages/external-webview/external-webview?source=advisor&talentId=' + encodeURIComponent(talentId.value) })
   }
   const callAdvisor = () => { if (advisorMobile.value != '') uni.makePhoneCall({ phoneNumber: advisorMobile.value }) }
   const callAdvisor = () => { if (advisorMobile.value == '') { uni.showToast({ title: '暂未配置服务专员电话', icon: 'none' }); return }; uni.makePhoneCall({ phoneNumber: advisorMobile.value }) }
   const goHome = () => uni.reLaunch({ url: '/pages/index/index' })
   const goBenefits = () => uni.reLaunch({ url: '/pages/benefits/benefits' })
   const goPolicy = () => uni.reLaunch({ url: '/pages/policy/policy' })
@@ -293,7 +296,9 @@
   .apply-dialog { width: 100%; box-sizing: border-box; padding: 59rpx 47rpx 39rpx; border-radius: 32rpx; background-color: #FFFFFF; }
   .dialog-title { display: block; color: #386BB0; font-size: 43rpx; line-height: 60rpx; font-weight: 700; text-align: center; }
   .dialog-copy { display: block; margin-top: 44rpx; color: #737F91; font-size: 27rpx; line-height: 42rpx; font-weight: 600; }
   .dialog-phone { display: block; margin-top: 16rpx; color: #FF8957; font-size: 27rpx; line-height: 39rpx; font-weight: 700; }
   .dialog-contact { display: flex; margin-top: 16rpx; flex-direction: column; align-items: flex-end; }
   .dialog-phone, .dialog-office { display: block; color: #FF8957; font-size: 27rpx; line-height: 39rpx; font-weight: 700; text-align: right; }
   .dialog-office { margin-top: 4rpx; }
   .dialog-confirm { display: flex; width: 200rpx; height: 60rpx; margin: 39rpx auto 0; border-radius: 31rpx; background-image: linear-gradient(90deg, #FF4A32 0%, #FF8A1B 100%); justify-content: center; align-items: center; }
   .dialog-confirm text { color: #FFFFFF; font-size: 27rpx; font-weight: 700; }
   .dialog-confirm-active { opacity: .78; }