update: 修改启动页UI
This commit is contained in:
parent
eeabb08a79
commit
7d852a9a10
1
.gitignore
vendored
1
.gitignore
vendored
@ -1 +1,2 @@
|
||||
/.vscode/settings.json
|
||||
.history
|
||||
@ -2,7 +2,7 @@
|
||||
<view class="login-select-index-container">
|
||||
<view class="logo-content"></view>
|
||||
<view class="app-name">欢迎登录小发同城商家平台</view>
|
||||
<!-- <view class="app-title">商家中心</view> -->
|
||||
<view class="app-title">商家中心</view>
|
||||
<view class="btn-content">
|
||||
<view class="btn-block">
|
||||
<u-button class="btn btn-login" :hairline="false" @click="skipuLogin()">
|
||||
@ -76,10 +76,10 @@ export default {
|
||||
.logo-content {
|
||||
background-image: url("../../static/logo.jpg");
|
||||
background-size: 100% 100%;
|
||||
width: 144rpx;
|
||||
height: 144rpx;
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
margin: 50% auto;
|
||||
margin-bottom: 32rpx;
|
||||
margin-bottom: 16rpx;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -87,8 +87,8 @@ export default {
|
||||
.app-name {
|
||||
background: url("../../static/title.png") no-repeat 50% 50%;
|
||||
background-size: 100% 100%;
|
||||
width: 616rpx;
|
||||
height: 41rpx;
|
||||
width: 398rpx;
|
||||
height: 140rpx;
|
||||
margin: auto;
|
||||
font-size: 72rpx;
|
||||
text-align: center;
|
||||
@ -98,9 +98,9 @@ export default {
|
||||
}
|
||||
|
||||
.app-title {
|
||||
font-size: 40rpx;
|
||||
font-size: 50rpx;
|
||||
letter-spacing: 5px;
|
||||
text-align: center;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
.btn-content {
|
||||
@ -108,15 +108,19 @@ export default {
|
||||
bottom: 14%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
gap: 50rpx;
|
||||
justify-content: center;
|
||||
|
||||
.btn-block {
|
||||
.btn {
|
||||
width: 280rpx;
|
||||
width: 300rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 12rpx;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
&::after {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-register {
|
||||
@ -129,20 +133,16 @@ export default {
|
||||
}
|
||||
|
||||
.btn-register {
|
||||
background: #fff;
|
||||
color: $base-color;
|
||||
border: 1rpx solid $base-color;
|
||||
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-tips {
|
||||
margin-top: 40rpx;
|
||||
font-size: 26rpx;
|
||||
margin-top: 32rpx;
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
color: #555555;
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 2.2 KiB |
@ -1,4 +1,4 @@
|
||||
/*主颜色*/
|
||||
$base-color: #fe4119; // 蓝色 #4b71ff
|
||||
$base-color: #FE411B; // 蓝色 #4b71ff
|
||||
|
||||
$base-btn-bg-color: linear-gradient(220.55deg, #ff0000 0%, #bc2222 100%);
|
||||
$base-btn-bg-color: #FE411B;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user