front/merchapp
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 修改启动页UI

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

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

36
java-mall-app-shop-admin/pages/index/index.vue
View File

@ -2,7 +2,7 @@
<view class="login-select-index-container"> <view class="login-select-index-container">
<view class="logo-content"></view> <view class="logo-content"></view>
<view class="app-name">欢迎登录小发同城商家平台</view> <view class="app-name">欢迎登录小发同城商家平台</view>
<!-- <view class="app-title">商家中心</view> --> <view class="app-title">商家中心</view>
<view class="btn-content"> <view class="btn-content">
<view class="btn-block"> <view class="btn-block">
<u-button class="btn btn-login" :hairline="false" @click="skipuLogin()"> <u-button class="btn btn-login" :hairline="false" @click="skipuLogin()">
@ -76,10 +76,10 @@ export default {
.logo-content { .logo-content {
background-image: url("../../static/logo.jpg"); background-image: url("../../static/logo.jpg");
background-size: 100% 100%; background-size: 100% 100%;
width: 144rpx; width: 128rpx;
height: 144rpx; height: 128rpx;
margin: 50% auto; margin: 50% auto;
margin-bottom: 32rpx; margin-bottom: 16rpx;
border-radius: 12rpx; border-radius: 12rpx;
overflow: hidden; overflow: hidden;
} }
@ -87,8 +87,8 @@ export default {
.app-name { .app-name {
background: url("../../static/title.png") no-repeat 50% 50%; background: url("../../static/title.png") no-repeat 50% 50%;
background-size: 100% 100%; background-size: 100% 100%;
width: 616rpx; width: 398rpx;
height: 41rpx; height: 140rpx;
margin: auto; margin: auto;
font-size: 72rpx; font-size: 72rpx;
text-align: center; text-align: center;
@ -98,9 +98,9 @@ export default {
} }
.app-title { .app-title {
font-size: 40rpx; font-size: 50rpx;
letter-spacing: 5px;
text-align: center; text-align: center;
margin: 20rpx 0;
} }
.btn-content { .btn-content {
@ -108,15 +108,19 @@ export default {
bottom: 14%; bottom: 14%;
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-around; gap: 50rpx;
justify-content: center;
.btn-block { .btn-block {
.btn { .btn {
width: 280rpx; width: 300rpx;
height: 80rpx; height: 80rpx;
border-radius: 12rpx; border-radius: 0;
border: none; border: none;
font-weight: bold; font-weight: bold;
&::after {
border-radius: 0;
}
} }
.btn-register { .btn-register {
@ -129,20 +133,16 @@ export default {
} }
.btn-register { .btn-register {
background: #fff;
color: $base-color;
border: 1rpx solid $base-color;
&::after { &::after {
border: none; border: none;
} }
} }
.btn-tips { .btn-tips {
margin-top: 40rpx; margin-top: 32rpx;
font-size: 26rpx; font-size: 24rpx;
text-align: center; text-align: center;
color: #555555; color: #666;
} }
} }
} }

BIN
java-mall-app-shop-admin/static/title.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

4
java-mall-app-shop-admin/styles/variables.scss
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;