| | |
| | | <!-- 修改密码 --> |
| | | <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> |
| | |
| | | <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> |
| | |
| | | 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; |
| | |
| | | width: 276rpx !important; |
| | | height: 100rpx !important; |
| | | } |
| | | .getCode { |
| | | margin-left: 20rpx; |
| | | width: 180rpx; |
| | | } |
| | | </style> |