hookehuyr

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

调整弹框高度并添加滑动捕获,修改发送按钮样式和间距
移除重复的快捷标签
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-04 21:19:14
* @LastEditTime: 2025-07-04 21:29:23
* @FilePath: /jgdl/src/pages/productDetail/index.vue
* @Description: 商品详情页
-->
......@@ -71,7 +71,7 @@
</view>
<view class="flex items-center">
<view class="w-8 h-8 bg-orange-100 rounded-full flex items-center justify-center mr-4">
<text class="text-orange-500">🛣️</text>
<text class="text-orange-500" style="padding-bottom: 10rpx;">🛣️</text>
</view>
<view>
<text class="text-xs text-gray-500 block">行驶里程</text>
......@@ -191,7 +191,7 @@
</nut-dialog>
<!-- 联系卖家弹框 -->
<nut-popup v-model:visible="showContactModal" position="bottom" :style="{ height: '60%' }" round>
<nut-popup v-model:visible="showContactModal" position="bottom" :style="{ height: '70%' }" round :catch-move="true">
<view class="contact-modal p-4">
<view class="text-center mb-4">
<text class="text-lg font-medium">联系卖家</text>
......@@ -225,8 +225,8 @@
</view>
<!-- 发送按钮 -->
<nut-button @click="sendMessageToSeller" block type="primary" shape="round"
style="background-color: #f97316; border-color: #f97316;" :disabled="!messageText.trim()">
<nut-button @click="sendMessageToSeller" block type="primary" shape="round" color="orange"
style="background-color: #f97316; border-color: #f97316; margin-top: 2rem;" :disabled="!messageText.trim()">
发送消息
</nut-button>
</view>
......@@ -268,12 +268,10 @@ const payData = ref({
// 快捷标签数据
const quickTags = ref([
'你好,我对这辆车很感兴趣',
'请问车况怎么样?',
'可以面谈吗?',
'价格还能商量吗?',
'什么时候方便看车?',
'还有其他配件吗?'
])
// 备用图片数组
......