fix:主页logo

This commit is contained in:
吉浩茹
2025-10-09 17:28:29 +08:00
parent 279cc4a5ea
commit 85d8ac081c
2 changed files with 4 additions and 34 deletions

View File

@ -7,10 +7,7 @@
<!-- Logo区域 -->
<view class="logo-container">
<view class="logo-circle">
<view class="logo-inner">
<view class="s-shape s-blue">S</view>
<view class="s-shape s-green">S</view>
</view>
<image class="logo-image" src="/static/logo1.png" mode="aspectFit"></image>
</view>
</view>
@ -168,33 +165,9 @@ export default {
position: relative;
}
.logo-inner {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.s-shape {
position: absolute;
font-size: 70rpx;
font-weight: bold;
font-family: 'Arial', sans-serif;
line-height: 1;
}
.s-blue {
color: #2196f3;
transform: rotate(-20deg) translateX(-12rpx) translateY(-2rpx);
z-index: 2;
}
.s-green {
color: #4caf50;
transform: rotate(20deg) translateX(12rpx) translateY(2rpx);
z-index: 1;
.logo-image {
width: 120rpx;
height: 120rpx;
}
/* 应用名称 */
@ -238,9 +211,6 @@ export default {
}
/* 版本号 */
.version-container {
/* 移除绝对定位,让它跟随下部区域布局 */
}
.version-text {
font-size: 24rpx;

BIN
src/static/logo1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB