hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-07-17 04:15:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

【新增】：mall 客服初始化

Browse Source
This commit is contained in:
puhui999
2024-07-01 11:36:07 +08:00
parent bc8948eecf
commit d3614cbbac
10 changed files with 408 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/mall/promotion/kefu/index.vue Normal file
View File

@ -0,0 +1,55 @@
<template>
<el-row :gutter="10">
<el-col :span="8">
<ContentWrap>
<KeFuConversationBox ref="keFuConversationRef" @change="handleChange" />
</ContentWrap>
</el-col>
<el-col :span="16">
<ContentWrap>
<KeFuChatBox ref="keFuChatBoxRef" />
</ContentWrap>
</el-col>
</el-row>
</template>
<script lang="ts" setup>
import { KeFuChatBox, KeFuConversationBox } from './components'
defineOptions({ name: 'KeFu' })
const keFuChatBoxRef = ref<InstanceType<typeof KeFuChatBox>>()
const handleChange = () => {}
const keFuConversationRef = ref<InstanceType<typeof KeFuConversationBox>>()
onMounted(() => {
keFuConversationRef.value?.getConversationList()
})
</script>
<style lang="scss">
.kefu {
height: calc(100vh - 165px);
overflow: auto; /* 确保内容可滚动 */
}
/* 定义滚动条样式 */
::-webkit-scrollbar {
width: 10px;
height: 6px;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
border-radius: 10px;
background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
background-color: rgba(240, 240, 240, 0.5);
}
</style>