feat: use vant replace element-plus as mobile UI framework

This commit is contained in:
RockYang
2024-01-24 17:34:30 +08:00
parent 8dd6bf8933
commit 84bdc6be7f
33 changed files with 437 additions and 3215 deletions

View File

@@ -1,51 +1,61 @@
.app-background {
background-color #1c1c1c
height 100vh
}
body,
.mobile-chat,
.van-sticky,
.van-nav-bar,
.van-list,
.message-list-box
.van-cell,
.chat-box,
.van-cell-group,
.van-field {
background-color #1c1c1c !important
color #fff !important
}
.chat-box-wrapper {
position fixed
bottom 0
width 100%
background-color #1c1c1c
}
.icon-box .van-icon,
.mobile-chat .van-nav-bar__title .van-dropdown-menu__title,
.mobile-chat .van-nav-bar__title .van-cell__title,
.mobile-chat .van-nav-bar__right .van-icon {
color #fff !important
}
.mobile-chat {
.van-nav-bar__title {
.van-dropdown-menu__title {
margin-right 15px
}
.van-cell__title {
text-align left
}
}
.chat-list-wrapper {
position fixed
top 50px
bottom 60px
width 100vw
overflow-y scroll
}
.van-nav-bar__right {
.van-icon {
font-size 20px
}
}
}
.mobile-chat {
.message-list-box {
padding-top 50px
padding-bottom 10px
overflow-x auto
background #F5F5F5;
.van-cell {
background none
font-family: 'Microsoft YaHei', '', Arial, sans-serif;
}
}
.chat-box-wrapper {
.van-sticky {
.van-cell-group--inset {
margin 0
.van-cell {
padding 10px
.icon-box {
.van-icon {
font-size 24px
margin 10px 0
}
}
.button-voice {
padding 0 5px
height 30px
}
}
}
}
}
.van-nav-bar__title {
.van-dropdown-menu__title {
margin-right 10px
}
.van-cell__title {
text-align left
}
}
.van-nav-bar__right {
.van-icon {
font-size 20px
}
}
}
.van-theme-dark {
.mobile-chat {
.message-list-box {
background #232425;
}
}
}