css(pwdEdit):修改样式

pages/mine/index.vue

@@ -19,8 +19,8 @@
 							部门:
 						</view>
 						<view class="uni-list-cell-db">
-							<picker @change="bindPickerChange" :value="index" :range="array">
-								<view class="uni-input">{{array[index]}}</view>
+							<picker @change="bindPickerChange" :value="index" :range="deptNameArray">
+								<view class="uni-input">{{deptNameArray[index]}}</view>
 							</picker>
 						</view>
 					</view>
@@ -82,7 +82,7 @@
 	})
 	
 	// 部门数组
-	const array = ref(['研发部', '业务部', '法务部']);
+	const deptNameArray = ref(['研发部', '业务部', '法务部']);
 	const index = ref(0);
 
 	// 部门切换事件

pages/mine/setting/pwdEdit/pwdEdit.vue

@@ -1,12 +1,14 @@
 <template>
 	<view class="container">
 		<!-- 旧密码输入框 -->
+		<view class="input-group-header">旧密码：</view>
 		<view class="uni-input-wrapper">
 			<input class="uni-input" placeholder="请输入旧密码" :password="showPassword1" v-model="oldPassword" />
 			<text class="uni-icon" :class="[!showPassword1 ? 'uni-eye-active' : '']"
 				@click="changePassword1">&#xe568;</text>
 		</view>
 
+		<view class="input-group-header">新密码：</view>
 		<!-- 新密码输入框 -->
 		<view class="uni-input-wrapper">
 			<input class="uni-input" placeholder="请输入新密码" :password="showPassword2" v-model="newPassword" />
@@ -99,44 +101,34 @@
 	}
 </script>
 
-<style>
-	ontainer {
-		padding: 40rpx;
-	}
-
-	.input-group {
-		margin-bottom: 30rpx;
-	}
-
-	button {
-		background-color: #007aff;
-		color: white;
-		padding: 20rpx 40rpx;
-		border: none;
-		border-radius: 10rpx;
-		cursor: pointer;
-	}
-
-	.uni-input-wrapper {
-		display: flex;
-		align-items: center;
-		padding: 20rpx;
-		margin: 20rpx;
-
-	}
-
-
-	.uni-icon {
-		margin-left: 20rpx;
-
+<style lang="scss" scoped>
+	.container{
+		padding-top: 1rem;
+		.input-group-header{
+			margin-left: 1rem;
+		}
+		.uni-input-wrapper {
+			display: flex;
+			align-items: center;
+			margin: 1rem;
+			background-color: #ffffff;
+			.uni-icon {
+				margin: 20rpx;
+			}
+		}
+		
+		.submitBtn {
+			background-color: #007aff;
+			color: white;
+			width: 90%;
+			margin-top: 2rem;
+		}
 	}
-
 	.uni-eye-active {
 		color: #007aff;
 	}
 
-	.submitBtn {
-		width: 90%;
-		margin-top: 30rpx;
-	}
+	
+
+	
 </style>

pages/mine/setting/setting.vue

@@ -77,6 +77,7 @@ function checkUpdate() {
 }
 
 .list-item {
+	color: #666;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;