Hooke / lls_program

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
fdf5c554 1 parent 58a8ecd1

style(PosterCheckin): 调整底部操作按钮的样式和层级 

为底部操作按钮添加 z-index 确保显示层级，并统一按钮文字大小
Inline Side-by-side
Showing 1 changed file with 3 additions and 3 deletions
...@@ -97,16 +97,16 @@ ...@@ -97,16 +97,16 @@
97 </view> 97 </view>
98 98
99 <!-- 底部操作按钮 - 仅在正常状态显示 --> 99 <!-- 底部操作按钮 - 仅在正常状态显示 -->
100 - <view v-if="pageState === 'normal'" class="bg-white border-t border-gray-200 p-4 safe-area-bottom" style="position: fixed; bottom: 0; left: 0; right: 0;"> 100 + <view v-if="pageState === 'normal'" class="bg-white border-t border-gray-200 p-4 safe-area-bottom z-50" style="position: fixed; bottom: 0; left: 0; right: 0;">
101 <view class="flex gap-4"> 101 <view class="flex gap-4">
102 <view 102 <view
103 - class="flex-1 bg-gradient-to-r from-orange-400 to-orange-500 text-white py-3 px-6 rounded-lg font-medium shadow-lg active:scale-95 transition-transform duration-150 flex items-center justify-center gap-2" 103 + class="flex-1 bg-gradient-to-r from-orange-400 to-orange-500 text-white text-sm py-3 px-6 rounded-lg font-medium shadow-lg active:scale-95 transition-transform duration-150 flex items-center justify-center gap-2"
104 @click="chooseBackgroundImage" 104 @click="chooseBackgroundImage"
105 > 105 >
106 <text>{{ currentPosterHasCustomBackground ? '更改照片' : '上传照片' }}</text> 106 <text>{{ currentPosterHasCustomBackground ? '更改照片' : '上传照片' }}</text>
107 </view> 107 </view>
108 <view 108 <view
109 - class="flex-1 text-white py-3 px-6 rounded-lg font-medium shadow-lg active:scale-95 transition-transform duration-150 flex items-center justify-center gap-2" 109 + class="flex-1 text-white py-3 px-6 rounded-lg font-medium text-sm shadow-lg active:scale-95 transition-transform duration-150 flex items-center justify-center gap-2"
110 :class="posterPath ? 'bg-gradient-to-r from-green-400 to-green-500' : (posterGenerateFailed ? 'bg-gradient-to-r from-orange-400 to-orange-500' : 'bg-gray-400')" 110 :class="posterPath ? 'bg-gradient-to-r from-green-400 to-green-500' : (posterGenerateFailed ? 'bg-gradient-to-r from-orange-400 to-orange-500' : 'bg-gray-400')"
111 @click="handlePosterAction" 111 @click="handlePosterAction"
112 :disabled="!posterPath && !posterGenerateFailed" 112 :disabled="!posterPath && !posterGenerateFailed"
......