From 3d775bfea16b5ac26ff0baac10f43b3367b0bf95 Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期日, 08 十月 2023 13:28:42 +0800 Subject: [PATCH] # --- pages/LoginDemo/LoginDemo.vue | 79 +++++++++++++++++++++++++++++++-------- 1 files changed, 62 insertions(+), 17 deletions(-) diff --git a/pages/LoginDemo/LoginDemo.vue b/pages/LoginDemo/LoginDemo.vue index 829f950..93bb458 100644 --- a/pages/LoginDemo/LoginDemo.vue +++ b/pages/LoginDemo/LoginDemo.vue @@ -1,7 +1,7 @@ <template> <view class="main"> <!-- 璁剧疆鎸夐挳 --> - <uni-icons type="gear" size="30" color="#b1b3b8" class="setting"></uni-icons> + <uni-icons type="gear" size="30" color="#b1b3b8" class="setting" @click="settings"></uni-icons> <view class="left"> <!-- logo --> <view class="logo-box"> @@ -17,10 +17,32 @@ <switch :checked='remberPassword' color="#FFCC33" style="zoom:.5" @change="remberChange"/> </view> </view> - <view class="button"> + <view class="button" @click="login"> 鐧诲綍 </view> </view> + + + <!-- 璁剧疆寮圭獥鍖哄煙 --> + <uni-popup ref="settings" type="dialog" style="height: 100%;width: 100%;background-color: aqua;"> + <view class="popup"> + <!-- 鏍囬 --> + <view class="title">閰嶇疆</view> + <view class="popup-item"> + <view class="popup-item-left">IP:</view> + <view class="popup-item-right"><input type="text" v-model="url.ip"></view> + </view> + <view class="popup-item"> + <view class="popup-item-left">绔彛:</view> + <view class="popup-item-right"><input type="text" v-model="url.port"></view> + </view> + <view class="popup-item"> + <view class="popup-item-left">椤圭洰:</view> + <view class="popup-item-right"><input type="text" v-model="url.project"></view> + </view> + </view> + </uni-popup> + <!-- 鐗堟湰鍙� --> <!-- #ifdef APP-PLUS --> <view class="version"> @@ -35,7 +57,12 @@ data() { return { version: '', - remberPassword: true + remberPassword: true, + url: { + ip: '', + port: '', + project: '' + }, } }, mounted() { @@ -55,6 +82,19 @@ methods: { remberChange() { + }, + settings() { + this.$refs.settings.open() + }, + login() { + let path = 'bf' + uni.navigateTo({ + url: `/pages/project/${path}/home/home`, + fail(res) { + console.log(`娌℃湁${path}椤圭洰,璇疯仈绯荤鐞嗗厓`); + } + + }) } } } @@ -63,12 +103,12 @@ <style lang="scss" scoped> .setting { position: absolute; - top: 16rpx; - right: 16rpx; - border-radius: 40rpx; - box-shadow: inset 4rpx 4rpx 4rpx rgba(0,0,0,.3), - inset -4rpx -4rpx 4rpx rgba(255,255,255,.7), - -4rpx -4rpx 4rpx rgba(0,0,0,.4); + top: 8px; + right: 8px; + border-radius: 10px; + box-shadow: inset 2px 2px 2px rgba(0,0,0,.3), + inset -2px -2px 2px rgba(255,255,255,.7), + -2px -2px 2px rgba(0,0,0,.4); } .main { height: 100%; @@ -84,7 +124,7 @@ } .logo-box { background-color: #ECF0F1; - border-radius: 40rpx; + border-radius: 15px; box-shadow: inset 8px 8px 8px rgba(0,0,0,.3), inset -8px -8px 8px rgba(255,255,255,.7), -8px -8px 10px rgba(0,0,0,.4); @@ -103,7 +143,7 @@ } .my-input { width: 80%; - margin: 32rpx 10% 32rpx 10%; + margin: 16px 10% 16px 10%; } .rember-password { width: 78%; @@ -119,16 +159,16 @@ .button { width: 40%; margin: 0 auto; - height: 100rpx; + height: 50px; text-align: center; - line-height: 100rpx; + line-height: 50px; font-size: 20px; background-color: #409EFF; color: #ECF0F1; - border-radius: 14rpx; - box-shadow: inset 8rpx 8rpx 8rpx rgba(0,0,0,.3), - inset -8rpx -8rpx 8rpx rgba(255,255,255,.4), - -8rpx -8rpx 10rpx rgba(0,0,0,.4); + border-radius: 7px; + box-shadow: inset 4px 4px 4px rgba(0,0,0,.3), + inset -4px -4px 4px rgba(255,255,255,.4), + -4px -4px 5px rgba(0,0,0,.4); } @media screen and (orientation: portrait) { /* 绔栧睆 */ @@ -174,4 +214,9 @@ font-size: 10px; color: #909399; } + + .popup { + background-color: #fff; + width: 100%; + } </style> \ No newline at end of file -- Gitblit v1.9.1