index.wxss 1.6 KB

123456789101112131415161718192021
  1. page{background-color:#fff!important;}
  2. .newsList .swiper{width:100%;position:relative;box-sizing:border-box;padding:0 30rpx;}
  3. .newsList .swiper swiper{width:100%;height:365rpx;position:relative;}
  4. .newsList .swiper .slide-image{width:100%;height:330rpx;border-radius:6rpx;}
  5. .newsList .swiper .wx-swiper-dot{width:12rpx;height:12rpx;border-radius:0;transform: rotate(-45deg);transform-origin: 0 100%;}
  6. .newsList .swiper .wx-swiper-dot~.wx-swiper-dot{margin-left:5rpx;}
  7. .newsList .swiper .wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:-20rpx;}
  8. .newsList .nav{padding:0 30rpx;width:100%;white-space:nowrap;box-sizing:border-box;margin-top:43rpx;}
  9. .newsList .nav .item{display:inline-block;font-size:32rpx;color:#999;}
  10. .newsList .nav .item.on{color:#282828;}
  11. .newsList .nav .item~.item{margin-left:46rpx;}
  12. .newsList .nav .item .line{width:24rpx;height:4rpx;border-radius:2rpx;margin:10rpx auto 0 auto;}
  13. .newsList .list .item{margin:0 30rpx;border-bottom:1rpx solid #f0f0f0;padding:35rpx 0;}
  14. .newsList .list .item .pictrue{width:250rpx;height:156rpx;}
  15. .newsList .list .item .pictrue image{width:100%;height:100%;border-radius:6rpx;}
  16. .newsList .list .item .text{width:420rpx;height:156rpx;font-size:24rpx;color:#999;}
  17. .newsList .list .item .text .name{font-size:30rpx;color:#282828;}
  18. .newsList .list .item .picList .pictrue{width:335rpx;height:210rpx;margin-top:30rpx;}
  19. .newsList .list .item .picList.on .pictrue{width:217rpx;height:136rpx;}
  20. .newsList .list .item .picList .pictrue image{width:100%;height:100%;border-radius:6rpx;}
  21. .newsList .list .item .time{text-align:right;font-size:24rpx;color:#999;margin-top:22rpx;}