mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-22 01:59:36 +08:00
96 lines
1.3 KiB
Plaintext
96 lines
1.3 KiB
Plaintext
.page {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
background-color: #F3F3F3;
|
|
}
|
|
|
|
.contenBox {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
padding: 0 24rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.detailbox {
|
|
position: relative;
|
|
background: white;
|
|
margin-top: 24rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.detailbox:last-child{
|
|
margin: 0;
|
|
}
|
|
|
|
.fixed {
|
|
background: white;
|
|
padding: 0 30rpx 40rpx 30rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.fixedbox {
|
|
width: 25%;
|
|
text-align: center;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.slide-image {
|
|
width: 100%;
|
|
}
|
|
|
|
/* 轮播小点点 */
|
|
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal {
|
|
margin-bottom: 2rpx;
|
|
}
|
|
|
|
.swiper-box .wx-swiper-dot {
|
|
width: 20rpx;
|
|
display: inline-flex;
|
|
height: 5rpx;
|
|
margin-left: 10rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.swiper-box .wx-swiper-dot::before {
|
|
content: '';
|
|
flex-grow: 1;
|
|
background: rgba(255, 255, 255, 0.8);
|
|
border-radius: 0rpx
|
|
}
|
|
|
|
.swiper-box .wx-swiper-dot-active::before {
|
|
background: #ff3333;
|
|
}
|
|
|
|
.swiper-box .wx-swiper-dot-active {
|
|
width: 40rpx;
|
|
}
|
|
|
|
.nav {
|
|
width: 100%;
|
|
height: 100rpx;
|
|
background-color: white;
|
|
display: flex;
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: 999;
|
|
padding-top: 14rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.column {
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.iconfont {
|
|
color: #A5A5A5;
|
|
}
|
|
|
|
.article {
|
|
color: #C11D24;
|
|
} |