init
This commit is contained in:
@@ -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>
|
||||
@@ -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;
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
<view class="diy-search-box col-f ts-3">
|
||||
<view class="dis-flex">
|
||||
<view class="diy-search flex-box angle-{{item.style.searchStyle}} text-{{item.style.textAlign}}">
|
||||
<navigator class="cont" hoverClass="none" openType="navigate" url="../search/index">
|
||||
<text class="iconfont icon-sousuo f-30"></text>
|
||||
<text class="f-28">{{item.params.placeholder}}</text>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,43 @@
|
||||
.diy-search-box {
|
||||
background: #f1f1f2;
|
||||
padding: 10px 24rpx;
|
||||
position: unset;
|
||||
}
|
||||
|
||||
.diy-search-box .diy-search {
|
||||
background: #fff;
|
||||
border-bottom: 0;
|
||||
border-radius: unset;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
line-height: 60rpx;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
padding: 0 10px;
|
||||
position: relative;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.diy-search-box .diy-search .cont .icon-sousuo {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.diy-search-box text {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.diy-search-box .diy-search.angle-radius {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.diy-search-box .diy-search.angle-round {
|
||||
border-radius: 80rpx;
|
||||
}
|
||||
|
||||
.diy-search-box .diy-search.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.diy-search-box .diy-search.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
Reference in New Issue
Block a user