/**app.wxss**/ @import './iconfont/iconfont.wxss'; .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } page{ background-color: #fff; } .mask,.mask-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 99; display: flex; align-items: center; justify-content: center; } .mask-bg { z-index: 0; } .mask-content { position: relative; z-index: 1; width: 80%; max-height: 60%; background: white; border-radius: 12rpx; } /* 一部分list的分类需要加蓝色的圆圈可以用这个类名 */ .common-types { padding: 0 30rpx; display: flex; align-items: center; height: 70rpx; line-height: 66rpx; overflow-x: auto; border-bottom: 1rpx solid #D9D9D9; } .common-type-item { position: relative; font-weight: 400; font-size: 30rpx; margin-right: 30rpx; flex-shrink: 0; padding: 0 10rpx; font-weight: 500; border-bottom: 4rpx solid transparent; } .common-type-item.active { border-color: #47b2eb; } .common-type-item:last-child { margin-right: 0; } /* .common-type-item.active::after { width:32rpx; height:32rpx; content: ""; position: absolute; top: 10rpx; right: -10rpx; background:linear-gradient(210deg,#5CC05F 0%,rgba(255,255,255,0) 70%); border-radius:50%; } */ .fixed-bottom-blank { position: fixed; bottom: 0; left: 0; right: 0; background: white; } .common-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 28rpx; color: #999; text-align: center; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } .common-empty image { width: 328rpx; margin-bottom: 20rpx; } .textOver2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .textOver { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sz-xcx-fwb-img { max-width: 100%; height: auto; object-fit: cover; }