style(productDetail): 优化微信弹框样式和按钮颜色
移除多余的内联样式,使用预设颜色变量 简化弹框内容布局
Showing
1 changed file
with
4 additions
and
5 deletions
| 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-07 15:24:05 | 4 | + * @LastEditTime: 2025-07-07 15:51:00 |
| 5 | * @FilePath: /jgdl/src/pages/productDetail/index.vue | 5 | * @FilePath: /jgdl/src/pages/productDetail/index.vue |
| 6 | * @Description: 商品详情页 | 6 | * @Description: 商品详情页 |
| 7 | --> | 7 | --> |
| ... | @@ -180,11 +180,10 @@ | ... | @@ -180,11 +180,10 @@ |
| 180 | 180 | ||
| 181 | <!-- 微信号弹框 --> | 181 | <!-- 微信号弹框 --> |
| 182 | <nut-dialog v-model:visible="showWechat" title="卖家微信号" :close-on-click-overlay="true" :no-footer="true"> | 182 | <nut-dialog v-model:visible="showWechat" title="卖家微信号" :close-on-click-overlay="true" :no-footer="true"> |
| 183 | - <view class="text-center p-4"> | 183 | + <view class="text-center"> |
| 184 | - <text class="text-lg font-medium block mb-2">{{ product.seller.wechat }}</text> | 184 | + <text class="text-lg font-medium block mb-4">{{ product.seller.wechat }}</text> |
| 185 | <!-- <text class="text-sm text-gray-500 block mb-4">长按复制微信号</text> --> | 185 | <!-- <text class="text-sm text-gray-500 block mb-4">长按复制微信号</text> --> |
| 186 | - <nut-button @click="copyWechat" type="primary" size="small" | 186 | + <nut-button @click="copyWechat" type="primary" color="orange"> |
| 187 | - style="background-color: #f97316; border-color: #f97316;"> | ||
| 188 | 复制微信号 | 187 | 复制微信号 |
| 189 | </nut-button> | 188 | </nut-button> |
| 190 | </view> | 189 | </view> | ... | ... |
-
Please register or login to post a comment