hookehuyr

refactor(ui): 更新对话框组件样式和内容结构

将nut-dialog组件从content属性改为slot方式渲染内容
调整消息详情页按钮颜色为橙色
更新删除订单对话框的提示文本
...@@ -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
......