吉安感知网项目-前端
罗广辉
2026-01-13 afeaa739a92f1d4a9f9aeebe4b889ed70dc2bd63
uniapps/work-app/src/subPackages/userDetail/password/index.vue
@@ -1,11 +1,12 @@
<!-- 修改密码 -->
<template>
   <view class="container">
         <view class="pageBg"></view>
      <view class="detailBox">
         <div class="detailCon">
            <div class="orderRow">
               <div class="rowTitle">账号</div>
               <input type="text" v-model="passwordForm.username" placeholder="请输入账号" class="input-item" />
               <input type="text" v-model="passwordForm.username" placeholder="请输入" class="input-item" />
            </div>
            <div class="orderRow">
               <div class="rowTitle">密码</div>
@@ -19,8 +20,8 @@
            <div class="orderRow">
               <div class="rowTitle">验证码</div>
               <div class="code-container">
                  <input type="text" v-model="passwordForm.code" placeholder="请输入验证码" class="input-item code-input" />
                  <u-button :disabled="countDown > 0" @click="sendVerificationCode" class="send-code-btn">
                  <input type="text" v-model="passwordForm.code" placeholder="请输入" class="input-item code-input" />
                  <u-button :disabled="countDown > 0" @click="sendVerificationCode" class="send-code-btn getCode" color="#007AFF">
                     {{ countDown > 0 ? `${countDown}s后重发` : '发送验证码' }}
                  </u-button>
               </div>
@@ -253,10 +254,23 @@
      display: flex;
      flex-direction: column;
      align-items: center;
   }
         position: relative;
      }
      .pageBg {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: url("@/static/images/user/userbg.svg")  no-repeat ;
         background-size: 100%;
      }
   .detailBox {
      margin-top: 40rpx;
         position: absolute;
         top: 180rpx;
         // margin-top: 40rpx;
      width: 702rpx;
      min-height: 326rpx;
@@ -359,4 +373,8 @@
      width: 276rpx !important;
      height: 100rpx !important;
   }
   .getCode {
         margin-left: 20rpx;
               width: 180rpx;
           }
</style>