From eb32a99a8ae487f90ffd7f0917c819ec5cc577d7 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期日, 19 三月 2023 21:31:37 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 150 ++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 134 insertions(+), 16 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 50f52ed..b5fa6e5 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -20,7 +20,7 @@
</view>
<view class="box-text">璐﹀彿:</view>
<view class="box-input">
- <input type="text">
+ <input type="text" placeholder="璇疯緭鍏ヨ处鍙�" placeholder-style="font-size:14px;color:#ccc;">
</view>
<view class="box-show"></view>
</view>
@@ -31,7 +31,7 @@
</view>
<view class="box-text">瀵嗙爜:</view>
<view class="box-input">
- <input type="text">
+ <input password placeholder="璇疯緭鍏ュ瘑鐮�" placeholder-style="font-size:14px;color:#ccc;" >
</view>
<view class="box-show">
<uni-icons type="eye-filled" size="20" color="#707070"></uni-icons>
@@ -50,7 +50,7 @@
<!-- 鐧诲綍鎸夐挳 -->
<view class="submit">
<view class="" style="width: 400rpx;">
- <button type="primary" size="default">鐧诲綍</button>
+ <button type="primary" @click="onLogin()" :loading="load.loading">{{load.btnText}}</button>
</view>
</view>
@@ -60,9 +60,9 @@
<uni-popup ref="inputDialog" type="dialog">
<view class="popup">
<!-- 鏍囬 -->
- <view class="title title-font">閰嶇疆</view>
+ <view class="title">閰� 缃�</view>
<view class="input">
- <view class="input-left">ip:</view>
+ <view class="input-left">IP:</view>
<view class="input-right"><input type="text"></view>
</view>
<view class="input">
@@ -95,7 +95,11 @@
data() {
return {
version: '',
- value: ''
+ value: '',
+ load: {
+ loading: false,
+ btnText: '鐧诲綍'
+ },
}
},
onLoad() {
@@ -119,6 +123,19 @@
// 璁剧疆绐楀彛鍏抽棴鎸夐挳
close() {
this.$refs.inputDialog.close()
+ },
+ onLogin() {
+ let that = this
+ that.load.loading = true;
+ that.load.btnText = '鐧诲綍涓�';
+ setTimeout(()=> {
+ uni.showToast({title: '鐧诲綍鎴愬姛'})
+ setTimeout(()=> {
+ uni.reLaunch({
+ url: '../home/home'
+ });
+ },300)
+ },700)
}
}
}
@@ -147,38 +164,139 @@
/* 杈撳叆妗嗗尯鍩� */
.content {
min-height: 250rpx;
+ /* background-color: coral; */
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
- border-top: 1px solid #000;
- border-bottom: 1px solid #000;
+ color: #606266;
}
.box {
width: 80%;
height: 100rpx;
- margin-top: 40rpx;
- background-color: white;
+ margin-top: 30rpx;
+ background-color: white;
display: flex;
+ font-size: 14px;
align-items: center;
- font-size: 12px;
+
}
.box-icon {
- width: 60rpx;
+ width: 80rpx;
+ text-align: center;
+ }
+ .box-text {
+ width: 100rpx;
text-align: center;
}
.box-show {
- /* background-color: aqua; */
margin-left: auto;
+ /* margin-right: 10rpx; */
width: 60rpx;
text-align: center;
}
input {
- padding-left: 40rpx;
-
- background-color: #000;
+ padding-left: 10rpx;
+ font-size: 14px;
+ color: #303133;
}
+ .check {
+ width: 78%;
+ display: flex;
+ font-size: 12px;
+ color: #606266;
+ margin-top: 10rpx;
+ }
+ .check-right {
+ margin-left: auto;
+ }
+ .submit {
+ display: flex;
+ justify-content: center;
+ position: fixed;
+ width: 100%;
+ bottom: 100rpx;
+ }
+ .version {
+ position: fixed;
+ width: 100%;
+ bottom: 0;
+ text-align: center;
+ font-size: 12px;
+ color: #909399;
+ }
+
+ .popup {
+ width: 80vw;
+ min-height: 400rpx;
+ background-color: #FFF;
+ border-radius: 25rpx;
+ }
+ .title {
+ height: 100rpx;
+ line-height: 100rpx;
+ width: 100%;
+ color: #606266;
+ text-align: center;
+ font-size: 18px;
+ }
+ .input {
+ height: 80rpx;
+ line-height: 80rpx;
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ }
+ .input-left {
+ width: 16vw;
+ padding-right: 20rpx;
+ text-align: right;
+ color: #606266;
+ }
+ .input-right {
+ display: flex;
+ align-items: center;
+ width: 50vw;
+ height: 50rpx;
+ padding: 2px 5px;
+ border: 1px solid #E4E7ED;
+ border-radius: 5rpx;
+ }
+ .input-right input{
+ color: #606266;
+ }
+ .btn {
+ display: flex;
+ height: 90rpx;
+ margin-top: 20rpx;
+ border-top: 1px solid #DCDFE6;
+ justify-content: center;
+ align-items: center;
+ }
+ .btn-left {
+ display: flex;
+ flex: 1;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ color: #606266;
+ border-right: 1px solid #DCDFE6;
+ }
+ .btn-right {
+ display: flex;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ color: #409EFF;
+ }
+
+
+
+
+
+
+
--
Gitblit v1.9.1