Home Explore Help
Sign In
yangmc
/
challengeFamily
Watch 2
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
challengeFam...
/
pages
/
home
/
index.wxss

index.wxss 6.6 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 
  1. .topCol{width:100%; background: var(--subtitleColor); position: fixed; top: 0; left: 0; display:flex; align-items:center;justify-content:space-around;padding:20rpx 30rpx;box-sizing:border-box;z-index:999;}
    2. 

  2. .topCol .city{width:20%;font-size:30rpx;color:#fff;text-align:left;position:relative;}
    3. 

  3. .topCol .city text{width:14rpx;height:14rpx;border-left:4rpx solid #fff;border-bottom:4rpx solid #fff;display:inline-block;transform:rotate(-45deg);margin-left:8rpx;position:absolute;top:8rpx;}
    4. 

  4. .topCol .city.navigator-hover{background: none;}
    5. 

  5. .topCol .city .bit{width:30rpx;height:30rpx;}
    6. 

  6. .topCol .searchBox{width:100%;height:60rpx;border-radius:30rpx;background-color:#F1F1F1;display:inline-flex;align-items:center;}
    7. 

  7. .icon-search{font-size:40rpx;margin-left:28rpx;}
    8. 

  8. .icon-search:before{color:#9C9D9D;}
    9. 

  9. .placeholder{color:#9C9D9D;font-size:30rpx;}
    10. 

  10. .searchBox .input{padding-left:20rpx;box-sizing:border-box;color:#9C9D9D;font-size:30rpx;}
    11. 

  11. .content{padding-top: 97rpx;}
    12. 

  12. .swiper{height:450rpx;overflow: hidden;
    13. 

  13.   border-radius: 30rpx;}
    14. 

  14. .slide-image{height: 450rpx; width: 100%; vertical-align: middle; border: 0 none;}
    15. 

  15. 

  16. .grids{display: flex; flex-wrap: wrap;padding: 0 10rpx;}
    17. 

  17. .grids > .grids-item{box-sizing: border-box;}
    18. 

  18. .grids > .grids-item-20{flex-basis:50%;}
    19. 

  19. .grids > .grids-item > .grids-content{position: relative; display: flex; flex-direction: column; box-sizing: border-box; height: 100%;  align-items: center; justify-content: center;}
    20. 

  20. .grids .grids-content > .tips{display: inline-block; height: 25rpx; line-height: 25rpx; text-align: center; min-width: 25rpx; position: absolute; right: 24rpx; top:28rpx; border-radius: 50% 50% 50% 0; color: #fff; font-size: 18rpx;}
    21. 

  21. .grids .grids-content > .grids-img{width: 350rpx; height: 350rpx;margin-bottom: 20rpx; border-radius: 32rpx;margin-top: 20rpx;}
    22. 

  22. .grids .grids-content > .grids-text{color: #3E3A39; font-size: 24rpx; word-wrap: break-word; margin-top: 10rpx;}
    23. 

  23. .hot{background-color: #E03D42;}
    24. 

  24. .new{background-color: #22AC38;}
    25. 

  25. 

  26. .live{padding: 0 20rpx;}
    27. 

  27. .live > image{width: 100%; height: 150rpx; border-radius: 20rpx;}
    28. 

  28. .banner{padding: 20rpx;}
    29. 

  29. .banner > image{width: 100%; height: 150rpx; border-radius: 20rpx;}
    30. 

  30. .screen{width:100%;padding:0 40rpx 0 20rpx;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ededed; border-bottom:10rpx solid #ededed;position:relative;background-color:#fff;}
    31. 

  31. .screenFix{position:fixed;left:0;top:97rpx;z-index:999;}
    32. 

  32. .screen-col{font-size:26rpx;color:#717171;line-height:70rpx;border-bottom:4rpx solid; position: relative; z-index: 1;}
    33. 

  33. .screenCol{border-color:#fff;}
    34. 

  34. .screenCol.line{border-left: 2rpx solid #ededed; padding-left: 20rpx; line-height: 70rpx;}
    35. 

  35. .screenCurrent{border-color:var(--subtitleColor);color:var(--subtitleColor);}
    36. 

  36. .screen .default{color:var(--subtitleColor);}
    37. 

  37. .screen .defaultHid{width:100%;position:absolute;left:0;top:76rpx;z-index:1;background-color:#fff;padding:0 20rpx;box-sizing:border-box;}
    38. 

  38. .default-box{position:fixed; top:-2rpx; left:0; width:100%; height:100%; z-index:0}
    39. 

  39. .defaultHid view{line-height:93rpx;color:#717171;border-bottom:1px solid #ededed;font-size:26rpx;}
    40. 

  40. .defaultHid .defaultCur{color:var(--subtitleColor);}
    41. 

  41. .drop{width:12rpx;height:12rpx;display:inline-block;}
    42. 

  42. .dropUp{transform:rotate(-135deg) translateY(1px) translateX(-4px);border-right:1px solid var(--subtitleColor);border-bottom:1px solid var(--subtitleColor);}
    43. 

  43. .dropDown{transform:rotate(45deg) translateY(-4px);border-right:1px solid #717171;border-bottom:1px solid #717171;}
    44. 

  44. .secondary-bar{margin: 20rpx; height: 88rpx;}
    45. 

  45. .secondary-bar image{width: 100%; height: 100%;}
    46. 

  46. .history-act-img{
    47. 

  47.   background: url('data:image/png;base64,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') no-repeat center;
    48. 

  48.   height: 60rpx;
    49. 

  49.   background-size: 60% auto;
    50. 

  50.   margin: 40rpx 0;
    51. 

  51. }
    52.