xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-13 20:53:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

opt: optimize chat list page for mobile

Browse Source
This commit is contained in:
RockYang
2024-01-24 18:23:24 +08:00
parent 7b3f16ac9f
commit 14988853a3
9 changed files with 232 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/assets/css/mobile/chat-list.css Normal file
View File

@@ -0,0 +1,29 @@
.mobile-chat-list .content .van-cell__value .chat-list-item {
display: flex;
font-size: 14px;
}
.mobile-chat-list .content .van-cell__value .chat-list-item .van-image {
min-width: 32px;
width: 32px;
height: 32px;
}
.mobile-chat-list .content .van-cell__value .chat-list-item .van-ellipsis {
margin-top: 5px;
margin-left: 10px;
}
.mobile-chat-list .van-nav-bar .van-nav-bar__right .van-icon {
font-size: 20px;
}
.van-popup .picker-option {
display: flex;
width: 100%;
padding: 0 10px;
overflow: hidden;
height: 20px;
text-overflow: ellipsis;
}
.van-popup .picker-option .van-image {
width: 20px;
height: 20px;
margin-right: 5px;
}

47
web/src/assets/css/mobile/chat-list.styl Normal file
View File

@@ -0,0 +1,47 @@
.mobile-chat-list {
.content {
.van-cell__value {
.chat-list-item {
display flex
font-size 14px
.van-image {
min-width 32px
width 32px
height 32px
}
.van-ellipsis {
margin-top 5px;
margin-left 10px;
}
}
}
}
.van-nav-bar {
.van-nav-bar__right {
.van-icon {
font-size 20px;
}
}
}
}
.van-popup {
.picker-option {
display flex
width 100%
padding 0 10px
overflow hidden
height 20px
text-overflow ellipsis
.van-image {
width 20px;
height 20px;
margin-right 5px
}
}
}