hookehuyr

fix(productDetail): 调整联系卖家弹框样式和快捷标签

调整弹框高度并添加滑动捕获,修改发送按钮样式和间距
移除重复的快捷标签
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 // 备用图片数组
......