#

whycq

2023-03-17 603475e4963c2bbae421812e1f0812086c18475e

#

 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>