topSwiper.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .carousel {
  12. height: 520rpx;
  13. position: relative;
  14. }
  15. .carousel swiper {
  16. height: 100%;
  17. }
  18. .carousel .image-wrapper {
  19. width: 100%;
  20. height: 100%;
  21. }
  22. .carousel .swiper-item {
  23. display: -webkit-box;
  24. display: -webkit-flex;
  25. display: flex;
  26. -webkit-box-pack: center;
  27. -webkit-justify-content: center;
  28. justify-content: center;
  29. -webkit-align-content: center;
  30. align-content: center;
  31. height: 700rpx;
  32. overflow: hidden;
  33. }
  34. .carousel .swiper-item image {
  35. width: 100%;
  36. height: 100%;
  37. }
  38. .swiper-dots {
  39. position: absolute;
  40. bottom: 30rpx;
  41. right: 26rpx;
  42. color: red;
  43. background-color: red;
  44. z-index: 99;
  45. width: 88rpx;
  46. height: 42rpx;
  47. background: #000000;
  48. opacity: 0.5;
  49. border-radius: 21rpx;
  50. font-size: 28rpx;
  51. font-family: PingFang SC;
  52. font-weight: 500;
  53. color: #FFFFFF;
  54. line-height: 42rpx;
  55. text-align: center;
  56. }