|
|
@@ -44,6 +44,7 @@
|
|
|
<view class="detail-footer">
|
|
|
<view class="share-btn" @click="generatePoster">
|
|
|
<text class="share-btn-icon">🖼</text>
|
|
|
+ <text class="share-btn-text">生成海报</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -333,9 +334,10 @@ export default {
|
|
|
.detail-body { padding: 0 30rpx; font-size: 28rpx; color: #444; line-height: 1.8; }
|
|
|
|
|
|
.detail-footer { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; padding: 20rpx 30rpx; 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; width: 72rpx; background: #f5f5f5; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none; }
|
|
|
+.share-btn { height: 72rpx; padding: 0 30rpx; background: linear-gradient(135deg, #F97316, #FB923C); border-radius: 36rpx; display: flex; align-items: center; justify-content: center; border: none; }
|
|
|
.share-btn::after { border: none; }
|
|
|
-.share-btn-icon { font-size: 32rpx; }
|
|
|
+.share-btn-icon { font-size: 30rpx; margin-right: 8rpx; }
|
|
|
+.share-btn-text { font-size: 26rpx; color: #fff; font-weight: 600; }
|
|
|
|
|
|
/* 答题弹窗 */
|
|
|
.quiz-mask, .result-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999; display: flex; align-items: center; justify-content: center; }
|