|
@@ -4,7 +4,7 @@
|
|
|
<view class="icon" />
|
|
|
<input type="text" :value="account.account" placeholder="请输入账号" data-name='account' @input="onInput">
|
|
|
</view>
|
|
|
- <view class="input-box" style="margin-top:30rpx;">
|
|
|
+ <view class="input-box" style="margin-top:15px;">
|
|
|
<view class="icon" />
|
|
|
<input type="password" :value="account.password" placeholder="请输入密码" data-name='password' @input="onInput">
|
|
|
</view>
|
|
@@ -14,10 +14,10 @@
|
|
|
</label>
|
|
|
<navigator url="#">忘记密码?</navigator>
|
|
|
</view>
|
|
|
- <u-button :customStyle="butSty" :disabled="account.account == '' || account.password == ''" :loading="loading" loadingText='登陆中...' text="确 定"
|
|
|
- @click="startLogging" />
|
|
|
+ <u-button :customStyle="butSty" :disabled="account.account == '' || account.password == ''" :loading="loading"
|
|
|
+ loadingText='登陆中...' text="确 定" @click="startLogging" />
|
|
|
</view>
|
|
|
-</view></template>
|
|
|
+</template>
|
|
|
|
|
|
<script>
|
|
|
import { hexMD5 } from "./md5";
|
|
@@ -33,24 +33,24 @@ export default {
|
|
|
password: ""
|
|
|
},
|
|
|
butSty: {
|
|
|
- width: "550rpx",
|
|
|
- height: "90rpx",
|
|
|
+ width: "73.333vw",
|
|
|
+ height: "12.000vw",
|
|
|
background: "#0A3971",
|
|
|
- borderRadius: "8rpx",
|
|
|
+ borderRadius: "1.067vw",
|
|
|
opacity: "0.65",
|
|
|
borderWidth: 0,
|
|
|
- fontSize: "32rpx",
|
|
|
+ fontSize: "4.267vw",
|
|
|
fontFamily: " PingFang SC - Regular, PingFang SC",
|
|
|
color: " #FFFFFF",
|
|
|
- margin: "134rpx auto 0",
|
|
|
+ margin: "17.867vw auto 0"
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
this.account = uni.getStorageSync("account") || {
|
|
|
- account: "",
|
|
|
- password: ""
|
|
|
- };
|
|
|
+ account: "",
|
|
|
+ password: ""
|
|
|
+ };
|
|
|
this.memory = uni.getStorageSync("memory") || 0;
|
|
|
},
|
|
|
methods: {
|
|
@@ -93,7 +93,51 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-@import url("./input.css");
|
|
|
+.input-box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 275px;
|
|
|
+ height: 45px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 4px;
|
|
|
+ opacity: 0.65;
|
|
|
+ margin: 0 auto 0;
|
|
|
+}
|
|
|
+
|
|
|
+.icon {
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ margin: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+input {
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 验证码 */
|
|
|
+.authcode {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 45px;
|
|
|
+ width: 275px;
|
|
|
+ margin: 0 auto 0;
|
|
|
+}
|
|
|
+
|
|
|
+.authcode .input-box {
|
|
|
+ width: 170px;
|
|
|
+}
|
|
|
+
|
|
|
+.authcode .cu-btn {
|
|
|
+ width: 97px;
|
|
|
+ height: 45px;
|
|
|
+ background: #0A3971;
|
|
|
+ border-radius: 4px;
|
|
|
+ opacity: 0.65;
|
|
|
+ margin-left: 8px;
|
|
|
+ font-size: 24px;
|
|
|
+ font-family: PingFang SC-Regular, PingFang SC;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
|
|
|
.icon {
|
|
|
background-color: $my-color-main;
|
|
@@ -107,12 +151,12 @@ export default {
|
|
|
.assist {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- width: 548rpx;
|
|
|
- height: 34rpx;
|
|
|
- font-size: 24rpx;
|
|
|
+ width: 274px;
|
|
|
+ height: 17px;
|
|
|
+ font-size: 12px;
|
|
|
font-family: PingFang SC-Regular, PingFang SC;
|
|
|
color: #FFFFFF;
|
|
|
- margin: 26rpx auto 0;
|
|
|
+ margin: 13px auto 0;
|
|
|
|
|
|
label {
|
|
|
display: flex;
|
|
@@ -122,14 +166,14 @@ export default {
|
|
|
transform: scale(0.6);
|
|
|
background: #0A3971;
|
|
|
color: #0A3971;
|
|
|
- border-radius: 8rpx;
|
|
|
+ border-radius: 4px;
|
|
|
opacity: 0.65;
|
|
|
- border: 2rpx solid rgba(11, 63, 126, 0.1);
|
|
|
+ border: 1px solid rgba(11, 63, 126, 0.1);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
navigator {
|
|
|
- padding-right: 10rpx;
|
|
|
+ padding-right: 5px;
|
|
|
}
|
|
|
}
|
|
|
</style>
|