fix:主页logo
This commit is contained in:
@ -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
BIN
src/static/logo1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Reference in New Issue
Block a user