wangqiao/front-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update API requests and styling

Browse Source
This commit is contained in:
wangqiao
2025-08-25 22:04:25 +08:00
parent 7413a1f8ea
commit cdcb6e76c2
7 changed files with 34 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/kl-quick-menu/components/kl-service.vue
View File

@ -28,10 +28,10 @@
</div>
<div class="message-content">
<div v-if="msg.msgType === 0" class="message-bubble whitespace-pre-wrap">{{ msg.content }}</div>
<div v-else-if="msg.msgType === 1" class="message-bubble max-w-50%">
<img :src="msg.content" alt="图片" class="w-100%" />
<div v-else-if="msg.msgType === 1" class="message-bubble max-w-[50%]">
<img :src="msg.content" alt="图片" class="w-[100%]" />
</div>
<div v-else class="message-bubble max-w-50%">
<div v-else class="message-bubble max-w-[50%]">
{{ msg.content.split('/').pop() }}
</div>
<div class="message-time">{{ dayjs(msg.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
@ -299,6 +299,9 @@
inputMessage.value = imageUrl
handleSend(msgType)
}
img.onerror = () => {
ElMessage.error('图片加载失败')
}
} else {
inputMessage.value = imageUrl
handleSend(msgType)

16
components/kl-quick-menu/components/kl-vip.vue
View File

@ -5,7 +5,7 @@
</template>
<div v-loading="loading" class="vip-cards">
<div v-for="item in viplist" :key="item.id" class="vip-card">
<div class="relative w-100% flex flex-col items-center">
<div class="relative! w-[100%] flex flex-col items-center">
<div class="vip-card-header basic">
<div class="vip-card-title">{{ item.name }}</div>
<!-- <div class="vip-card-subtitle">中小微企业</div> -->
@ -22,7 +22,7 @@
>
</ul>
<div v-if="item.qrCodeUrl" class="vip-card-qrcode">
<el-icon class="absolute right-0px top-0px cursor-pointer" @click="item.qrCodeUrl = ''"><Close /></el-icon>
<el-icon class="absolute! right-[0px] top-[0px] cursor-pointer" @click="item.qrCodeUrl = ''"><Close /></el-icon>
<qrcode-vue :value="item.qrCodeUrl" :size="150" level="H" />
<div>请使用微信扫二维码</div>
</div>
@ -153,7 +153,7 @@
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
padding: 24px 32px;
width: 260px;
width: 290px;
display: flex;
flex-direction: column;
align-items: center;
@ -231,5 +231,15 @@
z-index: 1;
text-align: center;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
:deep(.el-dialog__header) {
.el-dialog__close {
top: -10px !important
}
}
</style>