123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- // .cardbox{
- // border-radius: 15rpx;
- // margin: 20rpx;
- // padding: 30rpx;
- // box-shadow: 0rpx 0rpx 10rpx #b8b7b7;
- // .card{
- // width: 100%;
- // display: flex;
- // image{
- // width: 310rpx;
- // height: 177rpx;
- // border-radius: 20rpx;
- // }
- // .infobox{
- // margin-left: 20rpx;
- // width: 405rpx;
- // .title{
- // width: 100%;
- // height: 160rpx;
- // font-size: 28rpx;
- // overflow: hidden;
- // text-overflow: ellipsis;
- // display: -webkit-box;
- // -webkit-line-clamp: 4;
- // -webkit-box-orient: vertical;
- // }
- // }
- // }
- // .time{
- // width: 100%;
- // font-size: 26rpx;
- // color: gray;
- // margin-top: 10rpx;
- // }
- // .submit{
- // position: absolute;
- // right: 0;
- // bottom: 0;
- // border-radius: 15rpx;
- // display: flex;
- // justify-content: center;
- // align-items: center;
- // background-color: aqua;
- // font-size: 25rpx;
- // padding: 10rpx 20rpx;
- // }
- // }
- .cardbox {
- position: relative;
- display: flex;
- justify-content: space-between;
- padding: 20rpx;
- margin: 20rpx;
- box-shadow: 0rpx 0rpx 10rpx rgb(218, 218, 218);
- border-radius: 10rpx;
- .card {
- width: 260rpx;
- height: 180rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .infobox {
- width: 400rpx;
- height: 200rpx;
- .title {
- font-size: 32rpx;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
- overflow: hidden;
- }
-
- .time {
- font-size: 28rpx;
- }
- }
- .status {
- position: absolute;
- bottom: 0rpx;
- right: 0rpx;
- font-size: 25rpx;
- border-radius: 10rpx;
- background: #4F9AF7;
- padding: 10rpx 20rpx;
- color: white;
- }
- }
|