123 lines
7.1 KiB
Plaintext
123 lines
7.1 KiB
Plaintext
<view class="navigation {{isFixedTop > 50 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
|
|
<image class="navigation-arrow" src="https://api.siyuankunlun.com/storage/images/2023/11/15/54dcd352eff2d8ad1f985a8374df09cd.png" mode="widthFix"></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="pageWrite" wx:if="{{isFixedTop > 800}}"></view>
|
|
|
|
<view class="layout">
|
|
<!-- 商品 -->
|
|
<view class="goods" wx:if="{{goodsArr.length > 0}}">
|
|
<image class="goodsBack" src="https://api.siyuankunlun.com/storage/images/2023/11/13/4834ef56bbfe2f6802d90ab8bbfcc17b.jpg" mode="widthFix"></image>
|
|
<view class="goodsCont">
|
|
<view class="goodsCont-title">
|
|
<view class="goodsCont-title-word">siyuankunlun</view>
|
|
<view class="goodsCont-title-text">古海冰泉<text>造就不凡</text></view>
|
|
</view>
|
|
<navigator class="goodsCont-product" wx:for="{{goodsArr}}" wx:key="goodsArr" hover-class="none" url="/pages/mall/buy/index?id={{item.goods_id}}">
|
|
<image class="goodsCont-product-img" src="https://api.siyuankunlun.com/storage/images/2023/11/13/16ea3d4adfd3f9f067541628a6cfd240.png" mode="widthFix"></image>
|
|
<view class="goodsCont-product-title">
|
|
<view class="nowrap goodsCont-product-name">{{item.name}}</view>
|
|
<view class="nowrap goodsCont-product-tips">市场统一指导价</view>
|
|
<view class="goodsCont-product-price">￥<text>{{item.price.show}}</text></view>
|
|
<view class="goodsCont-product-btn">立即抢购</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 健康饮水指南 -->
|
|
<view class="other">
|
|
<view class="goodsCont-title">
|
|
<view class="goodsCont-title-word">Health guide</view>
|
|
<view class="goodsCont-title-text">健康饮水指南</view>
|
|
</view>
|
|
<view class="guide">
|
|
<view class="guide-label">
|
|
<view class="guide-top">水温饮用最佳效果</view>
|
|
<view class="guide-text">
|
|
<view class="guide-cell">
|
|
<text>40-50度</text>
|
|
</view>
|
|
</view>
|
|
<image class="guide-icon" src="https://api.siyuankunlun.com/storage/images/2023/11/13/0a7d6a36108d5774bd75f06188dadc6e.png"></image>
|
|
</view>
|
|
<view class="guide-label">
|
|
<view class="guide-top">每日最佳用水数量</view>
|
|
<view class="guide-text">
|
|
<text>4瓶-6瓶</text>
|
|
<text>(2000毫升-3000毫升)</text>
|
|
</view>
|
|
<image class="guide-icon" src="https://api.siyuankunlun.com/storage/images/2023/11/13/bf9765f82806e47249cf2d9c2305782c.png"></image>
|
|
</view>
|
|
<view class="guide-label">
|
|
<view class="guide-top">每日最佳用水时间</view>
|
|
<view class="guide-text">
|
|
<text>早间 7点-9点</text>
|
|
<text>午间 12点-14点</text>
|
|
<text>晚间 18点-21点</text>
|
|
</view>
|
|
<image class="guide-icon" src="https://api.siyuankunlun.com/storage/images/2023/11/13/7483be8398048e1491fd941b0f695c45.png"></image>
|
|
</view>
|
|
<view class="guide-label">
|
|
<view class="guide-top">用水特别注意事项</view>
|
|
<view class="guide-text">
|
|
<text>禁用泡茶</text>
|
|
<text>开瓶后48小时内需饮用</text>
|
|
</view>
|
|
<image class="guide-icon" src="https://api.siyuankunlun.com/storage/images/2023/11/13/58980c186077cd39b96f7bb4024aa4fa.png"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 健康百科 -->
|
|
<view class="sciences">
|
|
<view class="goodsCont-title" bindtap="tapMore" data-type="{{categories.health}}">
|
|
<view class="goodsCont-title-word">all sciences</view>
|
|
<view class="goodsCont-title-text">健康百科<image class="article-more" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/hotline_more.png"></image></view>
|
|
</view>
|
|
<view class="list">
|
|
<navigator hover-class="none" url="/pages/article/info/info?id={{item.article_id}}&type=wiki" class="item" wx:for="{{healthsArr}}" wx:key="healthsArr">
|
|
<view class="itemCont">
|
|
<view class="itemCont-tips">{{item.sub_title}}</view>
|
|
<view class="nowrap itemCont-name">{{item.title}}</view>
|
|
</view>
|
|
<image class="itemImg" src="{{item.cover}}" mode="aspectFill"></image>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 视频 -->
|
|
<view class="brief">
|
|
<image class="briefImg" src="https://api.siyuankunlun.com/storage/images/2023/11/13/f113410acf6d4b37fd82f63b8c9ec2b4.jpg" mode="widthFix"></image>
|
|
<view class="briefCont">
|
|
<view class="briefCont-title">
|
|
<view class="briefCont-title-word">— The miracle of nature —</view>
|
|
<view class="briefCont-title-name">都兰圣地 源水活取</view>
|
|
<view class="briefCont-title-text">由昆仑山远古冰川和柴达木远古深海自然涌出</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>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 梵呗弹框 -->
|
|
<view class="checkEject {{showActivity ? 'active' : ''}}" catchtouchmove='true'></view>
|
|
<view class="checkCont {{showActivity ? 'active' : ''}}" catchtouchmove='true'>
|
|
<image class="checkCont-img" src="https://api.siyuankunlun.com/storage/images/2024/01/26/6b0a7fb4f50648bc9bd1a9a2ffcdcb33.png" mode="widthFix" bindtap="checkWx"></image>
|
|
<image src="/static/icons/closeBig.png" class="checkCont-close" bindtap="checkTap" mode="widthFix"></image>
|
|
</view>
|
|
|
|
<!-- 气泡 -->
|
|
<image src="https://api.siyuankunlun.com/storage/images/2024/01/26/d14bc268c048b933b72a3868785c20de.png" class="bubble" bindtap="bubbleTap" mode="widthFix" wx:if="{{checkBubble}}"></image> |