调整左边的排版

This commit is contained in:
aixianling
2024-07-18 09:22:22 +08:00
parent 80b6a03999
commit 2a882cb3ee

View File

@@ -154,7 +154,7 @@ export default {
<div v-text="profile.name"/> <div v-text="profile.name"/>
<span v-text="profile.girdName"/> <span v-text="profile.girdName"/>
</div> </div>
<div class="apps flex"> <div class="apps">
<div v-for="(item,i) in apps" :key="i" class="app pointer" :style="getIcon(item)" v-text="item.appName" @click="handleChangeApp(item)"/> <div v-for="(item,i) in apps" :key="i" class="app pointer" :style="getIcon(item)" v-text="item.appName" @click="handleChangeApp(item)"/>
</div> </div>
<div class="conversation"> <div class="conversation">
@@ -244,7 +244,8 @@ export default {
height: 100%; height: 100%;
transition: width 1s; transition: width 1s;
padding: 14px 0; padding: 14px 0;
overflow: hidden; overflow-x: hidden;
overflow-y: auto;
& > * { & > * {
margin: 0 14px; margin: 0 14px;
@@ -282,6 +283,9 @@ export default {
margin-top: 18px; margin-top: 18px;
padding-top: 29px; padding-top: 29px;
position: relative; position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
&:before { &:before {
content: "常用功能"; content: "常用功能";