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

【功能完善】商城: 客服整体的每个区域的线框优化

Browse Source
This commit is contained in:
puhui999
2024-11-24 11:52:24 +08:00
parent 90c71804e2
commit 64e2ddfa18
2 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/mall/promotion/kefu/components/KeFuMessageList.vue
View File

@@ -374,8 +374,19 @@ const showTime = computed(() => (item: KeFuMessageRespVO, index: number) => {
<style lang="scss" scoped>
.kefu {
background-color: #fff;
position: relative;
width: calc(100% - 300px - 260px);
border-left: var(--el-border-color) solid 1px;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px; /* 实际宽度 */
height: 100%;
background-color: var(--el-border-color);
transform: scaleX(0.3); /* 缩小宽度 */
}
.kefu-header {
background: #fbfbfb;
@@ -463,12 +474,23 @@ const showTime = computed(() => (item: KeFuMessageRespVO, index: number) => {
}
.kefu-footer {
position: relative;
display: flex;
flex-direction: column;
height: auto;
margin: 0;
padding: 0;
border-top: var(--el-border-color) solid 1px;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px; /* 初始宽度 */
background-color: var(--el-border-color);
transform: scaleY(0.3); /* 缩小视觉高度 */
}
.chat-tools {
width: 100%;

13
src/views/mall/promotion/kefu/components/member/MemberInfo.vue
View File

@@ -165,9 +165,20 @@ const getUserData = async () => {
<style lang="scss" scoped>
.kefu {
position: relative;
width: 300px !important;
background-color: #fff;
border-left: var(--el-border-color) solid 1px;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px; /* 实际宽度 */
height: 100%;
background-color: var(--el-border-color);
transform: scaleX(0.3); /* 缩小宽度 */
}
&-header {
background: #fbfbfb;