fix: fix overflow hidden for mobile page

This commit is contained in:
RockYang
2024-03-28 18:13:33 +08:00
parent f1855fd0a1
commit c79c4e74d0
19 changed files with 90 additions and 218 deletions

View File

@@ -4,7 +4,6 @@ body,
.wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
body {
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;

View File

@@ -9,7 +9,6 @@ body,
.wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
body {

View File

@@ -1,13 +1,13 @@
.mobile-chat-list .content .van-cell__value .chat-list-item {
.mobile-chat-list .content .van-list .van-cell__value .chat-list-item {
display: flex;
font-size: 14px;
}
.mobile-chat-list .content .van-cell__value .chat-list-item .van-image {
.mobile-chat-list .content .van-list .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 {
.mobile-chat-list .content .van-list .van-cell__value .chat-list-item .van-ellipsis {
margin-top: 5px;
margin-left: 10px;
}

View File

@@ -1,19 +1,21 @@
.mobile-chat-list {
.content {
.van-cell__value {
.chat-list-item {
display flex
font-size 14px
.van-list {
.van-cell__value {
.chat-list-item {
display flex
font-size 14px
.van-image {
min-width 32px
width 32px
height 32px
}
.van-image {
min-width 32px
width 32px
height 32px
}
.van-ellipsis {
margin-top 5px;
margin-left 10px;
.van-ellipsis {
margin-top 5px;
margin-left 10px;
}
}
}
}

View File

@@ -1,5 +1,4 @@
.mobile-chat .message-list-box {
padding-top: 50px;
padding-bottom: 10px;
overflow-x: auto;
background: #f5f5f5;

View File

@@ -1,6 +1,6 @@
.mobile-chat {
.message-list-box {
padding-top 50px
//padding-top 50px
padding-bottom 10px
overflow-x auto
background #F5F5F5;

View File

@@ -104,7 +104,7 @@
width: 100%;
}
.mobile-mj .content .finish-job-list .van-grid .van-grid-item .van-grid-item__content .job-item .opt .opt-btn {
padding: 3px 10px;
padding: 2px 0;
text-align: center;
border-radius: 5px;
margin: 3px 0;
@@ -112,6 +112,8 @@
cursor: pointer;
background-color: #4e5058;
color: #fff;
font-size: 14px;
width: 100%;
}
.mobile-mj .content .finish-job-list .van-grid .van-grid-item .van-grid-item__content .job-item .van-image {
width: 100%;

View File

@@ -144,7 +144,7 @@
.opt {
.opt-btn {
padding 3px 10px
padding 2px 0
text-align center
border-radius 5px
margin 3px 0
@@ -152,6 +152,8 @@
cursor pointer
background-color #4E5058
color #ffffff
font-size 14px
width 100%
}
}