bbnv1
/
test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

lazy-load

master
jiazhipeng 7 months ago
parent
b6ac79af88
commit
3b07021b16
4 changed files with 47 additions and 47 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 54
      pages/info/postProductInfo/index.wxml
  2. 34
      pages/info/sceneProductInfo/index.wxml
  3. 2
      project.private.config.json
  4. 4
      utils/https.js

54
pages/info/postProductInfo/index.wxml
View File

@ -2,7 +2,7 @@
<wxs src="../../../utils/filter.wxs" module="tool" />
<title title="产品详情"></title>
<view class="share-icon" bindtap="share"></view>
<image wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image>
<image lazy-load wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image>
<view style="position: relative;">
<swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}" current="{{swiperCurrent}}"
interval="{{2000}}" duration="{{300}}" bindchange="swiperChange">
@ -11,17 +11,17 @@
<video bindplay="playVideo" src="{{info.videourl}}" autoplay="{{true}}" muted="{{true}}"
show-mute-btn="{{true}}" show-background-playback-button="{{false}}"
show-progress="{{false}}" ></video>
<!-- <image src="{{info.headimg}}" mode="aspectFill"></image> -->
<!-- <image lazy-load src="{{info.headimg}}" mode="aspectFill"></image> -->
</swiper-item>
</block>
<block wx:for="{{info.listimg}}" wx:key="*this">
<swiper-item>
<image src="{{item}}" mode="aspectFill"></image>
<image lazy-load src="{{item}}" mode="aspectFill"></image>
</swiper-item>
</block>
<block wx:for="{{info.sku}}" wx:key="*this">
<swiper-item style="position: relative;">
<image src="{{item.headimg}}" mode="aspectFill"></image>
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image>
<view class="sku-tips ">
<view class="textOver">{{item.sku_name}}</view>
</view>
@ -56,11 +56,11 @@
</view>
<view style="padding: 20rpx 20rpx 20rpx 26rpx;">
<view class="select-img">
<image class="{{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}"
<image lazy-load class="{{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}"
style="flex-shrink: 0;" src="{{info.headimg}}" bind:tap="changeSwiperCurrent" data-index="{{0}}"></image>
<text style="flex-shrink: 0;" class="select-img-text">款式选择</text>
<view class="other-imgs no-scrollbar">
<image wx:for="{{info.sku}}" wx:key="index" bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.max+1+index}}"
<image lazy-load wx:for="{{info.sku}}" wx:key="index" bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.max+1+index}}"
class="{{swiperCurrent==swiperRange.picture.max+1+index?'active':''}}"
src="{{item.headimg}}"></image>
</view>
@ -76,7 +76,7 @@
<view class="other-info-box" wx:if="{{info.is_package!=1}}">
<view class="other-info-item" style="align-items: flex-start;"bindtap="changeSimpleVal"
data-keyname="otherInfoShow" data-val="{{1}}" wx:if="{{info.shipment_tag}}">
<image style="margin-top: 6rpx;" src="https://static.ticket.sz-trip.com/uploads/20250826/c520e7e453443bfe19e27ea0e44e6b22.png"></image>
<image lazy-load style="margin-top: 6rpx;" src="https://static.ticket.sz-trip.com/uploads/20250826/c520e7e453443bfe19e27ea0e44e6b22.png"></image>
<view class="other-content" >
<view class="textOver" style="color: #0B898E;">{{info.shipment_tag_arr[0]}}</view>
<view class="textOver" style="padding-top: 10rpx;">{{info.shipment_tag_str}}</view>
@ -85,13 +85,13 @@
</view>
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{2}}"
wx:if="{{info.service_tag_str}}">
<image src="https://static.ticket.sz-trip.com/uploads/20250826/30fc41c747c0126edd396ef92ff7ef62.png"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250826/30fc41c747c0126edd396ef92ff7ef62.png"></image>
<view class="other-content textOver">{{info.service_tag_str}}</view>
<view class="view-arrow">></view>
</view>
<view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{3}}"
wx:if="{{info.parameter_tag_str}}">
<image src="https://static.ticket.sz-trip.com/uploads/20250826/049b31024ee73e76f9612e8d8141bd66.png"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250826/049b31024ee73e76f9612e8d8141bd66.png"></image>
<view class="other-content textOver">{{info.parameter_tag_str}}</view>
<view class="view-arrow">></view>
</view>
@ -126,7 +126,7 @@
</view>
<view style="text-align: center;">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/wineScene/navigation.png"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/wineScene/navigation.png"></image>
<view style="padding-top: 14rpx;">去这里</view>
</view>
</view>
@ -153,8 +153,8 @@
<view style="width: 100%;padding: 0 26rpx;box-sizing: border-box;">
<navigator wx:for="{{comment}}" wx:key="index" wx:for-index="index" url="/pages/list/comments/index?productid={{id}}&&index={{index}}" class="product-comment">
<view class="product-comment-top">
<image class="avator-img" src="{{item.user.avatar}}" mode="aspectFill"></image>
<!-- <image class="avator-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/commentUser.png" mode="aspectFill"></image> -->
<image lazy-load class="avator-img" src="{{item.user.avatar}}" mode="aspectFill"></image>
<!-- <image lazy-load class="avator-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/commentUser.png" mode="aspectFill"></image> -->
<view class="comment-container">
<view class="comment-info">
<view class="nickname" style="padding-right:20rpx ;">{{item.nickname}}</view>
@ -164,9 +164,9 @@
<view class="comment-content textOver2">{{item.content}}</view>
</view>
<view class="img-box" wx:if="{{item.img_list.length>0}}">
<image class="imgs" data-item="{{item}}" mode="aspectFill" src="{{item.img_list[0]}}" catch:tap="viewImg"></image>
<image lazy-load class="imgs" data-item="{{item}}" mode="aspectFill" src="{{item.img_list[0]}}" catch:tap="viewImg"></image>
<!-- <view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}">
<image wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc"></image>
<image lazy-load wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc"></image>
<view class="all" wx:if="{{index==5}}">
<view>共{{item.img_list.length}}张</view>
<view>查看全部</view>
@ -186,7 +186,7 @@
</view>
<view class="shop-container" wx:if="{{iShop}}">
<image class="shop-img" src="{{info.supplier_headimg}}" mode="aspectFill"></image>
<image lazy-load class="shop-img" src="{{info.supplier_headimg}}" mode="aspectFill"></image>
<view class="textOver2">{{info.supplier_name}}</view>
<navigator class="shop-btn" url="/pages/list/store/index?id={{supplierId}}">进店</navigator>
</view>
@ -215,13 +215,13 @@
<view class="info-box" id="box4" style="padding: 20rpx 26rpx;">
<!-- <view class="proad-title">
<image mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20221027/93dd0ad8fade0ad845e6b67512b4e61b.png"></image>
<image lazy-load mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20221027/93dd0ad8fade0ad845e6b67512b4e61b.png"></image>
</view> -->
<view class="info-title">产品推荐</view>
<view class="pro-list">
<view class="proitem" wx:for="{{tjList}}" bindtap="gotoDetail" data-item="{{item}}">
<view class="item-hd">
<image src="{{item.headimg}}"></image>
<image lazy-load src="{{item.headimg}}"></image>
</view>
<view class="item-bm" style="height: 120rpx;display: flex;flex-direction: column;justify-content: space-between;">
<view class="protitle textOver2">{{item.title}}</view>
@ -238,7 +238,7 @@
<view class="['left-img',{{!iShop?'no-shop':''}}]">
<navigator wx:if="{{iShop}}" url="/pages/list/store/index?id={{supplierId}}" catchtap="pagePoint" data-event='product_customservice' class="shop-box">
<view class="shop-box">
<image class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.png" mode="aspectFill"/>
<image lazy-load class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.png" mode="aspectFill"/>
<view>店铺</view>
</view>
</navigator>
@ -261,7 +261,7 @@
</view>
<!-- 购物车悬浮框 -->
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart">
<image src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image>
<view class="cart-num">{{cartCount}}</view>
</navigator>
<view class="mask" wx:if="{{skuFlag}}">
@ -269,7 +269,7 @@
<view class="mask-content">
<view class="iconfont icon-close" bindtap="hideSku"></view>
<view class="sku-info-box">
<image id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image>
<image lazy-load id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image>
<view class="sku-info">
<view>
<view class="sku-price">{{info.sku[skuIndex].price/100}}
@ -292,7 +292,7 @@
<view class="sku-names">
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}"
wx:for="{{info.sku}}">
<image src="{{item.headimg}}"></image>
<image lazy-load src="{{item.headimg}}"></image>
<view class="sku-name textOver">{{item.sku_name}}</view>
</view>
</view>
@ -314,23 +314,23 @@
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;">
<view class="mask-bg" bindtap="share"></view>
<view class="mask-content share-img-box">
<image class="share-img" src="{{shareImg}}" mode="widthFix"></image>
<image lazy-load class="share-img" src="{{shareImg}}" mode="widthFix"></image>
<view class="share-tips">
<view style="position:relative">
<image class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix">
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix">
</image>
<view>保存图片到相册</view>
<view class="tipimg">
<image src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image>
</view>
</view>
<image style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
<image lazy-load style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
<view style="position:relative">
<image class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix">
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix">
</image>
<view>微信识别二维码</view>
<view class="tipimg">
<image src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image>
</view>
</view>
</view>

