fix:主页logo
This commit is contained in:
@ -7,10 +7,7 @@
|
|||||||
<!-- Logo区域 -->
|
<!-- Logo区域 -->
|
||||||
<view class="logo-container">
|
<view class="logo-container">
|
||||||
<view class="logo-circle">
|
<view class="logo-circle">
|
||||||
<view class="logo-inner">
|
<image class="logo-image" src="/static/logo1.png" mode="aspectFit"></image>
|
||||||
<view class="s-shape s-blue">S</view>
|
|
||||||
<view class="s-shape s-green">S</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -168,33 +165,9 @@ export default {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-inner {
|
.logo-image {
|
||||||
position: relative;
|
width: 120rpx;
|
||||||
width: 100%;
|
height: 120rpx;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 应用名称 */
|
/* 应用名称 */
|
||||||
@ -238,9 +211,6 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 版本号 */
|
/* 版本号 */
|
||||||
.version-container {
|
|
||||||
/* 移除绝对定位,让它跟随下部区域布局 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.version-text {
|
.version-text {
|
||||||
font-size: 24rpx;
|
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