You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.7 KiB
85 lines
1.7 KiB
2 years ago
|
/* subpages/myTroubleshootDemand/pages/index/index.wxss */
|
||
|
|
page {
|
||
|
|
width: 100%;
|
||
|
|
min-height: 100vh;
|
||
|
|
overflow-y: scroll;
|
||
|
|
background-color: #f7f7f7;
|
||
|
|
}
|
||
|
|
.red,
|
||
|
|
.blue{
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #fff;
|
||
|
|
padding: 8rpx 20rpx ;
|
||
|
|
border-radius: 40rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin-right: 16rpx;
|
||
|
|
}
|
||
|
|
.red{
|
||
|
|
background-color: #ff783c;
|
||
|
|
}
|
||
|
|
.blue{
|
||
|
|
background-color: #4f94ff;
|
||
|
|
}
|
||
|
|
.blue_small,
|
||
|
|
.red_small{
|
||
|
|
font-size: 26rpx;
|
||
|
|
width: fit-content;
|
||
|
|
padding: 8rpx 16rpx;
|
||
|
|
border-radius: 40rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
height: 40rpx;
|
||
|
|
line-height: 20rpx;
|
||
|
|
margin: 24rpx 0 ;
|
||
|
|
|
||
|
|
}
|
||
|
|
.blue_small{
|
||
|
|
background-color: #eef4fd;
|
||
|
|
color: #5693EE;
|
||
|
|
}
|
||
|
|
.red_small{
|
||
|
|
background-color: #fff1eb;
|
||
|
|
color: #FF783C;
|
||
|
|
}
|
||
|
|
.content{
|
||
|
|
width: 100%;
|
||
|
|
padding:0 20rpx ;
|
||
|
|
margin-top: 20rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.content .scroll {
|
||
|
|
height: calc(100vh - 50rpx);
|
||
|
|
overflow-y: scroll;
|
||
|
|
}
|
||
|
|
.content .card{
|
||
|
|
width: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
display: flex;
|
||
|
|
height: 180rpx;
|
||
|
|
flex-direction: column;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
padding: 30rpx 30rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.content .card .title{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.card_content{
|
||
|
|
overflow:hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
display:-webkit-box;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
|
||
|
|
}
|
||
|
|
.content .card .bottom{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 22rpx;
|
||
|
|
border-bottom: 2rpx #EAEAEA solid;
|
||
|
|
padding-bottom: 20rpx;
|
||
|
|
}
|