Files
sykl-mall/pages/index/index.wxml
2023-07-22 19:01:37 +08:00

165 lines
8.3 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<view class="page-section">
<image class="videoCover" wx:if="{{videoState}}" src="http://cdn.siyuankunlun.com/materials/2022/10/13/cover.png"></image>
<video class="page-swiper" show-fullscreen-btn="{{false}}" show-play-btn="{{false}}" custom-cache="{{false}}" controls="{{false}}" bindloadedmetadata="bindloadedOne" object-fit="fill" loop autoplay picture-in-picture-mode="pop" src="http://cdn.siyuankunlun.com/videos/2022/10/11/5899a6029e623ef523ff67354ee3f698.mp4"></video>
<image class="indexTop" src="/static/icons/indextop.png"></image>
</view>
<view class="drift" style="top: {{BarHeight}}px" wx:if="{{userLogin}}">
<view class="title">
<text>水滴</text>
</view>
<view class="balance">
<image src="/static/icons/waterDrop.png"></image>{{surplus}}
</view>
</view>
<!-- 水视频 -->
<view class="videos" id="video">
<view class="videos-filex-view {{videoFlx ? 'filex' : ''}}">
<image class="videos-cover" wx:if="{{videoFilex}}" src="http://cdn.siyuankunlun.com/images/2022/09/29/10defdd282968b28203e2a9c5b6e7806.png"></image>
<video class="video" bindloadedmetadata="bindloadedTwo" object-fit="cover" custom-cache="{{false}}" loop autoplay picture-in-picture-mode="pop" src="{{videos.path}}"></video>
</view>
</view>
<!-- 锶源昆仑天然饮用水 -->
<view class="other">
<view class="content">
<view class="publicTitle">
<text>water</text>
<view class="lighter">锶源昆仑天然饮用水</view>
<image class="goldenLogo" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/goldenLogo.png"></image>
</view>
<view class="other-swiper">
<swiper previous-margin="{{previousmargin}}" circular centeredSlides="true" next-margin="{{nextmargin}}" bindchange="swiperOther" current="{{otherCurrent}}">
<navigator hover-class="none" url="/pages/mall/buy/index?id={{item.goods_id}}" wx:for="{{goodsArr}}" wx:key="goodsArr">
<swiper-item class="slide-image">
<view class="box">
<image class="{{index == otherCurrent ? ' active' : ''}}" src="{{item.cover}}" mode="aspectFill"></image>
</view>
<view class="otherText">古海冰泉造就不凡</view>
<view class="othertitle">{{item.name}}</view>
<!-- <view class="name">{{item.price.show}}元/箱</view> -->
</swiper-item>
</navigator>
</swiper>
</view>
</view>
</view>
<!-- 用水指南 -->
<view class="other">
<view class="content">
<view class="publicTitle">
<text>guide</text>
<view class="lighter">用水指南</view>
<image class="goldenLogo" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guideLogo.png"></image>
</view>
<view class="guide">
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">temperature</view>
<view class="guide-name">最佳水温饮用</view>
</view>
<view class="guide-text">
<view class="guide-cell">
<text>加热至40-50度</text>
</view>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_01.png"></image>
</view>
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">quantity</view>
<view class="guide-name">最佳饮水量</view>
</view>
<view class="guide-text">
<text>每日饮用4瓶~6瓶</text>
<text>(2000mL-3000ml)</text>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_02.png"></image>
</view>
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">time</view>
<view class="guide-name">最佳饮水时间</view>
</view>
<view class="guide-text">
<text>早7点-9点</text>
<text>午12点-14点</text>
<text>晚18点-21点</text>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_03.png"></image>
</view>
<view class="guide-label">
<view class="guide-top">
<view class="guide-english">special</view>
<view class="guide-name">注意事项</view>
</view>
<view class="guide-text">
<text>不建议冷冻保存</text>
<text>开瓶后24小时内饮用最佳</text>
</view>
<image class="guide-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guide_04.png"></image>
</view>
</view>
</view>
</view>
<!-- 订购热线 -->
<view class="other hotline">
<view class="content">
<view class="hotline-cont">
<image class="hotline-head" mode="aspectFill" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_head.png"></image>
<view class="hotline-text">
<view class="hotline-name">锶源昆仑·线下订购热线</view>
<view class="hotline-tips">Hi需要订水请联系我们~</view>
</view>
<image bindtap="phoneCall" class="hotline-tel" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_tel.png"></image>
</view>
</view>
</view>
<!-- 锶源昆仑·记忆 -->
<view class="article" wx:if="{{datas.length > 0}}">
<view class="publicTitle">
<text>memory</text>
<view class="lighter">锶源昆仑·记忆<image class="article-more" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_more.png" bindtap="tapMore" data-type="{{categories.memory}}"></image>
</view>
</view>
<view class="memory">
<view class="clearfix teachers_b">
<view class="slide" id="slide">
<block wx:for="{{datas}}" wx:key="datas">
<navigator bindtouchstart='moveStart' bindtouchend='moveItem' hover-class="none" class="memoryLable" url="/pages/article/info/info?id={{item.id}}&type=memory" animation="{{item.animation}}" style="z-index: {{item.zIndex}};" data-index="{{index}}">
<image class="memory-img" src="{{item.image}}"></image>
<view class="memory-cont">
<view class="memory-title">
<view class="nowrap memory-name">{{item.title}}</view>
<view class="memory-go">GO ></view>
</view>
<view class="nowrap memory-text">{{item.description}}</view>
</view>
</navigator>
</block>
</view>
</view>
</view>
</view>
<!-- 健康百科 -->
<view class="article" wx:if="{{healthsArr.length > 0}}">
<view class="publicTitle">
<text>Health</text>
<view class="lighter">锶源昆仑·健康百科<image class="article-more" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_more.png" bindtap="tapMore" data-type="{{categories.health}}"></image>
</view>
</view>
<view class="wiki">
<navigator hover-class="none" url="/pages/article/info/info?id={{item.article_id}}&type=wiki" class="wiki-label" wx:for="{{healthsArr}}" wx:key="healthsArr" wx:if="{{index < 3}}">
<image class="wiki-label-img" mode="aspectFill" src="{{item.cover}}"></image>
<view class="wiki-label-cont">
<view class="nowrap wiki-label-name"><text>Health</text> | {{item.title}}</view>
<view class="nowrap-multi wiki-label-text">{{item.description ? item.description : '源自万山之祖昆仑山脉,绵延华夏龙之 脉中川流的“圣血”'}}</view>
</view>
</navigator>
</view>
</view>