添加新的阅读页面入口,更新自定义标签栏以使用 SVG 图标,优化分享按钮样式和布局,提升用户体验。

This commit is contained in:
2026-02-04 12:36:26 +08:00
parent fa9e1e59ce
commit 23436dc9e8
24 changed files with 2096 additions and 176 deletions

View File

@@ -1,5 +1,7 @@
{
"usingComponents": {},
"usingComponents": {
"icon": "/components/icon/icon"
},
"enablePullDownRefresh": false,
"backgroundTextStyle": "light",
"backgroundColor": "#000000",

View File

@@ -226,7 +226,6 @@
<!-- 右下角悬浮分享按钮 -->
<button class="fab-share" open-type="share">
<text class="fab-share-icon"></text>
<text class="fab-share-text">分享</text>
<image class="fab-icon" src="/assets/icons/share.svg" mode="aspectFit"></image>
</button>
</view>

View File

@@ -923,20 +923,19 @@
.fab-share {
position: fixed;
right: 32rpx;
width:70rpx!important;
bottom: calc(120rpx + env(safe-area-inset-bottom));
width: 112rpx;
height: 112rpx;
border-radius: 50%;
height: 70rpx;
border-radius: 60rpx;
background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%);
box-shadow: 0 8rpx 32rpx rgba(0, 206, 209, 0.4);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
border: none;
z-index: 90;
z-index: 9999;
display:flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@@ -949,16 +948,10 @@
box-shadow: 0 4rpx 20rpx rgba(0, 206, 209, 0.5);
}
.fab-share-icon {
font-size: 40rpx;
color: #ffffff;
line-height: 1;
.fab-icon {
padding:16rpx;
width: 50rpx;
height: 50rpx;
display: block;
}
.fab-share-text {
font-size: 20rpx;
color: rgba(255, 255, 255, 0.95);
margin-top: 4rpx;
font-weight: 500;
}