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.

84 lines
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: 640rpx;
  52. height: 248rpx;
  53. border-radius: 15rpx;
  54. overflow: hidden;
  55. z-index: 5;
  56. opacity: 0.7;
  57. top: 15%;
  58. margin: 0 20rpx;
  59. }
  60. .active{
  61. opacity: 1;
  62. z-index: 10;
  63. width: 640rpx;
  64. height: 270rpx;
  65. top: 11%;
  66. transition:all .2s ease-in 0s;
  67. }
  68. .item{
  69. width: 100%;
  70. height: 304rpx;
  71. overflow: hidden;
  72. border-radius: 16rpx;
  73. }
  74. .index-slide-view{
  75. margin-top: -30rpx;
  76. }