From b0b1d97f04f70a2b5edc731e68803c31835842ee Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期四, 09 二月 2023 17:03:54 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 104 ++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 77 insertions(+), 27 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 59d2699..360cf21 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,30 +1,27 @@
<template>
+ <view class="settings">
+ <uni-icons type="gear" size="30" color="#c5c5c5" @click="settings"></uni-icons>
+ </view>
<view class="head">
<view class="logo">
<image src="../../static/img/logo.png" mode="aspectFit"></image>
</view>
</view>
<view class="content">
- <view class="input">
- <view class="">
-
- </view>
- <view class="">
+ <view class="box shadow-warp">
+ <view></view>
+ <view>
<input type="text">
</view>
</view>
-
- <view class="input">
- <view class="">
-
- </view>
- <view class="">
+ <view class="box shadow-warp">
+ <view></view>
+ <view>
<input type="text">
</view>
</view>
-
</view>
<view class="submit">
<view class="" style="width: 400rpx;">
@@ -32,15 +29,62 @@
</view>
</view>
+
+ <!-- 寮圭獥鍖哄煙 -->
+
+ <view>
+ <!-- 杈撳叆妗嗙ず渚� -->
+ <uni-popup ref="inputDialog" type="dialog">
+ <uni-popup-dialog ref="inputClose" mode="input" title="杈撳叆鍐呭" value="瀵硅瘽妗嗛缃彁绀哄唴瀹�!"
+ placeholder="璇疯緭鍏ュ唴瀹�" @confirm="dialogInputConfirm"></uni-popup-dialog>
+ <uni-popup-dialog ref="inputClose" mode="input" title="杈撳叆鍐呭" value="瀵硅瘽妗嗛缃彁绀哄唴瀹�!"
+ placeholder="璇疯緭鍏ュ唴瀹�" @confirm="dialogInputConfirm"></uni-popup-dialog>
+ </uni-popup>
+ </view>
+
+
+ <!-- 鐗堟湰鍙� -->
+ <!-- #ifdef APP-PLUS -->
+ <view class="version">
+ 褰撳墠鐗堟湰:{{version}}
+ </view>
+ <!-- #endif -->
</template>
-<script setup lang="ts">
- // 杩欓噷缂栧啓ts浠ｇ爜
+<script>
+ export default {
+ data() {
+ return {
+ version: '',
+ value: ''
+ }
+ },
+ onLoad() {
+ // #ifdef APP-PLUS
+ var that = this
+ plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo) {
+ that.version = wgtinfo.version
+ });
+ // #endif
+ },
+ methods: {
+ settings() {
+ this.$refs.inputDialog.open()
+ },
+ dialogInputConfirm() {
+ this.$refs.inputDialog.close()
+ }
+ }
+ }
</script>
<style lang="less">
- .display-grid {
- display: grid;
+ .settings {
+ width: 60rpx;
+ height: 60rpx;
+ position: fixed;
+ right: 20rpx;
+ top: 10rpx;
}
.head {
height: 400rpx;
@@ -50,32 +94,32 @@
// background-color: aqua;
justify-items: center;
align-items: center;
+
.logo {
image {
height: 300rpx;
}
}
}
+
.content {
- height: 400rpx;
+ height: 240rpx;
width: 100%;
- margin-top: 10rpx;
// background-color: bisque;
display: grid;
grid-template-columns: 1fr;
justify-items: center;
- align-items: center;
-
- .input {
- width: 50%;
- height: 30%;
- background-color: #fff;
- display: grid;
- grid-template-columns: 1fr;
- justify-items: center;
+ .box {
+ width: 70%;
+ height: 80rpx;
+ background-color: #FFFFFF;
+ padding: 1upx 30upx;
+ display: flex;
align-items: center;
+ justify-content: space-between;
}
}
+
.submit {
position: fixed;
width: 100%;
@@ -84,4 +128,10 @@
grid-template-columns: 1fr;
justify-items: center;
}
+ .version {
+ position: fixed;
+ width: 100%;
+ bottom: 0;
+ text-align: center;
+ }
</style>
--
Gitblit v1.9.1