init

wx214944c362629fc7/pages/index_back/components/banner/banner.wxml

@@ -0,0 +1,9 @@
+<view class="diy-banner">
+    <swiper autoplay="{{autoplay}}" bindchange="bindChange" circular="{{true}}" class="banner-box swiper-box dot-{{item.style.btnShape}}" data-item-key="{{item_key}}" duration="{{duration}}" indicatorActiveColor="#000" indicatorColor="{{item.style.btnColor}}" indicatorDots="{{indicatorDots}}" interval="{{interval}}" style="height:{{imgHeights[item_key][ imgCurrent[item_key] ]}}rpx">
+        <navigator hoverClass="none" url="/{{banner.linkUrl}}" wx:for="{{item.data}}" wx:for-item="banner" wx:key="this">
+            <swiper-item itemId="{{index}}">
+                <image bindload="imagesHeight" class="slide-image" data-id="{{index}}" data-item-key="{{item_key}}" src="{{banner.imgUrl}}"></image>
+            </swiper-item>
+        </navigator>
+    </swiper>
+</view>

wx214944c362629fc7/pages/index_back/components/banner/banner.wxss

@@ -0,0 +1,32 @@
+.diy-banner {
+    position: relative;
+}
+
+.diy-banner .linear {
+    background: linear-gradient(#111,transparent);
+    height: 3.4rem;
+    left: 0;
+    opacity: .6;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: 9;
+}
+
+.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal {
+    margin-bottom: 2rpx;
+}
+
+.swiper-box .wx-swiper-dot {
+    height: 20rpx;
+    width: 20rpx;
+}
+
+.swiper-box.dot-rectangle .wx-swiper-dot {
+    border-radius: unset;
+    width: 30rpx;
+}
+
+.swiper-box.dot-square .wx-swiper-dot {
+    border-radius: unset;
+}