修改样式

zhaoxing

2023-05-11 3a4ec8da75f6f9eaf9571334319388455c61c65b

 components/css/index.css

@@ -1,244 +1,302 @@
.body{
   padding: 30rpx;
}
.body_lpic,.body_rpic{
   width: 80rpx;
   height: 80rpx;
   border-radius: 50%;
   overflow: hidden;background: #EDEDED;
}
.body_l,.body_r{
   display: flex;align-items: flex-start;margin-bottom: 50rpx;
}
.body_r{
   justify-content: flex-end;
}
.body_lcon,.body_rcon{
   /* font-size: 32rpx; */
   /* font-weight: 500; */
   position: relative;
   /* padding: 20rpx; */
   border-radius: 12rpx;
   max-width: 450rpx;
   /* line-height:1.2; */
   word-wrap: break-word;
   text-align: justify;
   word-break: normal;
	
   /*markdown兼容样式*/
   font-size: 16rpx!;
   padding: 0;
   line-height:1;
   max-width: 500rpx;
}
.mark-content{
   /* padding: 0 15rpx!important; */
}
.body_lcon{
   color: #57546F;background: #F6F7FB;margin-left: 36rpx;margin-right: 60rpx;
}
.body_rcon{
   /* color: #ffffff; */
   /* background: #4E82FA; */
   margin-right: 36rpx;
	
   /*markdown兼容样式*/
   /* margin-right: 48rpx; */
   background: #F6F7FB;
   /* margin-left: 15rpx; */
}
.body_r .body_rcon{
   margin-right: 15rpx;
}
.body_l .body_rcon{
   margin-right: 55rpx;
   margin-left: 15rpx;
}
.body_box{
   position: relative;
}
.body_jt{
   position: absolute;
   /* left: 12rpx; */
   top: 24rpx;z-index: 2;
   /*markdown兼容样式*/
   left: -5rpx;
}
.body_rjt{
   position: absolute;
   right: 12rpx;
   top: 24rpx;z-index: 2;
   /*markdown兼容样式*/
   right: -5rpx;
}
.flooer{
   width: 100vw;
   min-height: 98rpx;
   background: #FFFFFF;
   display: flex;align-items: center;justify-content: space-between;
   position: fixed;bottom: 0;left: 0;z-index: 999;border-top: 1rpx solid #E9E9E9;border-bottom: 1rpx solid #E9E9E9;
}
.flooer_l{
   width: 540rpx;
   /* height: 68rpx; */
   margin-left: 30rpx;
   border-radius: 30rpx;
   background: #F6F7FB;display: flex;align-items: center;
   padding: 0 30rpx;
}

.flooer_l > .u-textarea {
   background: #F6F7FB !important;
   text-align: justify;
   padding: 20rpx 0;
   line-height: 1.2;
}
.flooer_rpic{
   width: 48rpx;
   height: 48rpx;
}
.flooer_r{
   padding: 0 30rpx;height: 100%;display: flex;align-items: center;
}
.update{
   width: 100vw;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   background: rgba(0,0,0,0.36);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 10000;
}
.update_box{
   width: 550upx;
   height: 818upx;
   position: relative;
}
.update_box image{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}
.update_bav{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
}
.update_title{
   margin: 473upx 48upx 0 48upx;
   height: 184upx;
}
.update_btn{
   font-size: 28upx;
   font-weight: 400;
   color: #FFFFFF;
   width: 360upx;
   height: 60upx;
   background: #E64239;
   border-radius: 30upx;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   bottom: 42upx;
   left: 50%;
   margin-left: -180upx;
}
.unp_icon{
   width: 56upx;
   height: 56upx;
}
.update_op{
   width: 88upx;
   height: 88upx;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: auto;
   margin-top: 60upx;
}
.update_title .update_text{
   font-size: 28upx;
   font-weight: 400;
   color: #666666;
}
.agreement {
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.7);
   position: fixed;
   z-index: 999999;
   top: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: '宋体';
}
.agssold{
   width: 1upx;
   height: 80%;
   background: #333333;
}
.agreement-box {
   width: 540upx;
   background: #FFFFFF;
   border-radius: 12upx;
   padding: 58upx 40upx 28upx 40upx;
   position: relative;
}
.agreement-main{
   /* height: 230px; */
   padding-bottom: 78upx;
   margin-top: 41upx;
}
.agreement-title {
   text-align: center;
   font-size:38upx;
   font-weight:bold;
   color:rgba(40,40,40,1);
}

.ags {
   font-size:28upx;
   color:rgba(102,102,102,1);
   line-height:38upx;
   text-indent: 52upx;
   margin-bottom: 12upx;
}

