From 603475e4963c2bbae421812e1f0812086c18475e Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期五, 17 三月 2023 16:45:36 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 97 +++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 90 insertions(+), 7 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index abcaddd..62a477c 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,12 +1,14 @@
<template>
<view>
<!-- 璁剧疆 -->
- <label class="settings">
- <uni-icons type="gear" size="30" color="#707070" @click="settings"></uni-icons>
- </label>
+ <view class="settings">
+ <view class="settings-btn">
+ <uni-icons type="gear" size="30" color="#707070" @click="settings"></uni-icons>
+ </view>
+ </view>
<!-- logo -->
- <view class="head">
- <view class="logo">
+ <view class="logo">
+ <view class="logo-box">
<image src="../../static/img/logo.png" mode="aspectFit"></image>
</view>
</view>
@@ -79,7 +81,6 @@
</uni-popup>
</view>
-
<!-- 鐗堟湰鍙� -->
<!-- #ifdef APP-PLUS -->
<view class="version">
@@ -122,7 +123,89 @@
}
}
</script>
-
<style>
+ /* 璁剧疆鍖哄煙 */
+ .settings {
+ min-height: 100rpx;
+ }
+ .settings-btn {
+ float: right;
+ margin-right: 10rpx;
+ }
+ .logo {
+ height: 25%;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ }
+ .logo-box {
+ margin: auto 0;
+ }
+ image {
+ height: 300rpx;
+ }
+ /* 杈撳叆妗嗗尯鍩� */
+ .content {
+ min-height: 250rpx;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ border-top: 1px solid #000;
+ border-bottom: 1px solid #000;
+ }
+ .box {
+ width: 80%;
+ height: 100rpx;
+ margin-top: 40rpx;
+ background-color: white;
+ display: flex;
+ align-items: center;
+ font-size: 12px;
+ }
+ .box-icon {
+ width: 60rpx;
+ text-align: center;
+ }
+ .box-show {
+ background-color: aqua;
+ /* display: flex; */
+ justify-self: flex-end;
+ width: 60rpx;
+ text-align: center;
+ }
+ input {
+ margin-left: 20rpx;
+ background-color: #000;
+ }
+
+
+
+
+ /* ------ */
+
+ .shadow-warp {
+ position: relative;
+ box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1);
+ }
+
+ .shadow-warp:before,
+ .shadow-warp:after {
+ position: absolute;
+ content: "";
+ top: 20upx;
+ bottom: 30upx;
+ left: 20upx;
+ width: 50%;
+ box-shadow: 0 30upx 20upx rgba(0, 0, 0, 0.2);
+ transform: rotate(-3deg);
+ z-index: -1;
+ }
+
+ .shadow-warp:after {
+ right: 20upx;
+ left: auto;
+ transform: rotate(3deg);
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1