菜大王uniapp开发
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.
 
 
 

81 lines
1.3 KiB

.grid-item{
width: 33.33333333333%;
/* height: 63.5vw; */
height: calc(100% /3);
float: left;
margin-bottom: 10rpx;
}
.grid-item .box{
position: relative;
}
.grid-item .text-box{
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background-image: linear-gradient(#00000000, rgba(0, 0, 0, 0.842), rgba(0, 0, 0, 0.842));
padding: 30rpx 10rpx 20rpx 10rpx;
box-sizing: border-box;
}
.grid-item .text-box .text{
font-size: 26rpx;
color: #fff;
text-align: center;
}
.play_btn{
position:absolute;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
}
.play_btn image{
width: 100%;
height: 100%;
}
.title{
/* background: #fff; */
padding: 30rpx 15rpx;
/* background: #f1f1f1; */
font-size: 40rpx;
color: #151515;
/* margin-bottom: 30rpx; */
display: flex;
align-items: center;
/* border-bottom: 1px solid #f1f1f1; */
}
.title image{
width: 50rpx;
height: 30rpx;
margin-right: 20rpx;
}
.title text{
position: relative;
padding-left: 20rpx;
}
.title text::after{
content: "";
position: absolute;
top: 50%;
left: 0%;
width: 6rpx;
height: 50%;
border-radius: 14rpx;
background-color: #05B359;
transform: translateY(-50%);
}
page{
/* background: #f5f5f5; */
}