.ags-btn {
   display: flex;
   align-items: center;
   justify-content: center;
}
.tong,.ton{
   width:240upx;
   height:68upx;
   border:1upx solid transparent;
   border-radius:4upx;
   text-align: center;
   line-height: 68upx;
   font-size: 32upx;
}
.ton{
   border:1upx solid rgba(102,102,102,1);
}
.tong {
   color: #FFFFFF;
   background: #953EF1;
   border: 1upx solid #953EF1;
   margin-left: 28upx;
}
.ags text{
   color: #953EF1;
.body {

   padding: 30rpx;

}



.body_lpic,

.body_rpic {

   width: 80rpx;

   height: 80rpx;

   border-radius: 50%;

   overflow: hidden;

   background: #EDEDED;

}



.body_l,

.body_r {

   display: flex;

   align-items: flex-start;

   margin-bottom: 50rpx;

}



.body_r {

   justify-content: flex-end;

}



.body_lcon,

.body_rcon {

   /* font-size: 32rpx; */

   /* font-weight: 500; */

   position: relative;

   /* padding: 20rpx; */

   border-radius: 12rpx;

   max-width: 450rpx;

   /* line-height:1.2; */

   word-wrap: break-word;

   text-align: justify;

   word-break: normal;



   /*markdown兼容样式*/

   font-size: 16rpx !;

   padding: 0;

   line-height: 1;

   max-width: 500rpx;

}



.mark-content {

   /* padding: 0 15rpx!important; */

}



.body_lcon {

   color: #57546F;

   background: #F6F7FB;

   margin-left: 36rpx;

   margin-right: 60rpx;

}



.body_rcon {

   /* color: #ffffff; */

   /* background: #4E82FA; */

   margin-right: 36rpx;



   /*markdown兼容样式*/

   /* margin-right: 48rpx; */

   background: #F6F7FB;

   /* margin-left: 15rpx; */

}



.body_r .body_rcon {

   margin-right: 15rpx;

}



.body_l .body_rcon {

   margin-right: 55rpx;

   margin-left: 15rpx;

}



.body_box {

   position: relative;

}



.body_jt {

   position: absolute;

   /* left: 12rpx; */

   top: 24rpx;

   z-index: 2;

   /*markdown兼容样式*/

   left: -5rpx;

}



.body_rjt {

   position: absolute;

   right: 12rpx;

   top: 24rpx;

   z-index: 2;

   /*markdown兼容样式*/

   right: -5rpx;

}



.flooer {

   width: 100vw;

   min-height: 128rpx;

   background: #323552;
   border-radius: 32rpx 32rpx 0 0;

   display: flex;

   align-items: center;

   justify-content: space-between;

   position: fixed;

   bottom: 0;

   left: 0;

   z-index: 999;

}



.flooer_l {

   width: 540rpx;

   /* height: 68rpx; */

   margin-left: 32rpx;

   border-radius: 40rpx;

   border:2rpx solid #F6F7FB;
   background: #323552;

   display: flex;

   align-items: center;

   padding: 0 30rpx;

}



.flooer_l>.u-textarea {
   background: #323552 !important;

   text-align: justify;

   padding: 16rpx 0;

   line-height: 1.2;

}



.flooer_rpic {

   width: 48rpx;

   height: 48rpx;

}



.flooer_r {

   padding: 0 30rpx;

   height: 100%;

   display: flex;

   align-items: center;

}



.update {

   width: 100vw;

   height: 100vh;

   position: fixed;

   top: 0;

   left: 0;

   background: rgba(0, 0, 0, 0.36);

   display: flex;

   align-items: center;

   justify-content: center;

   z-index: 10000;

}



.update_box {

   width: 550upx;

   height: 818upx;

   position: relative;

}



.update_box image {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   z-index: 1;

}



.update_bav {

   width: 100%;

   height: 100%;

   position: absolute;

   top: 0;

   left: 0;

   z-index: 100;

}



.update_title {

   margin: 473upx 48upx 0 48upx;

   height: 184upx;

}



.update_btn {

   font-size: 28upx;

   font-weight: 400;

   color: #FFFFFF;

   width: 360upx;

   height: 60upx;

   background: #E64239;

   border-radius: 30upx;

   display: flex;

   align-items: center;

   justify-content: center;

   position: absolute;

   bottom: 42upx;

   left: 50%;

   margin-left: -180upx;

}



.unp_icon {

   width: 56upx;

   height: 56upx;

}



.update_op {

   width: 88upx;

   height: 88upx;

   display: flex;

   align-items: center;

   justify-content: center;

   margin: auto;

   margin-top: 60upx;

}



.update_title .update_text {

   font-size: 28upx;

   font-weight: 400;

   color: #666666;

}



.agreement {

   width: 100vw;

   height: 100vh;

   background: rgba(0, 0, 0, 0.7);

   position: fixed;

   z-index: 999999;

   top: 0;

   left: 0;

   display: flex;

   align-items: center;

   justify-content: center;

   font-family: '宋体';

}



.agssold {

   width: 1upx;

   height: 80%;

   background: #333333;

}



.agreement-box {

   width: 540upx;

   background: #FFFFFF;

   border-radius: 12upx;

   padding: 58upx 40upx 28upx 40upx;

   position: relative;

}



.agreement-main {

   /* height: 230px; */

   padding-bottom: 78upx;

   margin-top: 41upx;

}



.agreement-title {

   text-align: center;

   font-size: 38upx;

   font-weight: bold;

   color: rgba(40, 40, 40, 1);

}



.ags {

   font-size: 28upx;

   color: rgba(102, 102, 102, 1);

   line-height: 38upx;

   text-indent: 52upx;

   margin-bottom: 12upx;

}



.ags-btn {

   display: flex;

   align-items: center;

   justify-content: center;

}



.tong,

.ton {

   width: 240upx;

   height: 68upx;

   border: 1upx solid transparent;

   border-radius: 4upx;

   text-align: center;

   line-height: 68upx;

   font-size: 32upx;

}



.ton {

   border: 1upx solid rgba(102, 102, 102, 1);

}



.tong {

   color: #FFFFFF;

   background: #953EF1;

   border: 1upx solid #953EF1;

   margin-left: 28upx;

}



.ags text {

   color: #953EF1;

}