开发常用公共CSS
/* 公用css */
.flex-center{
display: flex;
align-items: center;
}
.bg{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.img-container{
overflow: hidden;
}
.img-container image{
width: 100%;
height: 100%;
object-fit: cover;
}
/* 单行省略 */
.ellipsis{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* 多行省略 */
.clamp{
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
/* -webkit-line-clamp: 2; */
}
/* boder渐变 */
.border-color{
border-bottom: 5rpx solid transparent;
background-clip:padding-box,border-box;
background-origin:padding-box,border-box;
box-sizing: border-box;
background-image:linear-gradient(135deg,
}