34
pages/info/sceneProductInfo/index.wxml
View File

@ -2,7 +2,7 @@
<wxs src="../../../utils/filter.wxs" module="tool" />
<title title="{{isBook?'产品详情':'景点详情'}}"></title>
<view class="iconfont icon-fenxiang" bindtap="share"></view>
<image wx:for="{{info.product}}" style="{{aniSkuIndex==index?('top:689px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{item.headimg}}" mode="aspectFill"></image>
<image lazy-load wx:for="{{info.product}}" style="{{aniSkuIndex==index?('top:689px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{item.headimg}}" mode="aspectFill"></image>
<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{info}}" autoplay="{{false}}" interval="{{2000}}" duration="{{300}}">
<block wx:if="{{info.videourl}}" wx:key="*this">
<swiper-item>
@ -13,7 +13,7 @@
</block>
<block wx:for="{{info.listimg}}" wx:key="*this">
<swiper-item>
<image src="{{item}}" mode="aspectFill"></image>
<image lazy-load src="{{item}}" mode="aspectFill"></image>
</swiper-item>
</block>
</swiper>
@ -29,7 +29,7 @@
<view class="sub-info-address textOver">{{info.open_time}}</view>
</view>
<view class="iconfont">
<image src="https://static.ticket.sz-trip.com/uploads/20250808/b64e49752fc3e0831db700331db766dd.png"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250808/b64e49752fc3e0831db700331db766dd.png"></image>
<view>详情</view>
</view>
</view>
@ -39,7 +39,7 @@
<view class="sub-info-address textOver">{{info.address}}</view>
</view>
<view class="iconfont">
<image src="https://static.ticket.sz-trip.com/uploads/20250808/0faddf87d40d7bd782a6aab047f2046e.png"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250808/0faddf87d40d7bd782a6aab047f2046e.png"></image>
<view>导航</view>
</view>
@ -122,7 +122,7 @@
</view>
<!-- 购物车悬浮框 -->
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart">
<image src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image>
<view class="cart-num">{{cartCount}}</view>
</navigator>
<!-- <view class="mask" wx:if="{{skuFlag}}">
@ -130,7 +130,7 @@
<view class="mask-content">
<view class="iconfont icon-close" bindtap="hideSku"></view>
<view class="sku-info-box">
<image id="skuImg" src="{{info.headimg}}" mode="aspectFill"></image>
<image lazy-load id="skuImg" src="{{info.headimg}}" mode="aspectFill"></image>
<view class="sku-info">
<view class="sku-price">{{info.product[0].sku[skuIndex].price/100}}
<view class="allowance" wx:if="{{allowance_data}}">
@ -202,7 +202,7 @@
<view class="mask-content">
<view class="iconfont icon-close" bindtap="hideSku"></view>
<view class="sku-info-box">
<image id="skuImg" src="{{skuList[skuIndex].headimg||skuList[0].headimg}}" mode="aspectFill"></image>
<image lazy-load id="skuImg" src="{{skuList[skuIndex].headimg||skuList[0].headimg}}" mode="aspectFill"></image>
<view class="sku-info">
<view class="sku-price">{{skuIndex||skuIndex==0?skuList[skuIndex].price/100:skuList[0].price/100}}
<view class="allowance" wx:if="{{allowance_data}}">
@ -248,7 +248,7 @@
</view>
<navigator wx:for="{{comment}}" wx:for-index="index" url="/pages/list/comments/index?sceneid={{info.id}}&&index={{index}}" class="product-comment">
<view class="product-comment-top">
<image src="{{item.user.avatar}}" mode="aspectFill"></image>
<image lazy-load src="{{item.user.avatar}}" mode="aspectFill"></image>
<view class="comment-info">
<view class="nickname">{{item.nickname}}</view>
<view class="iconfont"><text wx:for="{{item.rate}}" class="icon-xingxing"></text><text wx:for="{{5 - item.rate}}" style="color:#999" class="icon-xingxing"></text></view>
@ -258,7 +258,7 @@
<view class="comment-content">{{item.content}}</view>
<view wx:if="{{item.img_list}}">
<view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}">
<image wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc">
<image lazy-load wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc">
</image>
<view class="all" wx:if="{{index==5}}" >
<view>共{{item.img_list.length}}张</view>
@ -283,13 +283,13 @@
<view class="ask-list" wx:else>
<navigator url="/pages/ask/info/index?id={{item.id}}" catchtap="pagePoint" data-event="scene_comment" class="ask-item" wx:for="{{ask}}">
<view class="item-ques">
<image class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ask.png" mode="widthFix"></image>
<image lazy-load class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ask.png" mode="widthFix"></image>
<view class="ques">{{item.question_name}}</view>
<view class="ques-num" wx:if="{{item.answer.total!=0}}">{{item.answer.total}}个回答</view>
<view class="ques-num" wx:if="{{item.answer.total==0}}">暂无回答</view>
</view>
<!-- <view class="item-ques">
<image class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ans.png" mode="widthFix"></image>
<image lazy-load class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ans.png" mode="widthFix"></image>
<view class="ans">{{item.answer && item.answer.lastest_answer?item.answer.lastest_answer.answer:"暂无回答"}}</view>
</view>
<view class="ques-tip">
@ -329,23 +329,23 @@
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;">
<view class="mask-bg" bindtap="share"></view>
<view class="mask-content share-img-box" style="bottom: 200rpx;">
<image class="share-img" src="{{shareImg}}" mode="widthFix"></image>
<image lazy-load class="share-img" src="{{shareImg}}" mode="widthFix"></image>
<view class="share-tips">
<view style="position:relative">
<image class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix">
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix">
</image>
<view>保存图片到相册</view>
<view class="tipimg">
<image src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image>
</view>
</view>
<image style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
<image lazy-load style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
<view style="position:relative">
<image class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix">
<image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix">
</image>
<view>微信识别二维码</view>
<view class="tipimg">
<image src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image>
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image>
</view>
</view>
</view>

2
project.private.config.json
View File

@ -81,5 +81,5 @@
},
"projectname": "%E8%8B%8F%E5%B7%9E%E6%96%87%E6%97%85",
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"libVersion": "development"
"libVersion": "3.9.3"
}

4
utils/https.js
View File

@ -1,8 +1,8 @@
var app = getApp();
import util from "../utils/util"
// import userApi from "../utils/https/user.js";
const baseUrl = "https://test.api.cloud.sz-trip.com/api/";
// let baseUrl = "https://api.cloud.sz-trip.com/api/";
// const baseUrl = "https://test.api.cloud.sz-trip.com/api/";
let baseUrl = "https://api.cloud.sz-trip.com/api/";
const env = wx.getAccountInfoSync().miniProgram.envVersion
if (env == 'develop1') {
baseUrl = "https://test.api.cloud.sz-trip.com/api/"

Write Preview
Loading…
Cancel
Save