1 line
2.8 KiB
Plaintext
1 line
2.8 KiB
Plaintext
.custom-navbar{width:100vw;padding-bottom:20rpx;position:fixed;left:0;top:0;z-index:100;background:unset;background-size:100% 380rpx}.custom-navbar .navbar-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.custom-navbar .navbar-title{color:#fff;font-size:32rpx;font-weight:600}.custom-navbar .back{position:absolute;color:#fff;left:30rpx;font-size:40rpx}.custom-navbar-block{padding-bottom:20rpx}.head-wrap{width:100vw;background-size:100%;padding:60rpx 68rpx 140rpx 68rpx;box-sizing:border-box;border-radius:0 0 100% 100%/0 0 70rpx 70rpx;overflow:hidden;padding-top:160rpx}.head-wrap .title{text-align:left;line-height:1;color:#f6f6f6}.head-wrap .point{color:var(--btn-text-color);text-align:left;line-height:1;margin-bottom:20rpx;font-size:64rpx}.head-wrap .flex-box{display:flex;margin-top:56rpx}.head-wrap .flex-box .flex-item{flex:1}.head-wrap .flex-box .flex-item .num{font-size:34rpx;margin-bottom:20rpx;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.head-wrap .flex-box .flex-item view{text-align:left;color:#f6f6f6;line-height:1}.menu-wrap{border-radius:20rpx;margin:0 24rpx;padding:30rpx;background:#fff;display:flex;-webkit-transform:translateY(-90rpx);transform:translateY(-90rpx)}.menu-wrap .menu-item{flex:1;text-align:left;display:flex;align-items:center}.menu-wrap .menu-item .icon{width:88rpx;height:88rpx;background:#f3f3f3;border-radius:20rpx;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:24rpx}.menu-wrap .menu-item .icon image{width:70%}.menu-wrap .menu-item .title{font-size:32rpx;font-weight:700;color:#333}.task-wrap{background-color:#fff;margin:30rpx 24rpx;border-radius:18rpx;padding:32rpx;-webkit-transform:translateY(-90rpx);transform:translateY(-90rpx)}.task-wrap .title{font-size:32rpx;text-align:left;margin-bottom:40rpx;font-weight:700}.task-wrap .task-item{border-radius:10rpx;background:#fff;display:flex;align-items:center;margin-bottom:80rpx}.task-wrap .task-item:last-child{margin-bottom:30rpx}.task-wrap .task-item .icon{width:62rpx;height:62rpx;background:#f3f3f3;border-radius:20rpx;display:flex;align-items:center;justify-content:center;color:#fff}.task-wrap .task-item .iconfont{font-size:52rpx;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fe7849,#ff1959)}.task-wrap .task-item .iconshangpin{font-size:48rpx}.task-wrap .task-item .wrap{flex:1;padding-left:26rpx}.task-wrap .task-item .wrap .title{line-height:1;font-size:28rpx;font-weight:700;margin-bottom:0}.task-wrap .task-item .wrap .desc{line-height:1;margin-top:10rpx}.task-wrap .task-item .btn{height:60rpx;line-height:60rpx;border-radius:60rpx;text-align:center;width:140rpx;color:#fff;font-size:26rpx;font-weight:600;background:linear-gradient(135deg,#fe7849,#ff1959)} |