Browse Source

fix: 修复样式问题

zhangyuhan 2 năm trước cách đây
mục cha
commit
e6d14f22c0

+ 15 - 3
src/web/templates/frontRouter/wx/bigmember/free/perfect_info_exhibition.html

@@ -30,6 +30,16 @@
     <link rel="stylesheet" href='//cdn-common.jianyu360.com/cdn/lib/vant/2.8.2/lib/icon/local.css'/>
     <link rel="stylesheet"
           href='{{Msg "seo" "cdn"}}/common-module/perfect-info/index.css?v={{Msg "seo" "version"}}'/>
+    <style>
+      .exhibition-page .van-field__control::placeholder,
+      .exhibition-page .sendbtn {
+        color: #C0C4CC;
+      }
+
+      .exhibition-page .sendbtn.canNextSend {
+        color: #2ABED1;
+      }
+    </style>
     <!--E-当前页面的css资源-->
     <script>
       try {
@@ -43,7 +53,7 @@
 <body>
 <div class="j-container">
     {{include "/big-member/header.html"}}
-    <div class="j-main perfect-info-group" id="perfect-info-page" v-cloak>
+    <div class="j-main perfect-info-group exhibition-page" id="perfect-info-page" v-cloak>
       <div class="j-container">
           <div class="j-main info-collect">
               <div class="top-banner-group" @click="openTopBanner" v-if="topBannerInfo.s_pic">
@@ -62,7 +72,7 @@
                                  @input="getCheckCode"
                                  placeholder="请输入短信验证码">
                         <template #button>
-                          <span v-show="sendShow" style="color: #2ABED1;font-size: .28rem;" class="sendbtn" @click="sendMsg">发送验证码</span>
+                          <span v-show="sendShow" style="font-size: .28rem;" class="sendbtn" :class="{'canNextSend': canNextSend}" @click="sendMsg">发送验证码</span>
                           <span class="timedown" v-show="!sendShow"></span>
                         </template>
                       </van-field>
@@ -307,6 +317,9 @@
       this.ajaxGetEchoInfo()
     },
     computed: {
+      canNextSend: function () {
+        return this.checkPhone()
+      },
       submitElEvent: function () {
         var type = 'structeddata'
         return 'c_wx_' + type + '_submit_buttonclick'
@@ -408,7 +421,6 @@
       // 手机号输入事件
       getInputPhone: function(value) {
         let exhibition_phone = sessionStorage.getItem('exhibition_phone')
-        console.info("phone:",phone)
         if(value === exhibition_phone) {
           // this.setcodeShow = false
         } else {