修改引导页、登录页等页面样式

wuye-manager-uniapp/pageSubPack/loginSub/forget-pwd.vue

@@ -23,8 +23,8 @@
 		  <uni-easyinput  class="input-content verify-input"  type="number" v-model="verifyCode"  trim="all"
 		  	  	   placeholder="请输入验证码" :inputBorder="false" maxlength="6"  :placeholderStyle="placeholderStyle">
 		  		</uni-easyinput>
-		  <button 
-		    class="get-verify-btn" 
+		  <button
+		    class="get-verify-btn"
 		    :disabled="!canGetVerify || countDown > 0"
 		    @click="getVerifyCode"
 		  >
@@ -32,19 +32,19 @@
 		  </button>
 		</view>
 		<!-- 下一步 -->
-		<button 
-		  class="forget-btn" 
+		<button
+		  class="forget-btn"
 		  :disabled="!canRegister"
 		  @click="handleNext"
 		>
 		  下一步
 		</button>
-		
+
 	</view>
 </template>
 <script setup>
-import { ref, computed, onUnmounted } from 'vue';	
-import {getSendCode} from '../api/api.js'
+import { ref, computed, onUnmounted } from 'vue';
+import {getSendCode} from '../../api/api.js'
 
 // ====响应式数据======
 const phoneNumber = ref('')
@@ -73,7 +73,7 @@ const getVerifyCode = () => {
   		 uni.showToast({
   		   title: '验证码已发送',
   		   icon: 'success'
-  		 }); 
+  		 });
 		// 开始60秒倒计时
 		countDown.value = 60;
 		timer = setInterval(() => {
@@ -82,25 +82,25 @@ const getVerifyCode = () => {
 		    clearInterval(timer);
 		    timer = null;
 		  }
-		}, 1000); 
-  		
+		}, 1000);
+
   	  }else{
   		 uni.showToast({
   		   title: '验证码发送失败',
   		   icon: 'error'
-  		 }); 
+  		 });
   	  }
   })
 
-  
+
 };
 // 是否下一步
 const canRegister = computed(() => {
   const phoneReg = /^1[3-9]\d{9}$/; // 手机号11位
   const verifyReg = /^\d{6}$/; // 验证码6位
 
-  return phoneReg.test(phoneNumber.value) 
-    && verifyReg.test(verifyCode.value) 
+  return phoneReg.test(phoneNumber.value)
+    && verifyReg.test(verifyCode.value)
 });
 // 下一步
 const handleNext = () =>{
@@ -121,14 +121,14 @@ const handleNext = () =>{
 const goBack = () => {
   uni.navigateBack();
 };
-	
+
 </script>
 <style scoped>
 .forget-page{
 	padding: 20rpx 40rpx 40rpx;
 	min-height: 100vh;
 	background: repeating-linear-gradient(180deg, #E2F0FF, #F6FAFF );
-}	
+}
 .status_bar{
 	width: 100%;
 	height: 46px;
@@ -144,9 +144,10 @@ const goBack = () => {
 .nav-title {
   flex: 1;
   text-align: center;
-  font-size: 36rpx;
+  font-size: 32rpx;
   font-weight: 500;
-  color: #333;
+  color: #000;
+  margin-right: 100rpx;
 }
 /* 输入框通用样式 */
 .input-item {
@@ -196,7 +197,7 @@ const goBack = () => {
   background-color: #4D5DFA;
   color: #fff;
   border-radius: 35rpx;
-  font-size: 28rpx;
+  font-size: 26rpx;
   padding: 0;
   margin: 0;
 }
@@ -205,6 +206,9 @@ const goBack = () => {
   background-color: #ccc;
   color: #fff;
 }
+.get-verify-btn:after{
+    border-radius: 50px;
+}
 /* 下一步按钮 */
 .forget-btn{
 	width: 100%;
@@ -212,9 +216,10 @@ const goBack = () => {
 	line-height: 88rpx;
 	background-color: #4D5DFA;
 	color: #fff;
-	border-radius: 44rpx;
-	font-size: 32rpx;
+	border-radius: 8rpx;
+	font-size: 28rpx;
 	margin-bottom: 40rpx;
+  margin-top: 66rpx;
 }
 .forget-btn:disabled{
 	background-color: #99c8ff;
@@ -222,8 +227,8 @@ const goBack = () => {
 }
 /* 禁用按钮边框 */
 button:after{
-	border-radius:  50px;
+	border-radius:  8px;
 }
 
-	
+
 </style>