C端小程序
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

55 linhas
1.1 KiB

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