@import "./index.skeleton.wxss";
|
|
page {
|
background-color: #F2F3F8;
|
}
|
|
.container {
|
width: 100vw;
|
height: 100vh;
|
}
|
|
.top-content {
|
padding: 40rpx;
|
}
|
|
.boxStyle {
|
border: 2rpx solid #ff6d00;
|
background: rgba(255, 108, 0, 0.1);
|
font-size: 26rpx;
|
color: #9D9D9D;
|
padding: 20rpx;
|
display: flex;
|
justify-content: space-around;
|
line-height: 56rpx;
|
}
|
|
.box-item {
|
text-align: center;
|
}
|
|
.result {
|
color: #333;
|
}
|
|
|
.num {
|
font-size: 36rpx;
|
color: #ff6d00;
|
font-weight: bold;
|
}
|
|
.t-tabs__track {
|
display: none;
|
}
|
|
.t-tabs {
|
padding-top: 20rpx;
|
background: none !important;
|
width: 100%;
|
position: fixed;
|
top: 0rpx;
|
left: 0;
|
z-index: 1
|
}
|
|
.t-tabs__wrapper {
|
background: none !important;
|
}
|
|
.t-tabs__nav :nth-child(1) {
|
border-radius: 30rpx 30rpx 0 0rpx !important;
|
}
|
|
.t-tabs__nav :nth-child(2) {
|
border-radius: 0rpx 30rpx 0 30rpx;
|
}
|
|
.t-tabs__item {
|
flex: 1 !important;
|
background: #E6E8F1;
|
height: 76rpx !important;
|
margin-top: 16rpx;
|
border-radius: 30rpx 0 30rpx 0rpx !important;
|
}
|
|
.t-tabs__item--active {
|
color: #333 !important;
|
background: #fff;
|
height: 96rpx;
|
font-size: 32rpx;
|
margin-top: 0;
|
height: 96rpx !important;
|
border-radius: 30rpx 30rpx 0 0rpx !important;
|
}
|
|
.t-tabs__item--active+.t-tabs__item {
|
border-radius: 0 30rpx 0 30rpx !important;
|
}
|
|
.t-tabs__item--active+.t-tabs__item+.t-tabs__item {
|
border-radius: 30rpx 30rpx 0rpx 0rpx !important;
|
}
|
|
.refresh-container {
|
margin: 0 auto;
|
}
|
|
.bottom-loading,
|
.loading {
|
padding: 20rpx;
|
text-align: center;
|
}
|
|
.empyt {
|
padding: 100rpx 0;
|
}
|
|
.pageInfo {
|
background: #fff;
|
margin-top: -30rpx;
|
padding: 30rpx;
|
}
|
|
.content {
|
height: calc(100vh - env(safe-area-inset-bottom) - 456rpx);
|
box-sizing: border-box;
|
}
|
|
.listBox {
|
display: flex;
|
flex-flow: row wrap;
|
padding-top: 30rpx;
|
}
|
|
.content-item,
|
.class--tem {
|
background: #F7F7F7;
|
border-radius: 10rpx;
|
box-sizing: border-box;
|
width: calc(100%/2 - 10rpx);
|
margin-right: 20rpx;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
margin-bottom: 30rpx;
|
padding: 50rpx 20rpx 40rpx 20rpx;
|
|
}
|
|
.content-item:nth-child(2n) {
|
margin-right: 0;
|
}
|
|
.icon image {
|
object-fit: contain;
|
}
|
|
.body-info .name {
|
height: 80rpx;
|
margin-top: 24rpx;
|
width: 100%;
|
font-size: 30rpx;
|
line-height: 40rpx;
|
font-weight: 700;
|
word-break: break-all;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical;
|
overflow: hidden;
|
}
|