C端小程序
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

80 satır
1.1 KiB

  1. /* .index-slide-view {
  2. position: relative;
  3. width: 750rpx;
  4. height: 258rpx;
  5. overflow: hidden;
  6. margin: 0 auto;
  7. }
  8. .index-slide, swiper-item
  9. .index-slide-image {
  10. display: block;
  11. width: 690rpx;
  12. height: 258rpx;
  13. margin: 0 auto;
  14. border-radius: 16rpx;
  15. overflow: hidden;
  16. position: relative;
  17. }
  18. .dots {
  19. position: absolute;
  20. left: 0;
  21. right: 0;
  22. bottom: 20rpx;
  23. display: flex;
  24. justify-content: center;
  25. }
  26. .dot {
  27. margin: 0 8rpx;
  28. width: 14rpx;
  29. height: 14rpx;
  30. background: #fff;
  31. border-radius: 8rpx;
  32. transition: all 0.6s;
  33. }
  34. .dot.active {
  35. width: 24rpx;
  36. background: #f80;
  37. }
  38. .bannerbg {
  39. width: 100%;
  40. }
  41. .bannerbg image {
  42. display: block;
  43. width: 100%;
  44. } */
  45. .imageContainer{
  46. width: 100%;
  47. height: 304rpx;
  48. }
  49. .itemImg{
  50. position: absolute;
  51. width: 670rpx;
  52. height: 238rpx;
  53. border-radius: 15rpx;
  54. overflow: hidden;
  55. z-index: 5;
  56. opacity: 0.7;
  57. top: 15%;
  58. }
  59. .active{
  60. opacity: 1;
  61. z-index: 10;
  62. width: 670rpx;
  63. height: 304rpx;
  64. top: 7%;
  65. transition:all .2s ease-in 0s;
  66. }
  67. .item{
  68. width: 670rpx!important;
  69. height: 304rpx;
  70. overflow: hidden;
  71. border-radius: 16rpx;
  72. }