refactor(ui): 更新对话框组件样式和内容结构
将nut-dialog组件从content属性改为slot方式渲染内容 调整消息详情页按钮颜色为橙色 更新删除订单对话框的提示文本
Showing
3 changed files
with
18 additions
and
8 deletions
| ... | @@ -111,7 +111,7 @@ | ... | @@ -111,7 +111,7 @@ |
| 111 | 111 | ||
| 112 | <!-- 底部关闭按钮 --> | 112 | <!-- 底部关闭按钮 --> |
| 113 | <view class="detail-footer"> | 113 | <view class="detail-footer"> |
| 114 | - <nut-button type="primary" size="large" block @click="closeMessageDetail"> | 114 | + <nut-button type="primary" size="large" block @click="closeMessageDetail" color="orange"> |
| 115 | 关闭 | 115 | 关闭 |
| 116 | </nut-button> | 116 | </nut-button> |
| 117 | </view> | 117 | </view> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-06 18:11:44 | 4 | + * @LastEditTime: 2025-07-07 16:38:18 |
| 5 | * @FilePath: /jgdl/src/pages/myCar/index.vue | 5 | * @FilePath: /jgdl/src/pages/myCar/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -102,10 +102,15 @@ | ... | @@ -102,10 +102,15 @@ |
| 102 | <nut-dialog | 102 | <nut-dialog |
| 103 | v-model:visible="offlineDialogVisible" | 103 | v-model:visible="offlineDialogVisible" |
| 104 | title="温馨提示" | 104 | title="温馨提示" |
| 105 | - :content="offlineDialogContent" | 105 | + @ok="confirmOffline" |
| 106 | - @confirm="confirmOffline" | ||
| 107 | @cancel="cancelOffline" | 106 | @cancel="cancelOffline" |
| 108 | - /> | 107 | + > |
| 108 | + <template #default> | ||
| 109 | + <view> | ||
| 110 | + <text style="font-size: 1rem;">{{ offlineDialogContent }}</text> | ||
| 111 | + </view> | ||
| 112 | + </template> | ||
| 113 | + </nut-dialog> | ||
| 109 | </view> | 114 | </view> |
| 110 | </template> | 115 | </template> |
| 111 | 116 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-04 17:00:42 | 4 | + * @LastEditTime: 2025-07-07 16:32:43 |
| 5 | * @FilePath: /jgdl/src/pages/myOrders/index.vue | 5 | * @FilePath: /jgdl/src/pages/myOrders/index.vue |
| 6 | * @Description: 订单管理页面 | 6 | * @Description: 订单管理页面 |
| 7 | --> | 7 | --> |
| ... | @@ -271,12 +271,17 @@ | ... | @@ -271,12 +271,17 @@ |
| 271 | <nut-dialog | 271 | <nut-dialog |
| 272 | v-model:visible="showConfirmModal" | 272 | v-model:visible="showConfirmModal" |
| 273 | title="温馨提示" | 273 | title="温馨提示" |
| 274 | - content="确定要删除订单吗?" | ||
| 275 | cancel-text="取消" | 274 | cancel-text="取消" |
| 276 | ok-text="确认" | 275 | ok-text="确认" |
| 277 | @cancel="showConfirmModal = false" | 276 | @cancel="showConfirmModal = false" |
| 278 | @ok="performDeleteOrder(pendingDeleteOrderId)" | 277 | @ok="performDeleteOrder(pendingDeleteOrderId)" |
| 279 | - /> | 278 | + > |
| 279 | + <template #default> | ||
| 280 | + <view> | ||
| 281 | + <text style="font-size: 1rem;">删除订单将无法恢复,请谨慎操作。</text> | ||
| 282 | + </view> | ||
| 283 | + </template> | ||
| 284 | + </nut-dialog> | ||
| 280 | 285 | ||
| 281 | <!-- 成功提示 --> | 286 | <!-- 成功提示 --> |
| 282 | <nut-toast | 287 | <nut-toast | ... | ... |
-
Please register or login to post a comment