You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
4.1 KiB
1 lines
4.1 KiB
page{width:100%;height:auto;min-height:100vh;overflow-y:auto}.pie-chart{width:300rpx;height:300rpx}.user-analysis{width:100%;height:100%;background:#f7f6fb;min-height:100vh}.user-analysis .count-detail{width:100%;height:395rpx;box-sizing:border-box}.user-analysis .count-detail .content{width:100%;height:100%;position:relative}.user-analysis .count-detail .user-bg{width:100%;height:270rpx;position:absolute;left:0;top:0}.user-analysis .count-detail .content .over-bg{position:relative;z-index:100;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.user-analysis .count-detail .content .over-bg .yh-all{text-align:center;margin-top:47rpx;font-size:26rpx;font-weight:500;color:#fff}.user-analysis .count-detail .content .over-bg .yh-number{margin-top:25rpx;text-align:center;font-size:76rpx;line-height:57rpx;font-weight:700;color:#fff}.user-analysis .count-detail .content .over-bg .box{margin-top:38rpx;width:calc(100% - 40rpx);margin-left:20rpx;height:195rpx;background:#fff;border-radius:10px;display:flex;align-items:center}.user-analysis .count-detail .content .over-bg .box .item{height:100rpx;width:33.3333333333%;display:flex;align-items:center;flex-direction:column}.user-analysis .count-detail .content .over-bg .box .item .text-1{margin-top:-10rpx;font-size:26rpx;font-weight:500;color:#333}.user-analysis .count-detail .content .over-bg .box .item .text-2{font-size:38rpx;font-weight:700;color:#ce0208;margin-top:5rpx}.user-analysis .count-detail .content .over-bg .box .item .text-3{margin-top:5rpx;font-size:24rpx;font-weight:700;color:#ce0208}.user-analysis .count-detail .content .over-bg .box .item-border{border-right:1rpx solid #e5e5e5}.user-analysis .search-bar{margin-top:20rpx;width:100%;height:120rpx;background:#fff;border-top:1rpx solid #f6f6f6}.user-analysis .search-bar,.user-analysis .search-bar .condition{box-sizing:border-box;padding:0 20rpx;display:flex;align-items:center}.user-analysis .search-bar .condition{width:calc(100% - 110rpx);height:60rpx;border-radius:6rpx;background:#f4f4f4;justify-content:space-between;position:relative}.user-analysis .search-bar .condition .option-list{position:absolute;z-index:100;width:100%;left:0;top:60rpx;box-sizing:border-box;background:#f4f4f4;padding:0rpx 20rpx;margin-top:4rpx;border-radius:6rpx}.option-list .list-item{height:60rpx;display:flex;align-items:center;justify-content:space-between}.option-list .list-item,.user-analysis .search-bar .condition .select-condition{color:#bababa;font-size:26rpx}.user-analysis .search-bar .condition .trigger{width:0;height:0;border:12rpx solid transparent;border-top:15rpx solid #c2c2c2;position:relative;top:8rpx;transform:rotate(0deg);transform-origin:center 7rpx;transition:transform .4s}.user-analysis .search-bar .condition .trigger.reverse{transform:rotate(180deg);transform-origin:center 7rpx;transition:transform .4s}.user-analysis .search-bar .order{height:100%;width:100rpx;display:flex;align-items:center;margin-left:20rpx;position:relative;perspective:3000}.user-analysis .search-bar .order .front{position:absolute;width:100rpx;height:100%;display:flex;align-items:center;justify-content:center;transform:rotateY(180deg);transform-origin:center;transition:transform .4s linear;visibility:hidden;left:0;top:0}.user-analysis .search-bar .order .front.select{transform:rotateY(0deg);transition:transform .4s linear;visibility:visible}.user-analysis .search-bar .order .back{position:absolute;width:100rpx;height:100%;display:flex;align-items:center;justify-content:center;transform:rotateY(-180deg);transition:transform .4s linear;visibility:hidden;left:0;top:0}.user-analysis .search-bar .order .back.select{transform:rotateY(0deg);transition:transform .4s linear;visibility:visible}.user-analysis .search-bar .order text{font-size:26rpx;color:#29b9a5;display:inline-block}.user-analysis .search-bar .order .front image{width:28rpx;height:22rpx;margin-left:8rpx}.user-analysis .search-bar .order .back image{width:28rpx;height:22rpx;margin-right:8rpx}.user-list{width:100%}.user-list .list-item+.list-item{margin-top:20rpx}.no-data{width:100%;height:calc(100vh - 220rpx);display:flex;align-items:center;justify-content:center}
|