|
|
<!--pages/home/home.wxml-->
|
|
|
<image src="/images/homeBj.png" class="topImage" mode="aspectFill"></image>
|
|
|
<view class="pageTitle1 "></view>
|
|
|
<view class="pageTitle">世纪华联</view>
|
|
|
<view class="topBj">
|
|
|
<view class="pageTitle1"></view>
|
|
|
<view class="pageTitle">世纪华联</view>
|
|
|
</view>
|
|
|
<view class="contenter">
|
|
|
<!-- 搜索框 -->
|
|
|
<view class="searchBox">
|
...
|
...
|
@@ -11,176 +13,176 @@ |
|
|
<input placeholder='搜索' placeholder-class="placeholder" disabled />
|
|
|
</view>
|
|
|
</view> -->
|
|
|
<van-search value="{{ value }}" shape="round" background='linear-gradient(137deg,#5b8eff, #2e55ff 92%)'
|
|
|
<van-search value="{{ value }}" shape="round" background='rgba(0,0,0,0)'
|
|
|
placeholder="搜索" bind:focus="goSearch" />
|
|
|
</view>
|
|
|
<!-- 轮播图 -->
|
|
|
<view class="inner">
|
|
|
<view style="margin-top:24rpx">
|
|
|
<swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
|
|
|
<block wx:for="{{swiperArray}}" wx:for-index="idx">
|
|
|
<swiper-item bindtap="goBannnerDetail" data-url="{{item.url}}" data-index="{{index}}">
|
|
|
<image src="{{item.img}}" class="slideImage" mode="aspectFill"></image>
|
|
|
</swiper-item>
|
|
|
</block>
|
|
|
</swiper>
|
|
|
</view>
|
|
|
<!-- 分类 -->
|
|
|
<view class="{{countDownShow?'classify':'classify1'}}">
|
|
|
<scroll-view class='wrapper1' scroll-x="true">
|
|
|
<view wx:for="{{classifyArray}}" class="classifyItem" bindtap="classifyEvent" data-id="{{item.categoryId}}"
|
|
|
data-index="{{index}}">
|
|
|
<view class="classifyPic">
|
|
|
<image src="{{item.icon}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="classifyText">{{item.categoryName}}</view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
<!-- 限时优惠 -->
|
|
|
<view style="width:100%;padding-top:30rpx;background: #f1f2f4;">
|
|
|
<view class="dayDiscount" wx:if="{{limitCountShow}}" wx:if="{{countDownShow}}">
|
|
|
<view class="discountTitle">
|
|
|
<view class="limitCount">{{limitCount}}</view>
|
|
|
<!-- 倒计时 -->
|
|
|
<view class="countTime">
|
|
|
<view class="textss">{{hour}}</view>
|
|
|
<view class="maohao">:</view>
|
|
|
<view class="textss">{{minute}}</view>
|
|
|
<view class="maohao">:</view>
|
|
|
<view class="textss">{{second}}</view>
|
|
|
</view>
|
|
|
<view class="moreCount" bindtap="moreCount">{{moreCount}}</view>
|
|
|
<view class="arrow" bindtap="moreCount"></view>
|
|
|
<view style="margin-top:24rpx">
|
|
|
<swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
|
|
|
<block wx:for="{{swiperArray}}" wx:for-index="idx">
|
|
|
<swiper-item bindtap="goBannnerDetail" data-url="{{item.url}}" data-index="{{index}}">
|
|
|
<image src="{{item.img}}" class="slideImage" mode="aspectFill"></image>
|
|
|
</swiper-item>
|
|
|
</block>
|
|
|
</swiper>
|
|
|
</view>
|
|
|
<!-- <view class="discountContent"> -->
|
|
|
<scroll-view class='wrapper' scroll-x="true">
|
|
|
<view class="contentItem" wx:for="{{discountArray}}">
|
|
|
<view class="countPic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="countText">{{item.goodsName}}</view>
|
|
|
<view class="countPrice">
|
|
|
<text class="moneyIcon">¥</text>
|
|
|
<text class="moneyNum">{{item.goodsPrice}}</text>
|
|
|
</view>
|
|
|
<view class="countNum">
|
|
|
<view class="num">还剩{{item.goodsStock}}件</view>
|
|
|
<view class="icon" bindtap="addCart" data-id="{{item.defaultSku}}" data-type="{{item.type}}">
|
|
|
<image src="/images/01-01/cart.png" mode="aspectFill"></image>
|
|
|
<!-- 分类 -->
|
|
|
<view class="{{countDownShow?'classify':'classify1'}}">
|
|
|
<scroll-view class='wrapper1' scroll-x="true">
|
|
|
<view wx:for="{{classifyArray}}" class="classifyItem" bindtap="classifyEvent" data-id="{{item.categoryId}}"
|
|
|
data-index="{{index}}">
|
|
|
<view class="classifyPic">
|
|
|
<image src="{{item.icon}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="classifyText">{{item.categoryName}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
<!-- </view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 每日特价 -->
|
|
|
<view style="width:100%;padding-top:30rpx;background: #f1f2f4;">
|
|
|
<view class="dayPriceContent">
|
|
|
<view class="dayPrice" wx:if="{{dayPicArray.length!==0}}">
|
|
|
<view class="dayPriceTitle">
|
|
|
<view class="dayPriceText">{{dayPrice}}</view>
|
|
|
<view class="dayPriceTime">
|
|
|
<van-count-down use-slot time="{{ times }}" bind:change="onChange2">
|
|
|
<text class="item">{{timeDatas.hours<10?'0'+timeDatas.hours:timeDatas.hours }}</text>
|
|
|
<text style="color:#FF593C">:</text>
|
|
|
<text class="item">{{ timeDatas.minutes<10?'0'+timeDatas.minutes:timeDatas.minutes }}</text>
|
|
|
<text style="color:#FF593C">:</text>
|
|
|
<text class="item">{{timeDatas.seconds<10?'0'+timeDatas.seconds:timeDatas.seconds}}</text>
|
|
|
</van-count-down>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
<!-- 限时优惠 -->
|
|
|
<view style="width:100%;padding-top:30rpx;background: #f1f2f4;">
|
|
|
<view class="dayDiscount" wx:if="{{limitCountShow}}" wx:if="{{countDownShow}}">
|
|
|
<view class="discountTitle">
|
|
|
<view class="limitCount">{{limitCount}}</view>
|
|
|
<!-- 倒计时 -->
|
|
|
<view class="countTime">
|
|
|
<view class="textss">{{hour}}</view>
|
|
|
<view class="maohao">:</view>
|
|
|
<view class="textss">{{minute}}</view>
|
|
|
<view class="maohao">:</view>
|
|
|
<view class="textss">{{second}}</view>
|
|
|
</view>
|
|
|
<view class="moreCount" bindtap="moreCount">{{moreCount}}</view>
|
|
|
<view class="arrow" bindtap="moreCount"></view>
|
|
|
</view>
|
|
|
<view class="morePrice" bindtap="morePrice">{{morePrice}}</view>
|
|
|
<view class="arrow" bindtap="morePrice"></view>
|
|
|
</view>
|
|
|
<view class="dayPricePicMain">
|
|
|
<!-- <view class="discountContent"> -->
|
|
|
<scroll-view class='wrapper' scroll-x="true">
|
|
|
<view wx:for="{{dayPicArray}}" class="dayPricePic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
<view class="contentItem" wx:for="{{discountArray}}">
|
|
|
<view class="countPic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="countText">{{item.goodsName}}</view>
|
|
|
<view class="countPrice">
|
|
|
<text class="moneyIcon">¥</text>
|
|
|
<text class="moneyNum">{{item.goodsPrice}}</text>
|
|
|
</view>
|
|
|
<view class="countNum">
|
|
|
<view class="num">还剩{{item.goodsStock}}件</view>
|
|
|
<view class="icon" bindtap="addCart" data-id="{{item.defaultSku}}" data-type="{{item.type}}">
|
|
|
<image src="/images/01-01/cart.png" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
<!-- </view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="mainly">
|
|
|
<view class="dayPriceTitle" style="display: flex;justify-content: space-between;">
|
|
|
<view>
|
|
|
<view class="dayPriceText">{{nameData.name}}</view>
|
|
|
<view class="mainlyTitle">{{nameData.label}}</view>
|
|
|
</view>
|
|
|
<view style="display: flex; align-items: center;">
|
|
|
<view bindtap="moreMainly" class="moreMainly">查看更多</view>
|
|
|
<view class="arrow" bindtap="moreMainly">
|
|
|
<image src="/images/01-03/icon_more@2x.png"></image>
|
|
|
<!-- 每日特价 -->
|
|
|
<view style="width:100%;padding-top:30rpx;background: #f1f2f4;">
|
|
|
<view class="dayPriceContent">
|
|
|
<view class="dayPrice" wx:if="{{dayPicArray.length!==0}}">
|
|
|
<view class="dayPriceTitle">
|
|
|
<view class="dayPriceText">{{dayPrice}}</view>
|
|
|
<view class="dayPriceTime">
|
|
|
<van-count-down use-slot time="{{ times }}" bind:change="onChange2">
|
|
|
<text class="item">{{timeDatas.hours<10?'0'+timeDatas.hours:timeDatas.hours }}</text>
|
|
|
<text style="color:#FF593C">:</text>
|
|
|
<text class="item">{{ timeDatas.minutes<10?'0'+timeDatas.minutes:timeDatas.minutes }}</text>
|
|
|
<text style="color:#FF593C">:</text>
|
|
|
<text class="item">{{timeDatas.seconds<10?'0'+timeDatas.seconds:timeDatas.seconds}}</text>
|
|
|
</van-count-down>
|
|
|
</view>
|
|
|
<view class="morePrice" bindtap="morePrice">{{morePrice}}</view>
|
|
|
<view class="arrow" bindtap="morePrice"></view>
|
|
|
</view>
|
|
|
<view class="dayPricePicMain">
|
|
|
<scroll-view class='wrapper' scroll-x="true">
|
|
|
<view wx:for="{{dayPicArray}}" class="dayPricePic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="dayPricePicMain">
|
|
|
<scroll-view class='wrapper' scroll-x="true">
|
|
|
<view wx:for="{{marilyArray}}" class="dayPricePic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
<view class="mainly">
|
|
|
<view class="dayPriceTitle" style="display: flex;justify-content: space-between;">
|
|
|
<view>
|
|
|
<view class="dayPriceText">{{nameData.name}}</view>
|
|
|
<view class="mainlyTitle">{{nameData.label}}</view>
|
|
|
</view>
|
|
|
<view style="display: flex; align-items: center;">
|
|
|
<view bindtap="moreMainly" class="moreMainly">查看更多</view>
|
|
|
<view class="arrow" bindtap="moreMainly">
|
|
|
<image src="/images/01-03/icon_more@2x.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
<view class="dayPricePicMain">
|
|
|
<scroll-view class='wrapper' scroll-x="true">
|
|
|
<view wx:for="{{marilyArray}}" class="dayPricePic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 每日精选 -->
|
|
|
<van-tabs active="{{0}}" bind:change="onChange">
|
|
|
<van-tab title="{{item.categoryName}}" wx:for="{{pickArray}}">
|
|
|
<view class="pickContainer">
|
|
|
<view class="pickContent">
|
|
|
<view class="pickItem" wx:for="{{pickList}}" data-id="{{item.goodsId}}" bindtap="goGoodsDetail">
|
|
|
<view class="pickPic">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="pickTitle">{{item.goodsName}}</view>
|
|
|
<view class="pickDesc">{{item.goodsAttributes}}</view>
|
|
|
<view class="userInfo">
|
|
|
<view class="collectIcon">
|
|
|
<!-- <image src="{{item.collectIcon}}"></image> -->
|
|
|
<view style="display:inline-block">
|
|
|
<text class="moneyIcon">¥</text>
|
|
|
<text class="moneyNum">{{item.goodsPrice}}</text></view>
|
|
|
<!-- 每日精选 -->
|
|
|
<van-tabs active="{{0}}" bind:change="onChange" id="tabs">
|
|
|
<van-tab title="{{item.categoryName}}" wx:for="{{pickArray}}">
|
|
|
<view class="pickContainer">
|
|
|
<view class="pickContent">
|
|
|
<view class="pickItem" wx:for="{{pickList}}" data-id="{{item.goodsId}}" bindtap="goGoodsDetail">
|
|
|
<view class="pickPic">
|
|
|
<image src="{{item.goodsImg}}" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="pickTitle">{{item.goodsName}}</view>
|
|
|
<view class="pickDesc">{{item.goodsAttributes}}</view>
|
|
|
<view class="userInfo">
|
|
|
<view class="collectIcon">
|
|
|
<!-- <image src="{{item.collectIcon}}"></image> -->
|
|
|
<view style="display:inline-block">
|
|
|
<text class="moneyIcon">¥</text>
|
|
|
<text class="moneyNum">{{item.goodsPrice}}</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
<!-- 优惠券弹出层 -->
|
|
|
<van-cell title="展示弹出层" is-link bind:click="showPopup"></van-cell>
|
|
|
<van-popup show="{{show}}" bind:close="onClose">
|
|
|
<view class="popupBox">
|
|
|
<view class="delIcon" bindtap="onClose">
|
|
|
<image src="/images/icon_close@2x.png" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="popupPic">
|
|
|
<image src="/images/popup.png" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view>
|
|
|
<view class="popupText"> 实名优惠活动券</view>
|
|
|
<view class="discountBox">
|
|
|
<view class="popupImg" wx:for="{{discountCartArray}}" wx:if="{{item.status}}">
|
|
|
<view class="left"></view>
|
|
|
<view class="right"></view>
|
|
|
<view class="popupNamePic">{{item.name}}</view>
|
|
|
<view class="popupPriceBox">
|
|
|
<view class="popupIcon">¥</view>
|
|
|
<view class="popupPrice">{{item.amount}}</view>
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
<!-- 优惠券弹出层 -->
|
|
|
<van-cell title="展示弹出层" is-link bind:click="showPopup"></van-cell>
|
|
|
<van-popup show="{{show}}" bind:close="onClose">
|
|
|
<view class="popupBox">
|
|
|
<view class="delIcon" bindtap="onClose">
|
|
|
<image src="/images/icon_close@2x.png" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="popupPic">
|
|
|
<image src="/images/popup.png" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view>
|
|
|
<view class="popupText"> 实名优惠活动券</view>
|
|
|
<view class="discountBox">
|
|
|
<view class="popupImg" wx:for="{{discountCartArray}}" wx:if="{{item.status}}">
|
|
|
<view class="left"></view>
|
|
|
<view class="right"></view>
|
|
|
<view class="popupNamePic">{{item.name}}</view>
|
|
|
<view class="popupPriceBox">
|
|
|
<view class="popupIcon">¥</view>
|
|
|
<view class="popupPrice">{{item.amount}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="popupBtn" bindtap="getDiscountCart">立即领取</view>
|
|
|
</view>
|
|
|
<view class="popupBtn" bindtap="getDiscountCart">立即领取</view>
|
|
|
</view>
|
|
|
</van-popup>
|
|
|
<view class="bottomHint" wx:if="{{bottomHint}}">
|
|
|
我是有底线的~
|
|
|
</view>
|
|
|
</van-popup>
|
|
|
<view class="bottomHint" wx:if="{{bottomHint}}">
|
|
|
我是有底线的~
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- tabbar -->
|
|
|
<!-- <view class="tabbarBox" >
|
...
|
...
|
|