首页修改

odc.xiaohui

2023-05-12 4b48bacef8646cee8b66f5e10b0ed7124534e93e

 miniprogram/pages/manager/group/message/index.wxss

@@ -12,14 +12,16 @@
.chat-left{
    margin-top: 4%;
}
.chat-right{
    margin-right: 50%;
}

.chat-item{
    padding-bottom: 2rem;
    background-color:    #F5F5F9;
    margin-bottom: 20%;
}

.pageWhole{
    background-color: #F5F5F9;
    height: calc(100vh - 5rem);
}
.chat-message-left{
    margin-left: 15%;
    margin-top: -10%;
@@ -38,11 +40,13 @@
}
.chat-right{
    margin-top: 8%;
    display: flex;
    padding:  0 0.5rem;
}
.face-right{
    width: 40px;
    height: 40px;
    margin-left: 170%;
   
}
.chat-message-right{
    margin-left: 15%;
@@ -52,23 +56,22 @@
    color: rgba(0,0,0,0.4);
}
.chat-context-right{
    margin-left: 30%;
    font-size: 15px;
    padding: 10px ; 
    width: 130%;
    font-weight: normal;
    text-align: right;
    margin-top: -20%;
    background-color: #ffffff;
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: 0.5rem;
}
.low{
    position: fixed;
    bottom: 0px;
    bottom: 0;
    width: 100%;
    background-color: white;
    /* height: 7%; */
    height: 50px;
    padding-bottom: 2rem;
}
.list{
    height: 60px;
@@ -89,19 +92,21 @@
 margin-top: 2%;
}
.more{
    height: 25px;
    width: 25px;
    height: 45px;
    width: 45px;
    float: right;
    margin-right: 2%;
    margin-top: 3%;
    margin-top: 1%;
}
.moreList{
    /* height: 30px; */
    /* position: fixed;
    bottom: 0px; */
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 70px;
    margin-top: 2%;
    margin-top: 1rem;
    background-color: #F5F5F9;
    /* height: 50%; */
}
@@ -122,6 +127,7 @@
.wenzi-wenzi{
    font-size: 13px;
    margin-left: 1%;
    white-space: nowrap;
}
.bottom-icon1{
   float: right;
@@ -134,21 +140,36 @@
    font-size: 13px;
}
.view-0{
    margin-left: 4%;
   margin-top: 0.5rem;
}
.view-1{
    margin-left: 24%;
    margin-top: -14%;
  
}
.view-2{
    margin-left: 44%;
    margin-top: -14%;
  
}
.view-3{
    margin-left: 64%;
    margin-top: -13%;
   
}
.view-4{
    margin-left: 84%;
    margin-top: -13%;
  
}
.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .block{
      color: #fff;
  }
  .text-active{
    margin-left: 15%;
    font-size: 15px;
    padding: 10px ; 
    width: 65%;
    font-weight: normal;
    background-color: #ffffff;
    margin-bottom: 5%;
      color: red;
  }