209 lines
3.8 KiB
Plaintext
209 lines
3.8 KiB
Plaintext
page{
|
|
background-image: linear-gradient( #cdf0ff,#fff 30%);
|
|
}
|
|
.page {
|
|
margin-top: 290rpx;
|
|
overflow: hidden;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
}
|
|
.viewcon{
|
|
padding-bottom: 140rpx;
|
|
}
|
|
.banner {
|
|
margin: 24rpx 32rpx 0;
|
|
height: 264rpx;
|
|
background: #D8D8D8;
|
|
border-radius: 16rpx;
|
|
overflow: hidden;
|
|
}
|
|
.banner .bannerImg{
|
|
width:100%;
|
|
}
|
|
.row {
|
|
margin: 24rpx 0;
|
|
display: flex;
|
|
padding: 0 32rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.row .rowcell {
|
|
width: 160rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 72rpx;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 32rpx;
|
|
background: rgba(0, 0, 0, 0.06);
|
|
border-radius: 36rpx;
|
|
}
|
|
.type .rowcell{
|
|
width:auto;
|
|
padding:0 24rpx;
|
|
}
|
|
.row .rowcell.active {
|
|
color: #3881F7;
|
|
background: #EBF3FF;
|
|
}
|
|
|
|
.scrollwraper {
|
|
flex: 1;
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
background: #f7f9f9;
|
|
padding-top: 30rpx;
|
|
}
|
|
|
|
.viewcell {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin: 0 32rpx 16rpx;
|
|
padding: 24rpx 21rpx;
|
|
background-color: #fff;
|
|
box-shadow: 0rpx 12rpx 28rpx 0rpx rgba(0, 0, 0, 0.03);
|
|
border-radius: 16rpx;
|
|
}
|
|
|
|
.viewcell .left {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.viewcell .left .name {
|
|
font-size: 32rpx;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
|
|
.viewcell .left .date {
|
|
margin-top: 10rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.viewcell .left .info {
|
|
margin-left: 13rpx;
|
|
}
|
|
|
|
.viewcell .btn {
|
|
width: 132rpx;
|
|
height: 56rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #FFFFFF;
|
|
border-radius: 8rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border: 2rpx solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.viewcell .btn.active {
|
|
color: #52C41A;
|
|
border: 2rpx solid #52C41A;
|
|
}
|
|
.viewcell .btn.red {
|
|
color: red;
|
|
border: 2rpx solid red;
|
|
}
|
|
.van-dropdown-menu {
|
|
margin:0 32rpx;
|
|
box-shadow: none!important;
|
|
}
|
|
.van-dropdown-menu__item{
|
|
flex:none!important;
|
|
margin-right: 20rpx;
|
|
}
|
|
.nocase{
|
|
width:300rpx;
|
|
height: 218rpx;
|
|
}
|
|
.nodatatip{
|
|
margin-top: 16rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
color: rgba(0,0,0,0.45);
|
|
}
|
|
.link{
|
|
color:#3881F7;
|
|
}
|
|
.droptitle{
|
|
font-size: 32rpx!important;
|
|
}
|
|
.droptitle.active{
|
|
|
|
color:#3881F7!important;
|
|
}
|
|
.wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
|
|
}
|
|
.privacyBox {
|
|
width:90%;
|
|
background-color: #fff;
|
|
border-radius: 30rpx;
|
|
}
|
|
.privacyBox .title{
|
|
margin: 0;
|
|
text-align: center;
|
|
font-weight: 500;
|
|
line-height:24px;
|
|
padding-top:24px;
|
|
text-align: center;
|
|
font-size:16px;
|
|
}
|
|
.privacyBox .btnbox{
|
|
display: flex;
|
|
align-items: center;
|
|
border-top:1rpx solid #efefef;
|
|
width:100%;
|
|
font-size: 17px;
|
|
}
|
|
.privacyBox .btnbox .cancel{
|
|
flex:1;
|
|
height: 50px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.privacyBox .btnbox .confirm{
|
|
margin: 0;
|
|
height: 50px;
|
|
padding: 0;
|
|
color: #3881F7;
|
|
flex:1;
|
|
font-size: 17px;
|
|
border: none!important;
|
|
border-left:1rpx solid #efefef!important;
|
|
display: flex;
|
|
background-color: none!important;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.entrymsg{
|
|
-webkit-overflow-scrolling: touch;
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
max-height: 60vh;
|
|
overflow-y: auto;
|
|
padding: 48rpx;
|
|
text-align: left;
|
|
}
|
|
.van-swipe-cell__right{
|
|
width:65px;
|
|
display: flex;
|
|
font-size: 28rpx;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: #fff;
|
|
background-color: red;
|
|
} |