Merge branch 'bd-dev' of 47.94.45.65:angelo/web-base-h5 into bd-test

pages/shareRegist/index.vue

@@ -7,20 +7,28 @@
 <template>
   <view>
     <view v-if="!pkCountry" class="content1">
-      <view class="title">欢迎注册</view>
+      <!-- <view class="title">欢迎注册</view> -->
       <view class="formed1">
-        <u-form :model="form" labelWidth="90px" ref="uForm" :rules="rules">
+        <u-form
+          :model="form"
+          labelWidth="90px"
+          ref="uForm"
+          labelPosition="top"
+          :rules="rules"
+        >
           <!-- <u-form-item label="推荐编号" prop="parentCode">
             <u-input v-model="form.parentCode" disabled> </u-input>
           </u-form-item> -->
           <u-form-item label="会员姓名" prop="memberName">
             <u-input
+              class="custom-input"
               v-model="form.memberName"
               :placeholder="'请输入会员姓名'"
             />
           </u-form-item>
           <u-form-item label="联系方式" prop="phone">
             <u-input
+              class="custom-input"
               v-model="form.phone"
               :placeholder="'请输入联系方式'"
               type="number"
@@ -74,105 +82,10 @@
           :loading="isLoading"
           :loadingText="'注册中'"
           @click="toLogin"
-          >{{ '立即注册' }}</u-button
+          >{{ '欢迎注册' }}</u-button
         >
       </view>
     </view>
-    <view v-else class="content">
-      <!-- <view class="tit" >{{ '海粉扫天下' }}</view>
-    <view class="formed"
-         >
-      <u-form :model="form"
-              ref="uForm1"
-              :rules="rules1"
-              labelWidth="80px">
-        <u-form-item label=""
-                     prop="memberName">
-          <u-input v-model="form.memberName"
-                   :placeholder="'请输入真实姓名'" />
-        </u-form-item>
-        <u-form-item label=""
-                     prop="phone">
-          <u-input v-model="form.phone"
-          :placeholder="'请输入联系方式'" />
-        </u-form-item>
-        <u-form-item label=""
-                     prop="code">
-          <u-input v-model="form.code"
-                   :placeholder="'请输入验证码'">
-            <template slot="suffix">
-              <view class="getCode"
-                    @tap="getVilCode">{{ getCode }}</view>
-            </template>
-          </u-input>
-        </u-form-item>
-        <u-form-item label=""
-                     @click="selCountry">
-          <view class="picker">
-            <u-input v-model="form.pkCountryName"
-                     disabled
-                     disabledColor="#ffffff"
-                     :placeholder="'请选择自然国'"
-                     border="none"></u-input>
-            <u-icon name="arrow-right"></u-icon>
-          </view>
-        </u-form-item>
-        <u-form-item label="">
-          <view class="picker">
-            <u-input v-model="form.jsName"
-                     disabled
-                     disabledColor="#ffffff"
-                     :placeholder="'请选择结算国'"
-                     border="none"></u-input>
-          </view>
-        </u-form-item>
-        <u-form-item label=""
-                     prop="loginPwd">
-          <u-input :password="isPwd1"
-                   :placeholder="'请输入登录密码'"
-                   v-model="form.loginPwd">
-            <template slot="suffix">
-              <u-icon name="eye"
-                      @tap="isPwd1=!isPwd1"
-                      v-if="!isPwd1"></u-icon>
-              <u-icon name="eye-off"
-                      @tap="isPwd1=!isPwd1"
-                      v-else></u-icon>
-            </template>
-          </u-input>
-        </u-form-item>
-        <u-form-item label=""
-                     prop="payPwd">
-          <u-input :password="isPwd2"
-          :placeholder="'请输入支付密码'"
-                   v-model="form.payPwd">
-            <template slot="suffix">
-              <u-icon name="eye"
-                      @tap="isPwd2=!isPwd2"
-                      v-if="!isPwd2"></u-icon>
-              <u-icon name="eye-off"
-                      @tap="isPwd2=!isPwd2"
-                      v-else></u-icon>
-            </template>
-          </u-input>
-        </u-form-item>
-      </u-form>
-      <u-button type="success"
-                class="uBtn"
-                shape="circle"
-                color="linear-gradient(to right, #005BAC, #005BAC )"
-                :loading="isLoading"
-                :loadingText="'注册中'"
-                @click="hiLogin">{{ '立即注册' }}</u-button>
-      <u-picker :show="isCountry"
-                keyName="label"
-                immediateChange
-                @confirm="confirmPopup"
-                @cancel="isCountry = false"
-                :columns="countryList"></u-picker>
-
-    </view> -->
-    </view>
     <u-modal
       :show="showSuccessModal"
       title="注册成功"
@@ -574,11 +487,15 @@ export default {
 
 <style lang="scss" scoped>
 .content1 {
-  background: linear-gradient(-45deg, #005bac, #0077c2, #0099e0, #00bfff);
-  background-size: 400% 400%;
-  animation: gradient 15s ease infinite;
   height: 100vh;
   overflow: auto;
+  background-image: url('@/static/images/regist-bg.jpg');
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  display: flex;
+  justify-content: center;
+  // padding-top: 35vh;
 }
 .content {
   background-image: url('@/static/images/huan.jpg');
@@ -613,10 +530,11 @@ export default {
   padding: 0 120rpx;
 }
 .formed1 {
-  margin: 0 40rpx;
-  padding: 40rpx 30rpx;
-  background-color: rgba(255, 255, 255, 0.85);
-  border-radius: 16rpx;
+  width: 70%;
+  margin-top: 37vh;
+  .custom-input {
+    border-radius: 60rpx;
+  }
 }
 .getCode {
   font-size: 10px;
@@ -641,7 +559,7 @@ export default {
   background: #fff;
 }
 ::v-deep .u-input {
-  background: #fff;
+  background: rgb(233, 233, 233);
 }
 .mask {
   position: fixed;