C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

52 line
1.0 KiB

  1. .index-slide-view{
  2. position: relative;
  3. width: 750rpx;
  4. height: 300rpx;
  5. overflow: hidden;
  6. margin:0 auto;
  7. /* border-radius:16rpx; */
  8. /* box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); */
  9. }
  10. .index-slide,
  11. swiper-item
  12. .index-slide-image {
  13. display: block;
  14. width: 690rpx;
  15. height: 300rpx;
  16. margin: 0 auto;
  17. border-radius:16rpx;
  18. /* border-radius:16rpx; */
  19. overflow: hidden;
  20. position: relative;
  21. }
  22. .index-slide-view .dots{
  23. position: absolute;
  24. left: 0;
  25. right: 0;
  26. bottom: 20rpx;
  27. display: flex;
  28. justify-content: center;
  29. }
  30. .index-slide-view .dots .dot{
  31. margin: 0 8rpx;
  32. width: 12rpx;
  33. height: 12rpx;
  34. background: #b6b6b7;
  35. border-radius: 50%;
  36. transition: all .6s;
  37. }
  38. .index-slide-view .dots .dot.active{
  39. background: #02C0FF;
  40. width: 30rpx;
  41. height: 12rpx;
  42. border-radius:10rpx;
  43. opacity: 1;
  44. }
  45. .bannerbg{
  46. width: 100%;
  47. }
  48. .bannerbg image{
  49. display: block;
  50. width: 100%;
  51. }