|
|
@@ -51,7 +51,7 @@
|
|
|
<!-- 底部(听文章在右下角、生成海报在左下角) -->
|
|
|
<view class="detail-footer">
|
|
|
<view class="share-btn" @click="generatePoster">
|
|
|
- <text class="share-btn-icon">🖼</text>
|
|
|
+ <image class="share-btn-icon" src="/static/icons/poster-white.png" mode="aspectFit" />
|
|
|
<text class="share-btn-text">生成海报</text>
|
|
|
</view>
|
|
|
<view v-if="isLogin" class="listen-btn" :class="{ playing: audioPlaying }" @click="toggleArticleAudio">
|
|
|
@@ -479,7 +479,7 @@ export default {
|
|
|
.detail-footer { position: fixed; bottom: 0; left: 0; right: 0; background: $app-surface; padding: 20rpx $uni-space-page; display: flex; align-items: center; gap: 16rpx; box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.06); z-index: 10; }
|
|
|
.share-btn { height: 72rpx; padding: 0 $uni-space-page; background: linear-gradient(135deg, $brand-primary, $brand-primary-light); border-radius: 24rpx; display: flex; align-items: center; justify-content: center; border: none; }
|
|
|
.share-btn::after { border: none; }
|
|
|
-.share-btn-icon { font-size: calc(30rpx * var(--font-scale, 1)); margin-right: 8rpx; }
|
|
|
+.share-btn-icon { width: calc(34rpx * var(--font-scale, 1)); height: calc(34rpx * var(--font-scale, 1)); margin-right: 8rpx; flex-shrink: 0; }
|
|
|
.share-btn-text { font-size: calc(26rpx * var(--font-scale, 1)); color: $app-surface; font-weight: 600; }
|
|
|
|
|
|
.listen-btn { height: 72rpx; padding: 0 $uni-space-page; background: rgba(14, 165, 233, 0.1); border: 2rpx solid $uni-info; border-radius: 24rpx; display: flex; align-items: center; justify-content: center; }
|