fix(productDetail): 调整联系卖家弹框样式和快捷标签
调整弹框高度并添加滑动捕获,修改发送按钮样式和间距 移除重复的快捷标签
Showing
1 changed file
with
5 additions
and
7 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-04 21:19:14 | 4 | + * @LastEditTime: 2025-07-04 21:29:23 |
| 5 | * @FilePath: /jgdl/src/pages/productDetail/index.vue | 5 | * @FilePath: /jgdl/src/pages/productDetail/index.vue |
| 6 | * @Description: 商品详情页 | 6 | * @Description: 商品详情页 |
| 7 | --> | 7 | --> |
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | </view> | 71 | </view> |
| 72 | <view class="flex items-center"> | 72 | <view class="flex items-center"> |
| 73 | <view class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center mr-4"> | 73 | <view class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center mr-4"> |
| 74 | - <text class="text-orange-500">🛣️</text> | 74 | + <text class="text-orange-500" style="padding-bottom: 10rpx;">🛣️</text> |
| 75 | </view> | 75 | </view> |
| 76 | <view> | 76 | <view> |
| 77 | <text class="text-xs text-gray-500 block">行驶里程</text> | 77 | <text class="text-xs text-gray-500 block">行驶里程</text> |
| ... | @@ -191,7 +191,7 @@ | ... | @@ -191,7 +191,7 @@ |
| 191 | </nut-dialog> | 191 | </nut-dialog> |
| 192 | 192 | ||
| 193 | <!-- 联系卖家弹框 --> | 193 | <!-- 联系卖家弹框 --> |
| 194 | - <nut-popup v-model:visible="showContactModal" position="bottom" :style="{ height: '60%' }" round> | 194 | + <nut-popup v-model:visible="showContactModal" position="bottom" :style="{ height: '70%' }" round :catch-move="true"> |
| 195 | <view class="contact-modal p-4"> | 195 | <view class="contact-modal p-4"> |
| 196 | <view class="text-center mb-4"> | 196 | <view class="text-center mb-4"> |
| 197 | <text class="text-lg font-medium">联系卖家</text> | 197 | <text class="text-lg font-medium">联系卖家</text> |
| ... | @@ -225,8 +225,8 @@ | ... | @@ -225,8 +225,8 @@ |
| 225 | </view> | 225 | </view> |
| 226 | 226 | ||
| 227 | <!-- 发送按钮 --> | 227 | <!-- 发送按钮 --> |
| 228 | - <nut-button @click="sendMessageToSeller" block type="primary" shape="round" | 228 | + <nut-button @click="sendMessageToSeller" block type="primary" shape="round" color="orange" |
| 229 | - style="background-color: #f97316; border-color: #f97316;" :disabled="!messageText.trim()"> | 229 | + style="background-color: #f97316; border-color: #f97316; margin-top: 2rem;" :disabled="!messageText.trim()"> |
| 230 | 发送消息 | 230 | 发送消息 |
| 231 | </nut-button> | 231 | </nut-button> |
| 232 | </view> | 232 | </view> |
| ... | @@ -268,12 +268,10 @@ const payData = ref({ | ... | @@ -268,12 +268,10 @@ const payData = ref({ |
| 268 | 268 | ||
| 269 | // 快捷标签数据 | 269 | // 快捷标签数据 |
| 270 | const quickTags = ref([ | 270 | const quickTags = ref([ |
| 271 | - '你好,我对这辆车很感兴趣', | ||
| 272 | '请问车况怎么样?', | 271 | '请问车况怎么样?', |
| 273 | '可以面谈吗?', | 272 | '可以面谈吗?', |
| 274 | '价格还能商量吗?', | 273 | '价格还能商量吗?', |
| 275 | '什么时候方便看车?', | 274 | '什么时候方便看车?', |
| 276 | - '还有其他配件吗?' | ||
| 277 | ]) | 275 | ]) |
| 278 | 276 | ||
| 279 | // 备用图片数组 | 277 | // 备用图片数组 | ... | ... |
-
Please register or login to post a comment