.containerView { height: 100vh; width: 100vw; overflow: auto; padding-bottom: 100rpx; background: #ffffff; } .swiperView { position: relative; } .swiperView .tag { position: absolute; left: 22rpx; top: 20rpx; background: #76aef9; font-size: 28rpx; color: white; font-weight: bold; padding: 10rpx 40rpx; border-top-right-radius: 6rpx; border-bottom-right-radius: 6rpx; z-index: 999; } .swiper-box { border-radius: 14rpx; box-sizing: border-box; height: 358rpx; margin: 0 22rpx; overflow: hidden; } .swiper-box .img { width: 100%; height: 100%; } /* 轮播小点点 */ .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { margin-left: 36%; } .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; } .meetingDetailView { display: flex; justify-content: space-between; align-items: center; margin: 30rpx 22rpx; padding: 0 16rpx 20rpx; border-bottom: 1px solid rgb(126, 126, 126, 0.2); } .meetingDetailView .detailView { flex: 1; word-break: break-all; margin-right: 20rpx; } .meetingDetailView .detailView .title { font-size: 32rpx; } .meetingDetailView .detailView .itemList { display: flex; flex-wrap: wrap; justify-content: start; align-items: center; margin-top: 14rpx; font-size: 26rpx; color: gray; } .meetingDetailView .detailView .itemList .item { margin-right: 12rpx; } .meetingDetailView .priceView{ display: flex; justify-content: start; align-items: flex-end; line-height: 1; } .meetingDetailView .priceView .price{ font-size: 36rpx; color: red; } .meetingDetailView .priceView .unit{ font-size: 24rpx; }