12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- ::v-deep .u-sticky{
- // top: 153rpx !important;
- }
- ::v-deep .u-tabs__wrapper__nav__line{
- background: #F7790C!important;
- }
- .searchAndTab{
- background: white;
- // background: red;
- padding-top: 24rpx;
- position: fixed;
- width: 100%;
- top:173rpx;
- .searchBox{
- padding: 0 32rpx;
- }
- }
- .content{
- display: flex;
- margin-top: 190rpx;
- .leftMenu{
- width: 212rpx;
- height: calc(100vh - 360rpx);
- background:#fff ;
- overflow-y: scroll;
- .item{
- height: 98rpx;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #080F18;
- display: flex;
- align-items: center;
- justify-content: center;
-
- position: relative;
- }
- .halfCircle{
- width: 30rpx;
- height: 30rpx;
- opacity: 0.8;
- border: 6rpx solid #F7790C;
- border-radius: 50%;
- // border-image: linear-gradient(146deg, rgba(247, 121, 12, 0), rgba(247, 121, 12, 1)) 16 6;
- position: absolute;
- right: 30rpx;
- top: 40rpx;
- z-index: 0;
-
- }
- .act{
- background: #F2F2F2;
- }
- }
- .rightDes{
- width: 100%;
- background:#F2F2F2;
- padding: 48rpx 28rpx 52rpx 28rpx;
- overflow-y: scroll;
- box-sizing: border-box;
- height: calc(100vh - 340rpx);
- .item{
- .top{
- display: flex;
- align-items: center;
- justify-content: space-between;
- .name{
-
- }
- image{
-
- }
- }
- .bottom{
- display: flex;
- // justify-content: space-between;
- flex-wrap: wrap;
- margin-top: 32rpx;
- image{
- width: 136rpx;
- height: 136rpx;
- margin-right: 30rpx;
- margin-bottom: 30rpx;
- }
- }
- }
- }
- }
|