81 lines
3.4 KiB
CSS
81 lines
3.4 KiB
CSS
/* 盒模型 */
|
|
.border-box{box-sizing: border-box;}
|
|
|
|
/* 字体 */
|
|
.font18{ font-size: 18rpx;}
|
|
.font20{ font-size: 20rpx;}
|
|
.font22{ font-size: 22rpx;}
|
|
.font24{ font-size: 24rpx;}
|
|
.font26{ font-size: 26rpx;}
|
|
.font28{ font-size: 28rpx;}
|
|
.font30{ font-size: 30rpx;}
|
|
.font32{ font-size: 32rpx;}
|
|
.font34{ font-size: 34rpx;}
|
|
.font36{ font-size: 36rpx;}
|
|
.font38{ font-size: 38rpx;}
|
|
.font40{ font-size: 40rpx;}
|
|
.font42{ font-size: 42rpx;}
|
|
.font44{ font-size: 44rpx;}
|
|
.font46{ font-size: 46rpx;}
|
|
.font48{ font-size: 48rpx;}
|
|
.font50{ font-size: 50rpx;}
|
|
.font52{ font-size: 52rpx;}
|
|
.font54{ font-size: 54rpx;}
|
|
.font56{ font-size: 56rpx;}
|
|
.font58{ font-size: 58rpx;}
|
|
.font60{ font-size: 60rpx;}
|
|
|
|
/* 文字颜色 */
|
|
.color-white{ color: #ffffff;}
|
|
.color-blue{ color: #0788ff;}
|
|
.color-yellow{ color: #ffde00;}
|
|
.color-red{ color: #ec0707;}
|
|
.color-00{ color: #000000;}
|
|
.color-33{ color: #333333;}
|
|
.color-66{ color: #666666;}
|
|
.color-88{ color: #888888;}
|
|
.color-99{ color: #999999;}
|
|
|
|
/* 背景颜色 */
|
|
.bg-blue{ background-color: #0788ff;}
|
|
.bg-yellow{ background-color: #ffde00;}
|
|
.bg-white{ background-color: #ffffff;}
|
|
.bg-red{ background-color: #ec0707;}
|
|
.bg-orange{ background-color: #ec7807;}
|
|
.bg-green{ background-color: #25a63b;}
|
|
|
|
|
|
/* 内边距 */
|
|
.pad-x100{ padding-bottom: 100rpx;}
|
|
.pad-x120{ padding-bottom: 120rpx;}
|
|
|
|
|
|
/* 文字行数 */
|
|
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips9{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips10{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
|
|
image{
|
|
/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
|
|
border: 0;
|
|
/* 取消图片底侧有空白缝隙的问题 ① */
|
|
vertical-align: middle;
|
|
/* 取消图片底侧有空白缝隙的问题 ② */
|
|
object-fit: cover;
|
|
}
|
|
|
|
/* 去除滚动条 */
|
|
scroll-view ::-webkit-scrollbar {
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
-webkit-appearance: none;
|
|
background: transparent;
|
|
} |