| | |
| | | .bg-info { |
| | | background-color:#fff; |
| | | } |
| | | .remember-pwd { |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 8px 16px; |
| | | margin: 10px 0; |
| | | } |
| | | .remember-label { |
| | | font-size: 14px; |
| | | color: #323233; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .custom-checkbox { |
| | | transform: scale(0.9); /* 缩小复选框 */ |
| | | margin-right: 6px; /* 调整与文字的间距 */ |
| | | } |
| | | .forgot-pwd { |
| | | font-size: 14px; |
| | | color: #1989fa; |
| | | text-decoration: none; |
| | | } |
| | | /* 如果需要更精确的控制,可以覆盖Vant样式 */ |
| | | .van-checkbox__icon .van-icon { |
| | | font-size: 18px; /* 调整图标大小 */ |
| | | } |
| | | .van-checkbox__label { |
| | | margin-left: 5px; /* 调整标签左边距 */ |
| | | font-size: 14px; |
| | | } |
| | | </style> |
| | | </asp:Content> |
| | | <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server"> |
| | |
| | | placeholder="请输入密码" |
| | | :rules="[{ required: true, message: '请输入密码' }]" |
| | | ></van-field> |
| | | <!-- 记住密码复选框 - 调整位置到表单项外面 --> |
| | | <div class="remember-pwd"> |
| | | <van-checkbox |
| | | v-model="rememberPwd" |
| | | shape="square" |
| | | icon-size="16px" |
| | | class="remember-label"> |
| | | 记住密码 |
| | | </van-checkbox> |
| | | </div> |
| | | </van-cell-group> |
| | | <div class="margin padding margin-lg-bottom"> |
| | | <van-button round block type="info" native-type="submit" :loading="isLoading"> |
| | |
| | | <comloading v-if="isLoading"></comloading> |
| | | </asp:Content> |
| | | <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" runat="Server"> |
| | | <script src="/H5/Js/UserLogin.js?<%=1236 %>"></script> |
| | | <script src="/H5/Js/UserLogin.js?<%=1237 %>"></script> |
| | | </asp:Content> |