|
@@ -1,41 +1,41 @@
|
|
|
-
|
|
|
-
|
|
|
<template>
|
|
|
<div class="page" >
|
|
|
|
|
|
<div class="content" align="center">
|
|
|
<h1 style="margin-left:-23%;margin-top: 8%;display: inline-block">注册农业试验评价系统</h1>
|
|
|
<span style="font-size: 15px;display: inline-block;margin-left: 5px">(企业专属)</span>
|
|
|
- <div style="border-bottom:1px solid black ;width: 80%;margin-top:2% " >
|
|
|
- +86
|
|
|
- <input style="border:none;width: 94%;height:30px;font-size: 15px;outline: none" name="phone" type="text" placeholder="请输入注册手机号">
|
|
|
- </div>
|
|
|
- <div style="border-bottom:1px solid black ;width: 80%;margin-top: 5%">
|
|
|
- <input style="border:none;width: 80%;height:30px;font-size: 15px;outline: none" name="text" type="text" placeholder="请输入 6 位验证码" />
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- :style="{ width: '20%', height: '30px', paddingLeft: buttonPaddingLeft, color: buttonColor }"
|
|
|
- @click="startCountdown"
|
|
|
- >{{ buttonText }}</el-button>
|
|
|
- </div>
|
|
|
- <div style="border-bottom:1px solid black ;width: 80%;margin-top: 6%">
|
|
|
- <input
|
|
|
- :type="showPassword? 'text' : 'password'"
|
|
|
- style="border:none;width: 96%;height:30px;font-size: 15px;outline: none"
|
|
|
- name="password"
|
|
|
- placeholder="设置密码"
|
|
|
- />
|
|
|
- <img
|
|
|
- :src="showPassword? visibleImagePath : hiddenImagePath"
|
|
|
- style="font-size: 20px; cursor: pointer;width: 20px;height: 20px"
|
|
|
- @click="togglePasswordVisibility"
|
|
|
- data-show-password="false"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <el-button class="gradient-button">立即注册</el-button>
|
|
|
- <div align="left" style="margin-left: 10%;margin-top: 4%">
|
|
|
- <el-checkbox v-model="checked" style="">我已阅读并同意蚯蚓农服 <a href="" style="color: #00afff">许可协议</a> 和 <a href="" style="color: #00afff">隐私政策</a></el-checkbox>
|
|
|
- </div>
|
|
|
+
|
|
|
+ <div style="border-bottom:1px solid black ;width: 80%;margin-top:2% " >
|
|
|
+ +86
|
|
|
+ <input style="border:none;width: 94%;height:30px;font-size: 15px;outline: none" name="phone" type="text" placeholder="请输入注册手机号">
|
|
|
+ </div>
|
|
|
+ <div style="border-bottom:1px solid black ;width: 80%;margin-top: 5%">
|
|
|
+ <input style="border:none;width: 80%;height:30px;font-size: 15px;outline: none" name="text" type="text" placeholder="请输入 6 位验证码" />
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ :style="{ width: '20%', height: '30px', paddingLeft: buttonPaddingLeft, color: buttonColor }"
|
|
|
+ @click="startCountdown"
|
|
|
+ >{{ buttonText }}</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="border-bottom:1px solid black ;width: 80%;margin-top: 6%">
|
|
|
+ <input
|
|
|
+ :type="showPassword? 'text' : 'password'"
|
|
|
+ style="border:none;width: 96%;height:30px;font-size: 15px;outline: none"
|
|
|
+ name="password"
|
|
|
+ placeholder="设置密码"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ :src="showPassword? visibleImagePath : hiddenImagePath"
|
|
|
+ style="font-size: 20px; cursor: pointer;width: 20px;height: 20px"
|
|
|
+ @click="togglePasswordVisibility"
|
|
|
+ data-show-password="false"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <el-button class="gradient-button">立即注册</el-button>
|
|
|
+ <div align="left" style="margin-left: 10%;margin-top: 4%">
|
|
|
+ <el-checkbox v-model="checked" style="">我已阅读并同意蚯蚓农服 <a href="" style="color: #00afff">许可协议</a> 和 <a href="" style="color: #00afff">隐私政策</a></el-checkbox>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -104,7 +104,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.content{
|
|
|
- width: 36%;
|
|
|
+ width: 54%;
|
|
|
height: 50vh;
|
|
|
background: white;
|
|
|
margin-left: auto;
|