feat: create chat app list page, build the layout of page

This commit is contained in:
RockYang
2023-10-13 18:05:40 +08:00
parent ead8dbbaa5
commit ebdec4fa44
7 changed files with 95 additions and 31 deletions

View File

@@ -0,0 +1,20 @@
.page-apps {
background-color: #282c34;
height: 100vh;
}
.page-apps .title {
text-align: center;
background-color: #25272d;
font-size: 24px;
color: #fff;
padding: 10px;
border-bottom: 1px solid #3c3c3c;
}
.page-apps .inner {
display: flex;
color: #fff;
padding: 20px;
}
.page-apps .inner .left-menu {
width: 160px;
}

View File

@@ -0,0 +1,25 @@
.page-apps {
background-color: #282c34;
height 100vh
.title {
text-align center
background-color #25272d
font-size 24px
color #ffffff
padding 10px
border-bottom 1px solid #3c3c3c
}
.inner {
display flex
color #ffffff
padding 20px;
.left-menu {
width 160px
}
}
}

View File

@@ -50,6 +50,9 @@
border-top-right-radius: 10px;
background-color: rgba(10,10,10,0.7);
}
.page-images-wall .inner .waterfall .list-item .prompt span {
word-break: break-all;
}
.page-images-wall .inner .waterfall .list-item .prompt .el-icon {
position: absolute;
bottom: 10px;

View File

@@ -69,6 +69,10 @@
border-top-right-radius 10px
background-color rgba(10, 10, 10, 0.7)
span {
word-break break-all
}
.el-icon {
position absolute
bottom 10px