qianggou
/
uniapp
forked from zhongyuanhaiju/uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化：登录弹框样式优化

This commit is contained in:
wuhui_zzw 2023-03-22 14:31:31 +08:00
parent 63d9b3bf86
commit 83ad7e9900
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/ns-login/ns-login.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<view @touchmove.prevent.stop class="new-complete-info-popup"> <view @touchmove.prevent.stop class="new-complete-info-popup" :style="{ '--background-image-': 'url('+ $util.img('public/static/img/login_bg.jpg') +')' }">
<uni-popup ref="completeInfoPopup" type="center" :maskClick="true" @change="popupChange"> <uni-popup ref="completeInfoPopup" type="center" :maskClick="true" @change="popupChange">
<view class="new-complete-info-wrap"> <view class="new-complete-info-wrap">
<!--登录主要内容--> <!--登录主要内容-->
@ -845,9 +845,10 @@ export default {
//新版登录 //新版登录
.new-complete-info-popup{ .new-complete-info-popup{
.new-complete-info-wrap{ .new-complete-info-wrap{
.login-content{ .login-content{
background: #e2ea00; background: var(--background-image-) no-repeat;
background-size: 100% 100%;
//background: #e2ea00;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
margin: 0!important; margin: 0!important;
@ -862,7 +863,6 @@ export default {
justify-content: center; justify-content: center;
align-content: center; align-content: center;
.login-buttons{ .login-buttons{
height: 160rpx;
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -872,15 +872,15 @@ export default {
} }
.mini-btn{ .mini-btn{
display: block; display: block;
width: 70vw; width: 80vw;
height: 70rpx; height: 90rpx;
line-height: 70rpx; line-height: 90rpx;
border-radius: 350rpx; border-radius: 350rpx;
font-size: 30rpx;
} }
.mini-btn:nth-child(1){ .mini-btn:nth-child(1){
margin-bottom: 20rpx!important; margin-bottom: 50rpx!important;
} }
.login-cancel-button{ .login-cancel-button{
margin: 0!important; margin: 0!important;
padding: 0!important; padding: 0!important;