增加登录说明

src/pages/get-user-phone/index.vue

@@ -1,34 +1,9 @@
 <template>
-<!--    <van-form @submit="onSubmit">-->
-<!--        <van-field-->
-<!--            v-model="mobile"-->
-<!--            name="手机号码"-->
-<!--            label="手机号"-->
-<!--            type="tel"-->
-<!--            placeholder="请输入手机号"-->
-<!--            :rules="[{ required: true, message: '请输入手机号' }]"-->
-<!--        >-->
-<!--            <template #extra>-->
-<!--                <van-button v-if="countdown === 0" type="primary" size="mini" native-type="button" @click.stop.prevent="onSendCode">发送验证码</van-button>-->
-<!--                <van-button v-else size="mini">{{countdown}}秒后重发</van-button>-->
-<!--            </template>-->
-<!--        </van-field>-->
-<!--        <van-field-->
-<!--            v-model="validCode"-->
-<!--            type="tel"-->
-<!--            name="验证码"-->
-<!--            label="验证码"-->
-<!--            placeholder="验证码"-->
-<!--            :rules="[{ required: true, message: '请填写密码' }]"-->
-<!--        />-->
-<!--        <div style="margin: 16px;">-->
-<!--            <van-button round block type="info" native-type="submit">提交</van-button>-->
-<!--        </div>-->
-<!--    </van-form>-->
     <div style="height: 100%">
         <div class="top" v-if="!sended">
-            <h1 class="title">阿弥陀佛，</h1>
-            <h1 class="title">欢迎来到自在福田</h1>
+            <h1 class="title">阿弥陀佛</h1>
+            <h1 class="title">欢迎你来到自在福田</h1>
+            <h1 class="title">在线护持 寺院道场 供养三宝 广种福田</h1>
             <div class="inner">
                 <div class="field">
                     <input type="tel" v-model="mobile" maxlength="11" placeholder="请输入手机号码">
@@ -36,7 +11,13 @@
                 <p class="tip">未注册的手机号验证后自动创建账户</p>
 
                 <van-button class="btn" type="info" :disabled="validMobile" block @click="onSendCode">获取短信验证码</van-button>
-                <p class="desc">自在福田，广种福田，护持寺院，功德无量</p>
+                <div class="notification">
+                    <p>尊敬的各位法师、善信大家好！</p>
+                    <p>自在福田利用互联网科技为寺院与信众搭建起结缘的桥梁，广大善信足不出户即可护持寺院，随喜供养三宝！</p>
+                    <p>因国家《互联网宗教信息管理办法》已经正式实施。“管理办法”对互联网宗教相关事宜做出了详细规定，自在福田是由宗教活动场所为主体的互联网合法平台也将严格落实相关规定实施。</p>
+                    <p>请广大善信尽快通过平台注册成为用户，即可继续在线护持寺院，供养三宝！</p>
+                    <p>感恩所有善信的配合与支持，互联网宗教信息的安全维护需要您我共同维护！</p>
+                </div>
 
                 <p class="agree">登录即表明同意<a @click="onAgreement(1)">《自在福田用户协议》</a>和<a @click="onAgreement(1)">《隐私政策》</a></p>
             </div>
@@ -141,15 +122,18 @@ export default {
 <style lang="scss" scoped>
 .top{
     padding: 0 .5rem;
-    padding-top: 2rem;
     font-size: .35rem;
+    padding-top: .3rem;
     .title{
-        font-size: .6rem;
-        margin-top: .3rem;
+        font-size: .5rem;
+        margin-top: 1rem;
         font-weight: bold;
+        text-align: center;
+        color: #a5161a;
+        font-family: '宋体';
     }
     .inner{
-        margin-top: 2rem;
+        margin-top: 1rem;
         .field{
             background: #f1f1f1;
             margin-bottom: .2rem;
@@ -190,6 +174,18 @@ export default {
         font-size: .35rem;
         margin-top: .2rem;
     }
+    .notification{
+        padding-top: .8rem;
+        p{
+            margin: 0;
+            font-size: .34rem;
+            color: #a5161a;
+            line-height: 1.4;
+            margin-bottom: .2rem;
+            font-family: '宋体';
+            text-align: justify;
+        }
+    }
     .resend{
         padding-top: .6rem;
         margin-bottom: 3rem;