feat:样品库管理

pages/login/login.vue

@@ -9,7 +9,7 @@
     <view class="header">
       <image src="/static/images/login/logo.png"></image>
     </view>
-
+    <view class="text-center pt10 fs22 font-bold"> 实验室管理系统 </view>
     <view class="list">
       <view class="list-call">
         <u-icon name="account" color="#0055a2" size="30"></u-icon>
@@ -20,11 +20,16 @@
         <input
           class="sl-input"
           v-model="loginInfo.password"
-          type="text"
+          :type="passwordFieldType"
           maxlength="32"
           placeholder="请输入密码"
-          password="true"
         />
+        <u-icon
+          :name="passwordVisible ? 'eye-fill' : 'eye-off'"
+          color="#0055a2"
+          size="30"
+          @click="togglePasswordVisibility"
+        ></u-icon>
       </view>
     </view>
     <view class="login-btn">
@@ -56,6 +61,14 @@ let loginInfo = reactive({
   password: 'P@ssword25',
   captchaVerification: ''
 })
+
+const passwordVisible = ref(false)
+const passwordFieldType = ref('password')
+
+function togglePasswordVisibility() {
+  passwordVisible.value = !passwordVisible.value
+  passwordFieldType.value = passwordVisible.value ? 'text' : 'password'
+}
 onShow(() => {
   //检查APP更新
   // #ifdef APP-PLUS
@@ -186,6 +199,6 @@ function onCaptchaError(error) {
 }
 
 .login-btn {
-  margin-top: 20px;
+  margin-top: 50px;
 }
 </style>