<!-- 双节弹出 -->
<!-- <view class="haveBack" wx:if="{{haveimg}}" catchtouchmove></view>
<view class="haveCont"  wx:if="{{haveimg}}" catchtouchmove>
    <image class="haveCont-img" src="https://api.siyuankunlun.com/storage/images/2023/09/26/0a0d13f2ef6abe6275cc06eed53771d8.png" mode="widthFix"></image>
    <image class="haveCont-close" src="/static/icons/closeBig.png" mode="widthFix" bindtap="haveHIde"></image>
</view> -->

<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>