style(ui): 调整确认弹窗内容和按钮样式
修改确认弹窗中内容和按钮的显示顺序 为"助力码"按钮添加背景色、圆角和内边距样式
Showing
3 changed files
with
4 additions
and
4 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-01-09 00:00:00 | 2 | * @Date: 2025-01-09 00:00:00 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-09-19 17:26:08 | 4 | + * @LastEditTime: 2025-09-19 17:58:30 |
| 5 | * @FilePath: /lls_program/src/components/RankingCard.vue | 5 | * @FilePath: /lls_program/src/components/RankingCard.vue |
| 6 | * @Description: 排行榜卡片组件 | 6 | * @Description: 排行榜卡片组件 |
| 7 | --> | 7 | --> |
| ... | @@ -43,7 +43,7 @@ | ... | @@ -43,7 +43,7 @@ |
| 43 | <!-- 排行榜日期 --> | 43 | <!-- 排行榜日期 --> |
| 44 | <view class="rank-date relative"> | 44 | <view class="rank-date relative"> |
| 45 | {{ currentDate }} | 45 | {{ currentDate }} |
| 46 | - <view v-if="activeTab === 'support'" class="absolute font-bold text-white top-0" style="right: 30rpx;" @tap="joinOrganization">助力码</view> | 46 | + <view v-if="activeTab === 'support'" class="absolute font-bold text-white bg-orange-500 top-0 rounded-full px-4 py-1" style="right: 30rpx; font-size: 23rpx;" @tap="joinOrganization">助力码</view> |
| 47 | </view> | 47 | </view> |
| 48 | 48 | ||
| 49 | <!-- 助力榜空状态提示 --> | 49 | <!-- 助力榜空状态提示 --> | ... | ... |
| ... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
| 41 | <!-- 排行榜日期 --> | 41 | <!-- 排行榜日期 --> |
| 42 | <view v-if="!loading" class="rank-date relative"> | 42 | <view v-if="!loading" class="rank-date relative"> |
| 43 | {{ currentDate }} | 43 | {{ currentDate }} |
| 44 | - <view v-if="activeTab === 'support'" class="absolute font-bold text-white top-0" style="right: 70rpx;" @tap="joinOrganization">助力码</view> | 44 | + <view v-if="activeTab === 'support'" class="absolute font-bold text-white bg-orange-500 top-0 rounded-full px-4 py-1" style="right: 70rpx; font-size: 23rpx;" @tap="joinOrganization">助力码</view> |
| 45 | </view> | 45 | </view> |
| 46 | 46 | ||
| 47 | <!-- 助力榜空状态提示 --> | 47 | <!-- 助力榜空状态提示 --> | ... | ... |
| ... | @@ -198,7 +198,7 @@ const checkAndMatchKindergarten = async () => { | ... | @@ -198,7 +198,7 @@ const checkAndMatchKindergarten = async () => { |
| 198 | const showChangeConfirmation = (newKindergarten) => { | 198 | const showChangeConfirmation = (newKindergarten) => { |
| 199 | Taro.showModal({ | 199 | Taro.showModal({ |
| 200 | title: '更换单位/学校', | 200 | title: '更换单位/学校', |
| 201 | - content: `您要更换新的单位/学校,参与助力榜吗?\n\n新单位:${newKindergarten.name}`, | 201 | + content: `新单位:${newKindergarten.name}\n\n您要更换新的单位/学校,参与助力榜吗?`, |
| 202 | confirmText: '确认更换', | 202 | confirmText: '确认更换', |
| 203 | cancelText: '取消', | 203 | cancelText: '取消', |
| 204 | success: (res) => { | 204 | success: (res) => { | ... | ... |
-
Please register or login to post a comment