update: 修改启动页UI

This commit is contained in:
mixtan 2025-07-10 20:07:15 +08:00
parent eeabb08a79
commit 7d852a9a10
4 changed files with 21 additions and 20 deletions

1
.gitignore vendored
View File

@ -1 +1,2 @@
/.vscode/settings.json
.history

View File

@ -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

View File

@ -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;