.listBox{ position: relative; z-index: 1; } .content { width: 100%; padding-top: 100rpx; } .coupon-tab { position: fixed; left: 0; top: 0; z-index: 10; display: flex; align-items: center; width: 100%; height: 190rpx; /* #ifdef MP-WEIXIN */ height: 280rpx; /* #endif */ background-color: #ffffff; .tab { position: relative; display: flex; align-items: center; justify-content: center; width: 33%; height: 100%; text { font-size: 28rpx; color: #7C7C7C; } } .action { text { color: #222222; } .line { position: absolute; left: 50%; bottom: 0; width: 25%; height: 8rpx; border-radius: 20rpx 20rpx 0 0; background-color: #667FFF; transform: translate(-50%, 0); } } } /* 列表 */ .topimg { margin-bottom: 25rpx; width: 100%; image { width: 100%; border-radius: 20rpx; } } .user-list{ padding: 25rpx; .list{ position: relative; display: flex; align-items: center; justify-content: space-between; background-color: #FFFFFF; border-radius: 20rpx; margin-bottom: 20rpx; padding: 30rpx; .title{ font-size: 30rpx; text{ font-size: 28rpx; color: #939393; } } .more-content{ display: flex; align-items: center; image{ width: 100rpx; height: 100rpx; border-radius: 100%; } .more-content-img { display: flex; align-items: center; image { width: 24rpx; height: 24rpx; } .more-content-text { font-size: 26rpx; background-color: #00D970; border-radius: 100rpx; padding: 8rpx 20rpx; color: #fff; margin-right: 10rpx; } } } .picker{ position: absolute; width: 100%; height: 100%; opacity: 0; } } } .small { font-size: 24rpx; color: #959595; margin-top: 15rpx; }