初始化
This commit is contained in:
76
common/css/base.scss
Normal file
76
common/css/base.scss
Normal file
@@ -0,0 +1,76 @@
|
||||
page {
|
||||
background: #f6f7f8;
|
||||
}
|
||||
|
||||
.hide-txt {
|
||||
overflow-x: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
|
||||
.clamp-txt {
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
.bg-blue {
|
||||
background: #277bc0;
|
||||
}
|
||||
|
||||
.list {
|
||||
.list-card {
|
||||
margin-bottom: 20rpx;
|
||||
padding: 24rpx 20rpx;
|
||||
background: #fff;
|
||||
.list-card-title {
|
||||
font-size: 28rpx;
|
||||
color: #111;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.list-card-des {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 22rpx;
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
|
||||
.list-card-des-btn {
|
||||
margin-left: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 48rpx;
|
||||
width: 120rpx;
|
||||
border-radius: 4rpx;
|
||||
color: #fff;
|
||||
background: #449dff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-btn {
|
||||
position: fixed;
|
||||
right: 80rpx;
|
||||
bottom: 200rpx;
|
||||
width: 126rpx;
|
||||
height: 126rpx;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
|
||||
image {
|
||||
height: 66rpx;
|
||||
width: 66rpx;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user