75 changed files with 4482 additions and 575 deletions
@ -1 +1 @@ |
|||||
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./common/vendor.js");Math;const o={globalData:{baseUrl:null,innerAudioContext:t.index.createInnerAudioContext(),T:""},onLaunch:function(){this.globalData.baseUrl="https://jdsz.ispush.com",this.globalData.innerAudioContext.src=`${this.globalData.baseUrl}/static/audio/bg.mp3`,this.globalData.innerAudioContext.obeyMuteSwitch=!1,this.globalData.innerAudioContext.autoplay=!1,this.globalData.innerAudioContext.loop=!0,console.log("App Launch")},onShow:function(){console.log("App Show")},onHide:function(){console.log("App Hide")},onShareAppMessage:t=>({title:"君到苏州最美打卡点",path:"pages/index/index"}),onShareTimeline:()=>({title:"君到苏州最美打卡点",path:"pages/index/index"})};function e(){return{app:t.createSSRApp(o)}}e().app.mount("#app"),exports.createApp=e; |
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./common/vendor.js");Math;const o={globalData:{baseUrl:null,innerAudioContext:t.index.createInnerAudioContext(),T:""},onLaunch:function(){this.globalData.baseUrl="https://jdsz.ispush.com",this.globalData.innerAudioContext.src=`${this.globalData.baseUrl}/static/audio/bg.mp3`,this.globalData.innerAudioContext.obeyMuteSwitch=!1,this.globalData.innerAudioContext.autoplay=!1,this.globalData.innerAudioContext.loop=!0,console.log("App Launch")},onShow:function(){console.log("App Show")},onHide:function(){console.log("App Hide")},onShareAppMessage:t=>({title:"君到苏州最美打卡点",path:"subPackageCheckPoint/pages/index/index"}),onShareTimeline:()=>({title:"君到苏州最美打卡点",path:"subPackageCheckPoint/pages/index/index"})};function e(){return{app:t.createSSRApp(o)}}e().app.mount("#app"),exports.createApp=e; |
||||
|
|||||
@ -1 +1,7 @@ |
|||||
<audio-com wx:if="{{a}}" class="r data-v-5f2d6979" u-r="audioCom" u-i="5f2d6979-0" bind:__l="__l"></audio-com><view class="content data-v-5f2d6979" style="{{'background:' + w}}"><view class="bgBox data-v-5f2d6979"><view class="bgItem bgGusuItem data-v-5f2d6979" style="{{'width:' + d + ';' + ('height:' + e)}}"><image lazy-load class="data-v-5f2d6979" src="{{c}}"/></view></view><movable-area class="movableArea data-v-5f2d6979" style="width:100vw;height:100vh"><movable-view class="data-v-5f2d6979" style="{{'width:' + h + ';' + ('height:' + i)}}" disabled="{{j}}" animation="{{false}}" scale-value="{{k}}" scale-min="{{l}}" x="{{m}}" y="{{n}}" scale="true" direction="all" out-of-bounds="true" bindchange="{{o}}" bindscale="{{p}}"><view class="detailsMap data-v-5f2d6979"><image lazy-load class="data-v-5f2d6979" src="{{f}}"/></view><view wx:for="{{g}}" wx:for-item="item" wx:key="a" class="detailsMapPoint data-v-5f2d6979" style="{{'width:' + item.b + ';' + ('height:' + item.c) + ';' + ('left:' + item.d) + ';' + ('top:' + item.e) + ';' + ('z-index:' + item.f)}}" bindtap="{{item.g}}" data-name="{{item.h}}"></view><view class="stickyMask data-v-5f2d6979"></view></movable-view></movable-area><view class="stickyMask data-v-5f2d6979"><view class="stickyItem data-v-5f2d6979"><view class="stickyTitle data-v-5f2d6979" style="{{'width:' + r + ';' + ('height:' + s) + ';' + ('left:' + t) + ';' + ('top:' + v)}}"><image lazy-load class="data-v-5f2d6979" src="{{q}}"/></view></view></view></view> |
<audio-com wx:if="{{a}}" class="r data-v-5f2d6979" u-r="audioCom" u-i="5f2d6979-0" bind:__l="__l"></audio-com> |
||||
|
<view class="content data-v-5f2d6979" style="{{'background:' + w}}"> |
||||
|
<view class="bgBox data-v-5f2d6979"> |
||||
|
<view class="bgItem bgGusuItem data-v-5f2d6979" style="{{'width:' + d + ';' + ('height:' + e)}}"> |
||||
|
<image lazy-load class="data-v-5f2d6979" src="{{c}}"/></view></view> |
||||
|
<movable-area class="movableArea data-v-5f2d6979" style="width:100vw;height:100vh;overflow: hidden;"> |
||||
|
<movable-view class="data-v-5f2d6979" style="{{'width:' + h + ';' + ('height:' + i)}}" disabled="{{true}}" animation="{{false}}" scale-value="{{k}}" scale-min="{{l}}" x="{{m}}" y="{{n}}" scale="true" direction="all" out-of-bounds="true" bindchange="{{o}}" bindscale="{{p}}"><view class="detailsMap data-v-5f2d6979"><image lazy-load class="data-v-5f2d6979" src="{{f}}"/></view><view wx:for="{{g}}" wx:for-item="item" wx:key="a" class="detailsMapPoint data-v-5f2d6979" style="{{'width:' + item.b + ';' + ('height:' + item.c) + ';' + ('left:' + item.d) + ';' + ('top:' + item.e) + ';' + ('z-index:' + item.f)}}" bindtap="{{item.g}}" data-name="{{item.h}}"></view><view class="stickyMask data-v-5f2d6979"></view></movable-view></movable-area><view class="stickyMask data-v-5f2d6979"><view class="stickyItem data-v-5f2d6979"><view class="stickyTitle data-v-5f2d6979" style="{{'width:' + r + ';' + ('height:' + s) + ';' + ('left:' + t) + ';' + ('top:' + v)}}"><image lazy-load class="data-v-5f2d6979" src="{{q}}"/></view></view></view></view> |
||||
@ -1,2 +1,8 @@ |
|||||
@import "../../app.wxss"; |
@import "../../app.wxss"; |
||||
.content.data-v-5f2d6979{background:#eeeeed}.detailsMap.data-v-5f2d6979{width:100%;height:100%}.detailsMap>image.data-v-5f2d6979{width:100%;height:100%}.detailsMapPoint.data-v-5f2d6979{position:absolute}.detailsMapPoint>image.data-v-5f2d6979{width:100%;height:100%}.stickyMask.data-v-5f2d6979{position:absolute;pointer-events:none;width:750rpx;height:1334rpx;z-index:999;top:0}.stickyMask .stickyItem.data-v-5f2d6979{position:absolute;left:0;top:0;width:750rpx;height:1334rpx}.stickyMask .stickyItem .stickyTitle.data-v-5f2d6979{position:absolute;width:calc(var(--base-width)*1188rpx);height:calc(var(--base-width)*378rpx);left:calc(var(--base-width)*708rpx);top:calc(var(--base-width)*200rpx);transform:translate(150%);opacity:0;animation:1s stickyTitleAnime-5f2d6979 ease-in-out forwards}.stickyMask .stickyItem .stickyTitle>image.data-v-5f2d6979{width:100%;height:100%}.stickyMask .stickyItem .stickyGusuLeft.data-v-5f2d6979{position:absolute;width:calc(var(--base-width)*1067rpx);height:calc(var(--base-width)*759rpx);left:calc(var(--base-width)*0rpx);top:calc(var(--base-width)*2388rpx);transform:translate(-150%);opacity:0;animation:1s stickyGusuLeftAnime-5f2d6979 ease-in-out forwards}.stickyMask .stickyItem .stickyGusuLeft>image.data-v-5f2d6979{width:100%;height:100%}.stickyMask .stickyItem .stickyGusuRight.data-v-5f2d6979{position:absolute;width:calc(var(--base-width)*601rpx);height:calc(var(--base-width)*258rpx);right:0;top:calc(var(--base-width)*3260rpx);transform:translate(150%);opacity:0;animation:1s ease-in-out stickyGusuRightAnime-5f2d6979 forwards}.stickyMask .stickyItem .stickyGusuRight>image.data-v-5f2d6979{width:100%;height:100%}.bgBox.data-v-5f2d6979{position:absolute;width:calc(var(--base-width) * 2160rpx);height:calc(var(--base-width) * 3840rpx);top:0}.bgBox .bgItem.data-v-5f2d6979{width:100%;height:100%;top:0}.bgBox .bgItem>image.data-v-5f2d6979{width:100%;height:100%}@keyframes stickyTitleAnime-5f2d6979{0%{transform:translate(150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes stickyGusuLeftAnime-5f2d6979{0%{transform:translate(-150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes stickyGusuRightAnime-5f2d6979{0%{transform:translate(150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bgGusuItemAnime-5f2d6979{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}} |
.content.data-v-5f2d6979{background:#eeeeed;overflow: hidden;} |
||||
|
.detailsMap.data-v-5f2d6979{width:100%;height:100%;overflow: hidden;} |
||||
|
.detailsMap>image.data-v-5f2d6979{width:100%;height:100%} |
||||
|
.detailsMapPoint.data-v-5f2d6979{position:absolute} |
||||
|
.detailsMapPoint>image.data-v-5f2d6979{width:100%;height:100%} |
||||
|
.stickyMask.data-v-5f2d6979{position:absolute;pointer-events:none;width:750rpx;height:1334rpx;z-index:999;top:0} |
||||
|
.stickyMask .stickyItem.data-v-5f2d6979{position:absolute;left:0;top:0;width:750rpx;height:1334rpx}.stickyMask .stickyItem .stickyTitle.data-v-5f2d6979{position:absolute;width:calc(var(--base-width)*1188rpx);height:calc(var(--base-width)*378rpx);left:calc(var(--base-width)*708rpx);top:calc(var(--base-width)*200rpx);transform:translate(150%);opacity:0;animation:1s stickyTitleAnime-5f2d6979 ease-in-out forwards}.stickyMask .stickyItem .stickyTitle>image.data-v-5f2d6979{width:100%;height:100%}.stickyMask .stickyItem .stickyGusuLeft.data-v-5f2d6979{position:absolute;width:calc(var(--base-width)*1067rpx);height:calc(var(--base-width)*759rpx);left:calc(var(--base-width)*0rpx);top:calc(var(--base-width)*2388rpx);transform:translate(-150%);opacity:0;animation:1s stickyGusuLeftAnime-5f2d6979 ease-in-out forwards}.stickyMask .stickyItem .stickyGusuLeft>image.data-v-5f2d6979{width:100%;height:100%}.stickyMask .stickyItem .stickyGusuRight.data-v-5f2d6979{position:absolute;width:calc(var(--base-width)*601rpx);height:calc(var(--base-width)*258rpx);right:0;top:calc(var(--base-width)*3260rpx);transform:translate(150%);opacity:0;animation:1s ease-in-out stickyGusuRightAnime-5f2d6979 forwards}.stickyMask .stickyItem .stickyGusuRight>image.data-v-5f2d6979{width:100%;height:100%}.bgBox.data-v-5f2d6979{position:absolute;width:calc(var(--base-width) * 2160rpx);height:calc(var(--base-width) * 3840rpx);top:0}.bgBox .bgItem.data-v-5f2d6979{width:100%;height:100%;top:0}.bgBox .bgItem>image.data-v-5f2d6979{width:100%;height:100%}@keyframes stickyTitleAnime-5f2d6979{0%{transform:translate(150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes stickyGusuLeftAnime-5f2d6979{0%{transform:translate(-150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes stickyGusuRightAnime-5f2d6979{0%{transform:translate(150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bgGusuItemAnime-5f2d6979{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}} |
||||
|
|||||
@ -1,2 +1,2 @@ |
|||||
require('../../app.js'); |
require('../../app.js'); |
||||
"use strict";const e=require("../../common/vendor.js"),t=require("../../common/assets.js"),o={components:{audioCom:()=>"../../components/audioCom.js"},data:()=>({comDom:!0,homeShowState:!0,scopeMapShowState:!1,x:0,y:0,old:{x:0,y:0},scopePointList:[{w:"76rpx",h:"55rpx",x:"270rpx",y:"715rpx",tag:"姑苏区",source:"/subPackageCheckPoint/static/images/scopeMap/gusuqu.png",state:!0},{w:"76rpx",h:"54rpx",x:"177rpx",y:"667rpx",tag:"高新区",source:"/subPackageCheckPoint/static/images/scopeMap/gaoxinqu.png",state:!0},{w:"73rpx",h:"60rpx",x:"520rpx",y:"710rpx",tag:"昆山市",source:"/subPackageCheckPoint/static/images/scopeMap/kunshanshi.png",state:!0},{w:"76rpx",h:"58rpx",x:"616rpx",y:"510rpx",tag:"太仓市",source:"/subPackageCheckPoint/static/images/scopeMap/taicangshi.png",state:!0},{w:"100rpx",h:"56rpx",x:"360rpx",y:"706rpx",tag:"工业园区",source:"/subPackageCheckPoint/static/images/scopeMap/gongyeyuanqu.png",state:!0},{w:"75rpx",h:"58rpx",x:"390rpx",y:"464rpx",tag:"常熟市",source:"/subPackageCheckPoint/static/images/scopeMap/changshushi.png",state:!0},{w:"76rpx",h:"55rpx",x:"343rpx",y:"940rpx",tag:"吴江区",source:"/subPackageCheckPoint/static/images/scopeMap/wujiangqu.png",state:!0},{w:"75rpx",h:"54rpx",x:"220rpx",y:"810rpx",tag:"吴中区",source:"/subPackageCheckPoint/static/images/scopeMap/wuzhongqu.png",state:!0},{w:"76rpx",h:"56rpx",x:"278rpx",y:"613rpx",tag:"相城区",source:"/subPackageCheckPoint/static/images/scopeMap/xiangchengqu.png",state:!0},{w:"101rpx",h:"49rpx",x:"236rpx",y:"284rpx",tag:"张家港市",source:"/subPackageCheckPoint/static/images/scopeMap/zhangjiagangshi.png",state:!0}]}),async onLoad(){},onShareAppMessage:e=>({title:"君到苏州最美打卡点",path:"pages/index/index"}),onShareTimeline:()=>({title:"君到苏州最美打卡点",path:"pages/index/index"}),onShow(){this.comDom=!0},onHide(){this.comDom=!1},methods:{openMap(){e.index.navigateTo({url:"/subPackageCheckPoint/pages/scopemap/index"})},getClass:e=>`scopePoint${e+1}`,showScopeMap(){this.homeShowState=!1,this.scopeMapShowState=!0},getScopePointStyle:e=>({width:e.w,height:e.h,left:e.x,top:e.y}),openDetailsMap(t){t.state?e.index.navigateTo({url:`/subPackageCheckPoint/pages/detailsmap/index?tag=${t.tag}`}):e.index.showToast({title:"暂未开放",icon:"error",duration:2e3})},onChange(e){this.old.x=e.detail.x,this.old.y=e.detail.y}}};if(!Array){e.resolveComponent("audio-com")()}const a=e._export_sfc(o,[["render",function(o,a,p,s,i,r){return e.e({a:i.comDom},i.comDom?{b:e.sr("audioCom","46c0ccd2-0")}:{},{c:t._imports_0,d:t._imports_1,e:i.homeShowState,f:e.o(((...e)=>r.showScopeMap&&r.showScopeMap(...e))),g:t._imports_2,h:t._imports_3,i:i.scopeMapShowState,j:t._imports_4,k:e.f(i.scopePointList,((t,o,a)=>({a:t.source,b:e.n(r.getClass(o)),c:o,d:e.s(r.getScopePointStyle(t)),e:t.tag,f:e.o((e=>r.openDetailsMap(t)),o)}))),l:"750rpx",m:"1334rpx",n:i.x,o:i.y,p:e.o(((...e)=>r.onChange&&r.onChange(...e))),q:i.scopeMapShowState,r:t._imports_5,s:i.scopeMapShowState,t:t._imports_6,v:i.scopeMapShowState})}],["__scopeId","data-v-46c0ccd2"]]);o.__runtimeHooks=6,wx.createPage(a); |
"use strict";const e=require("../../common/vendor.js"),t=require("../../common/assets.js"),o={components:{audioCom:()=>"../../components/audioCom.js"},data:()=>({comDom:!0,homeShowState:!0,scopeMapShowState:!1,x:0,y:0,old:{x:0,y:0},scopePointList:[{w:"76rpx",h:"55rpx",x:"270rpx",y:"715rpx",tag:"姑苏区",source:"/subPackageCheckPoint/static/images/scopeMap/gusuqu.png",state:!0},{w:"76rpx",h:"54rpx",x:"177rpx",y:"667rpx",tag:"高新区",source:"/subPackageCheckPoint/static/images/scopeMap/gaoxinqu.png",state:!0},{w:"73rpx",h:"60rpx",x:"520rpx",y:"710rpx",tag:"昆山市",source:"/subPackageCheckPoint/static/images/scopeMap/kunshanshi.png",state:!0},{w:"76rpx",h:"58rpx",x:"616rpx",y:"510rpx",tag:"太仓市",source:"/subPackageCheckPoint/static/images/scopeMap/taicangshi.png",state:!0},{w:"100rpx",h:"56rpx",x:"360rpx",y:"706rpx",tag:"工业园区",source:"/subPackageCheckPoint/static/images/scopeMap/gongyeyuanqu.png",state:!0},{w:"75rpx",h:"58rpx",x:"390rpx",y:"464rpx",tag:"常熟市",source:"/subPackageCheckPoint/static/images/scopeMap/changshushi.png",state:!0},{w:"76rpx",h:"55rpx",x:"343rpx",y:"940rpx",tag:"吴江区",source:"/subPackageCheckPoint/static/images/scopeMap/wujiangqu.png",state:!0},{w:"75rpx",h:"54rpx",x:"220rpx",y:"810rpx",tag:"吴中区",source:"/subPackageCheckPoint/static/images/scopeMap/wuzhongqu.png",state:!0},{w:"76rpx",h:"56rpx",x:"278rpx",y:"613rpx",tag:"相城区",source:"/subPackageCheckPoint/static/images/scopeMap/xiangchengqu.png",state:!0},{w:"101rpx",h:"49rpx",x:"236rpx",y:"284rpx",tag:"张家港市",source:"/subPackageCheckPoint/static/images/scopeMap/zhangjiagangshi.png",state:!0}]}),async onLoad(){},onShareAppMessage:e=>({title:"君到苏州最美打卡点",path:"subPackageCheckPoint/pages/index/index"}),onShareTimeline:()=>({title:"君到苏州最美打卡点",path:"subPackageCheckPoint/pages/index/index"}),onShow(){this.comDom=!0},onHide(){this.comDom=!1},methods:{openMap(){e.index.navigateTo({url:"/subPackageCheckPoint/pages/scopemap/index"})},getClass:e=>`scopePoint${e+1}`,showScopeMap(){this.homeShowState=!1,this.scopeMapShowState=!0},getScopePointStyle:e=>({width:e.w,height:e.h,left:e.x,top:e.y}),openDetailsMap(t){t.state?e.index.navigateTo({url:`/subPackageCheckPoint/pages/detailsmap/index?tag=${t.tag}`}):e.index.showToast({title:"暂未开放",icon:"error",duration:2e3})},onChange(e){this.old.x=e.detail.x,this.old.y=e.detail.y}}};if(!Array){e.resolveComponent("audio-com")()}const a=e._export_sfc(o,[["render",function(o,a,p,s,i,r){return e.e({a:i.comDom},i.comDom?{b:e.sr("audioCom","46c0ccd2-0")}:{},{c:t._imports_0,d:t._imports_1,e:i.homeShowState,f:e.o(((...e)=>r.showScopeMap&&r.showScopeMap(...e))),g:t._imports_2,h:t._imports_3,i:i.scopeMapShowState,j:t._imports_4,k:e.f(i.scopePointList,((t,o,a)=>({a:t.source,b:e.n(r.getClass(o)),c:o,d:e.s(r.getScopePointStyle(t)),e:t.tag,f:e.o((e=>r.openDetailsMap(t)),o)}))),l:"750rpx",m:"1334rpx",n:i.x,o:i.y,p:e.o(((...e)=>r.onChange&&r.onChange(...e))),q:i.scopeMapShowState,r:t._imports_5,s:i.scopeMapShowState,t:t._imports_6,v:i.scopeMapShowState})}],["__scopeId","data-v-46c0ccd2"]]);o.__runtimeHooks=6,wx.createPage(a); |
||||
|
|||||
@ -0,0 +1,743 @@ |
|||||
|
// pages/info/roadInfo/index.js
|
||||
|
let device = wx.getSystemInfoSync(); |
||||
|
const ratio = device.windowWidth / 750; |
||||
|
import commonApi from "../../../utils/https/common" |
||||
|
import QRCode from '../../../utils/weapp-qrcode.js' |
||||
|
import util from '../../../utils/util' |
||||
|
let app = getApp() |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
autoPlay: false, |
||||
|
fixed: false, |
||||
|
type: 1, |
||||
|
top: 0, |
||||
|
isLike: 0, |
||||
|
|
||||
|
info: null, |
||||
|
skuFlag: null, |
||||
|
producNum: 1, |
||||
|
skuIndex: 0, |
||||
|
aniSkuIndex: -1, |
||||
|
retailId: "", |
||||
|
cartTop: 0, |
||||
|
cartImgInfo: null, |
||||
|
cartCount: 0, |
||||
|
shareImg: null, |
||||
|
showShareFlag: false, |
||||
|
allowance_data: null, |
||||
|
showAllowance: false, |
||||
|
|
||||
|
showQrCode: false, |
||||
|
wxqrcode: null, |
||||
|
|
||||
|
ZTPoint:'', |
||||
|
swiperCurrent: 0, |
||||
|
swiperRange: { |
||||
|
video: {min:0,max:0}, |
||||
|
picture: {min:0,max:0}, |
||||
|
sku: {min:0,max:0} |
||||
|
}, |
||||
|
otherInfoShow: 0, |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
console.log(options) |
||||
|
//删除临时存储的联系人
|
||||
|
wx.removeStorageSync('linkMan') |
||||
|
let rect = wx.getMenuButtonBoundingClientRect(), |
||||
|
that = this; |
||||
|
let height = (rect.top - device.statusBarHeight) * 2 + rect.height + device.statusBarHeight; |
||||
|
this.setData({ |
||||
|
top: height, |
||||
|
id: options.id |
||||
|
}) |
||||
|
// 获取购物车按钮的位置
|
||||
|
wx.createSelectorQuery().select('#cart').boundingClientRect(function (res) { |
||||
|
console.log(res) |
||||
|
that.setData({ |
||||
|
cartTop: res.top |
||||
|
}) |
||||
|
}).exec() |
||||
|
if (options.ZTPoint) { |
||||
|
this.setData({ |
||||
|
ZTPoint: options.ZTPoint |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
if (options.retailId) { |
||||
|
this.setData({ |
||||
|
retailId: options.retailId |
||||
|
}) |
||||
|
} |
||||
|
commonApi._post("product/get_product_detail", { |
||||
|
id: options.id |
||||
|
}).then(res => { |
||||
|
res.data.display_tags = (res.data.display_tags ? res.data.display_tags.split(",") : []).splice(0, 2); |
||||
|
if (options.skuid) { |
||||
|
let sku = res.data.sku.find(item => item.id == options.skuid); |
||||
|
res.data.sku = [sku]; |
||||
|
} |
||||
|
|
||||
|
res.data.sku.forEach(x=>{ |
||||
|
x.display_tags = (x.display_tags ? x.display_tags.split(",")[0] : ""); |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
let resData = res.data |
||||
|
let swiperRange = this.data.swiperRange; |
||||
|
swiperRange.video = resData.videourl? { min: 0, max: 0 } : { min: -1, max: -1 } |
||||
|
swiperRange.picture = {min:swiperRange.video.max+1, max:swiperRange.video.max+1+resData.listimg.length-1} |
||||
|
swiperRange.sku = {min:swiperRange.picture.max+1,max:swiperRange.picture.max+1+resData.sku.length-1} |
||||
|
console.log(swiperRange) |
||||
|
this.setData({ |
||||
|
info: resData, |
||||
|
|
||||
|
swiperRange: swiperRange, |
||||
|
}) |
||||
|
this.BroswerRecord() |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
showImg (img) { |
||||
|
if (!img) { return img } |
||||
|
if (img.indexOf('https://') != -1 || img.indexOf('http://') != -1) { |
||||
|
return img; |
||||
|
} else { |
||||
|
// return "https://test.api.cloud.sz-trip.com"+img
|
||||
|
return "https://static.ticket.sz-trip.com" + img; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
changeAllowance: function () { |
||||
|
this.setData({ |
||||
|
showAllowance: !this.data.showAllowance |
||||
|
}) |
||||
|
}, |
||||
|
BroswerRecord: function () { |
||||
|
setTimeout(() => { |
||||
|
if (app.globalData.uuid) { |
||||
|
commonApi._post('browse/browse_record', { |
||||
|
type: "goods", |
||||
|
title: this.data.info.title, |
||||
|
drive: "mini", |
||||
|
source_id: this.data.info.id, |
||||
|
url: "/pages/info/postProductInfo/index?id=" + this.data.info.id, |
||||
|
uuid: app.globalData.uuid |
||||
|
}).then(res => {}) |
||||
|
} else { |
||||
|
this.BroswerRecord(); |
||||
|
} |
||||
|
}, 500) |
||||
|
}, |
||||
|
like: function () { |
||||
|
let id = this.data.id, |
||||
|
isLike = this.data.isLike; |
||||
|
commonApi.user_post("product/" + (isLike == 1 ? "product_cancel_collection" : "product_collection"), { |
||||
|
product_id: id |
||||
|
}).then(res => { |
||||
|
if (res.code == 1) { |
||||
|
this.setData({ |
||||
|
isLike: isLike == 1 ? 0 : 1 |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
changeMenu: function (e) { |
||||
|
let index = e.currentTarget.dataset.index; |
||||
|
this.setData({ |
||||
|
type: index |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
showCart: function () { |
||||
|
commonApi.user_post('wx/get_user_keep', { |
||||
|
jumpurl: '/pages/info/postProductInfo/index?id=' + this.data.id, |
||||
|
title: this.data.info.title, |
||||
|
type: 'mini' |
||||
|
}).then(res => { |
||||
|
if (res.data.subscribe == 0) { |
||||
|
this.setData({ |
||||
|
wxqrcode: res.data.qrcode, |
||||
|
showQrCode: true |
||||
|
}) |
||||
|
} else { |
||||
|
if (this.data.info.sku.length == 0) { |
||||
|
wx.showToast({ |
||||
|
title: '该产品未设置规格,不能加购', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
this.setData({ |
||||
|
skuFlag: "cart" |
||||
|
}) |
||||
|
let that = this |
||||
|
wx.createSelectorQuery().select('#skuImg').boundingClientRect(function (res) { |
||||
|
console.log(res) |
||||
|
that.setData({ |
||||
|
cartImgInfo: 'top:' + res.top + 'px;left:' + res.left + 'px;' |
||||
|
}) |
||||
|
}).exec() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
hideSku: function () { |
||||
|
this.setData({ |
||||
|
skuFlag: null, |
||||
|
cartImgInfo: null |
||||
|
}) |
||||
|
}, |
||||
|
minus: function () { |
||||
|
if (this.data.producNum == 1) return; |
||||
|
this.setData({ |
||||
|
producNum: this.data.producNum - 1 |
||||
|
}) |
||||
|
}, |
||||
|
add: function () { |
||||
|
this.setData({ |
||||
|
producNum: this.data.producNum + 1 |
||||
|
}) |
||||
|
}, |
||||
|
selectSku: function (e) { |
||||
|
let index = e.currentTarget.dataset.index; |
||||
|
this.setData({ |
||||
|
skuIndex: index, |
||||
|
swiperCurrent: index+this.data.swiperRange.picture.max+1 |
||||
|
}) |
||||
|
}, |
||||
|
showOrder: function () { |
||||
|
commonApi.user_post('wx/get_user_keep', { |
||||
|
jumpurl: '/pages/info/postProductInfo/index?id=' + this.data.id, |
||||
|
title: this.data.info.title, |
||||
|
type: 'mini' |
||||
|
}).then(res => { |
||||
|
if (res.data.subscribe == 0) { |
||||
|
this.setData({ |
||||
|
wxqrcode: res.data.qrcode, |
||||
|
showQrCode: true |
||||
|
}) |
||||
|
} else { |
||||
|
if (this.data.info.sku.length == 0) { |
||||
|
wx.showToast({ |
||||
|
title: '该产品未设置规格,不能购买', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
let swiperCurrent = this.data.swiperCurrent; |
||||
|
let skuIndex = swiperCurrent - this.data.swiperRange.sku.min |
||||
|
console.log(swiperCurrent, skuIndex) |
||||
|
if (skuIndex<0) {skuIndex=0} |
||||
|
this.setData({ |
||||
|
skuFlag: 'order', |
||||
|
skuIndex: skuIndex, |
||||
|
swiperCurrent: skuIndex+this.data.swiperRange.picture.max+1 |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
order: function () { |
||||
|
app.globalData.postProduct = [] |
||||
|
app.globalData.list = [] |
||||
|
commonApi.user_post("/product/checkStock", { |
||||
|
sku_id: this.data.info.sku[this.data.skuIndex].id, |
||||
|
}).then(res => { |
||||
|
if (res && res.code != 1) { |
||||
|
return; |
||||
|
} else { |
||||
|
if (this.data.skuFlag == 'order') { |
||||
|
util.pagePoint({ |
||||
|
event: 'product_order', |
||||
|
param: { |
||||
|
id: this.data.info.id, |
||||
|
type: this.data.info.type |
||||
|
} |
||||
|
}, 1) |
||||
|
wx.setStorageSync('login_from', 'product_order_login') |
||||
|
wx.setStorageSync('order_from', 'product_order_submit') |
||||
|
app.globalData.couponInfo = null; |
||||
|
// 购买
|
||||
|
let product = [{ |
||||
|
product: {...this.data.info,ZTPoint:this.data.ZTPoint}, |
||||
|
sku: this.data.info.sku[this.data.skuIndex], |
||||
|
productNum: this.data.producNum |
||||
|
}]; |
||||
|
app.globalData.postProduct = product; |
||||
|
app.globalData.retailId = this.data.retailId; |
||||
|
app.globalData.listName = null |
||||
|
|
||||
|
|
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/order/postOrder/index', |
||||
|
}) |
||||
|
|
||||
|
} else { |
||||
|
let tag_id = this.data.info.tag_id,type = '' |
||||
|
if (tag_id.includes(20) || tag_id.includes(19)) { //文创
|
||||
|
type = '1' |
||||
|
}else if (tag_id.includes(5)) { //非遗
|
||||
|
type = '2' |
||||
|
}else { |
||||
|
type = '' |
||||
|
} |
||||
|
commonApi.user_post("cart/add_sku", { |
||||
|
sku_id: this.data.info.sku[this.data.skuIndex].id, |
||||
|
num: this.data.producNum, |
||||
|
type:type |
||||
|
}).then(res => { |
||||
|
if (res.code == 1) { |
||||
|
commonApi.user_post('cart/get_list', {}).then(res => { |
||||
|
this.setData({ |
||||
|
cartCount: res.data.length |
||||
|
}) |
||||
|
}) |
||||
|
// 加动效
|
||||
|
this.setData({ |
||||
|
skuFlag: null, |
||||
|
aniSkuIndex: this.data.skuIndex, |
||||
|
cartImgInfo: null |
||||
|
}) |
||||
|
setTimeout(() => { |
||||
|
this.setData({ |
||||
|
aniSkuIndex: -1 |
||||
|
}) |
||||
|
wx.showModal({ |
||||
|
title: "提示", |
||||
|
content: "去购物车结算?", |
||||
|
success: function (res) { |
||||
|
if (res.confirm) { |
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/user/cartlist/list', |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, 650) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
// 分享
|
||||
|
share: function () { |
||||
|
if (!wx.getStorageSync("jstrip_token")) { |
||||
|
util.pagePoint({ |
||||
|
event: 'product_share_login', |
||||
|
type: this.data.info.type, |
||||
|
id: this.data.info.id |
||||
|
}, 1) |
||||
|
commonApi.user_post("user/getMyInfo", {}).then(res => { |
||||
|
|
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
if (!this.data.shareImg) { |
||||
|
wx.showToast({ |
||||
|
title: '图片生成中,稍后再试', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
this.setData({ |
||||
|
showShareFlag: !this.data.showShareFlag |
||||
|
}) |
||||
|
}, |
||||
|
// 保存
|
||||
|
save() { |
||||
|
let url = this.data.shareImg, |
||||
|
that = this; |
||||
|
wx.authorize({ |
||||
|
/* 这个就是保存相册的 */ |
||||
|
scope: 'scope.writePhotosAlbum', |
||||
|
success() { |
||||
|
wx.saveImageToPhotosAlbum({ |
||||
|
filePath: url, |
||||
|
success(res) { |
||||
|
wx.showToast({ |
||||
|
title: '保存成功', |
||||
|
icon: "success" |
||||
|
}) |
||||
|
that.setData({ |
||||
|
showShareFlag: !this.data.showShareFlag |
||||
|
}) |
||||
|
util.pagePoint({ |
||||
|
event: 'product_share_save', |
||||
|
type: that.data.info.type, |
||||
|
id: that.data.info.id |
||||
|
}, 1) |
||||
|
}, |
||||
|
fail(res) { |
||||
|
wx.showToast({ |
||||
|
title: '保存失败', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
complete(res) { |
||||
|
console.log(res); |
||||
|
/* 这里判断一下如果没有授权重新打开设置选项 */ |
||||
|
wx.getSetting({ |
||||
|
success(res) { |
||||
|
if (!res.authSetting['scope.writePhotosAlbum']) { |
||||
|
/* 打开设置的方法 */ |
||||
|
// opensit();
|
||||
|
wx.showToast({ |
||||
|
title: '请打开权限后再试', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}, |
||||
|
pagePoint: function (e) { |
||||
|
util.pagePoint(e) |
||||
|
}, |
||||
|
// 绘制海报
|
||||
|
drawImg: function () { |
||||
|
var that = this, |
||||
|
userinfo = wx.getStorageSync('jstrip_userInfo'); |
||||
|
if (!userinfo) { |
||||
|
// 去登录
|
||||
|
return false; |
||||
|
} |
||||
|
const ctx = wx.createCanvasContext('imageCanvas'); |
||||
|
// const device = wx.getSystemInfoSync();
|
||||
|
// const ratio = device.screenWidth / 750;
|
||||
|
|
||||
|
// 先获取到图片信息
|
||||
|
let promise2 = new Promise(function (resolve, reject) { |
||||
|
wx.getImageInfo({ |
||||
|
src: that.data.info.headimg, |
||||
|
success: function (res) { |
||||
|
resolve(res); |
||||
|
}, |
||||
|
fail: function (res) { |
||||
|
reject(res); |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
let promise3 = new Promise(function (resolve, reject) { |
||||
|
let userid = wx.getStorageSync('jstrip_userid') |
||||
|
new QRCode('myQrcode', { |
||||
|
text: 'https://m.cloud.sz-trip.com/MailMerchandiseDetail?id=' + that.data.info.id + '&sharedUserId=' + userid + '&channel=-1', |
||||
|
width: 500, |
||||
|
height: 500, |
||||
|
padding: 12, // 生成二维码四周自动留边宽度,不传入默认为0
|
||||
|
correctLevel: QRCode.CorrectLevel.H, // 二维码可辨识度
|
||||
|
callback: (res) => { |
||||
|
resolve(res); |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
//成功得到图片信息后,开始绘图
|
||||
|
Promise.all([promise2, promise3]).then(imgs => { |
||||
|
ctx.save(); |
||||
|
ctx.beginPath(); //开始绘制
|
||||
|
that.handleBorderRect(ctx, 0, 0, 551 * ratio, 407 * ratio, 25 * ratio, '#ccc') |
||||
|
ctx.clip(); //画好了圆 剪切 原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内 这也是我们要save上下文的原因
|
||||
|
ctx.drawImage(imgs[0].path, 0, 0, 551 * ratio, 407 * ratio); |
||||
|
ctx.restore(); |
||||
|
ctx.save(); |
||||
|
that.handleBorderRect2(ctx, 0, 407 * ratio, 551 * ratio, 236 * ratio, 25 * ratio, '#fff') |
||||
|
ctx.restore(); |
||||
|
// 绘制二维码
|
||||
|
ctx.drawImage(imgs[1].path, 373 * ratio, 495 * ratio, 137 * ratio, 137 * ratio); |
||||
|
// 开始文字绘制
|
||||
|
ctx.setFillStyle("#000"); |
||||
|
ctx.setFontSize(30 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示,参考点画布中线
|
||||
|
that.drawText(ctx, that.data.info.title, 25 * ratio, 450 * ratio, 480 * ratio, ratio); |
||||
|
// 售价
|
||||
|
ctx.setFillStyle("#D62828"); |
||||
|
ctx.setFontSize(40 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示,参考点画布中线
|
||||
|
let price = "¥" + (that.data.info.price / 100); |
||||
|
let width = ctx.measureText(price).width; |
||||
|
ctx.fillText(price, 25 * ratio, 620 * ratio); |
||||
|
// 副标题
|
||||
|
ctx.setFillStyle("#999999"); |
||||
|
ctx.setFontSize(28 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示,参考点画布中线
|
||||
|
let subtitle = that.data.info.subtitle; |
||||
|
if (that.data.info.subtitle.length > 10) { |
||||
|
subtitle = that.data.info.subtitle.substr(0, 10) + '...' |
||||
|
} |
||||
|
ctx.fillText(subtitle, 25 * ratio, 540 * ratio); |
||||
|
// ctx.draw();
|
||||
|
// 划线价
|
||||
|
ctx.setFillStyle("#999999"); |
||||
|
ctx.setFontSize(32 * ratio); //字大小
|
||||
|
ctx.setTextAlign('left'); //是否居中显示,参考点画布中线
|
||||
|
let market_price = "¥" + (that.data.info.market_price / 100) |
||||
|
ctx.fillText(market_price, 40 * ratio + width, 620 * ratio); |
||||
|
let market_price_width = ctx.measureText(market_price).width; |
||||
|
// 划线
|
||||
|
ctx.beginPath() |
||||
|
ctx.setLineWidth(1) |
||||
|
ctx.moveTo(40 * ratio + width, 608 * ratio) |
||||
|
ctx.lineTo(45 * ratio + width + market_price_width, 608 * ratio) |
||||
|
ctx.stroke(); |
||||
|
// 长按识别二维码
|
||||
|
// ctx.setFillStyle("#666");
|
||||
|
// ctx.setFontSize(22 * ratio); //字大小
|
||||
|
// ctx.setTextAlign('left'); //是否居中显示,参考点画布中线
|
||||
|
// ctx.fillText("长按识别二维码", 404*ratio, 710*ratio);
|
||||
|
// 长按图片转发或保存
|
||||
|
// ctx.setFillStyle("#000");
|
||||
|
// ctx.setFontSize(24 * ratio); //字大小
|
||||
|
// ctx.setTextAlign('left'); //是否居中显示,参考点画布中线
|
||||
|
// ctx.fillText("长按图片保存到本地",(592*ratio - ctx.measureText("长按图片保存到本地").width)/2, 740*ratio);
|
||||
|
ctx.draw(); |
||||
|
// 转为图片
|
||||
|
setTimeout(() => { |
||||
|
wx.canvasToTempFilePath({ |
||||
|
x: 0, |
||||
|
y: 0, |
||||
|
canvasId: 'imageCanvas', |
||||
|
success: function (res) { |
||||
|
that.setData({ |
||||
|
shareImg: res.tempFilePath |
||||
|
}) |
||||
|
}, |
||||
|
fail(err) { |
||||
|
console.log('agdgjgdajhg', err) |
||||
|
} |
||||
|
}) |
||||
|
}, 500) |
||||
|
return false; |
||||
|
}).catch(err => { |
||||
|
console.log("this err", err) |
||||
|
}) |
||||
|
}, |
||||
|
// 圆角矩形
|
||||
|
handleBorderRect(ctx, x, y, w, h, r, color) { |
||||
|
ctx.beginPath(); |
||||
|
ctx.moveTo(x + w, y + h); |
||||
|
ctx.lineTo(x, y + h) |
||||
|
// 左上角
|
||||
|
ctx.arc(x + r, y + r, r, Math.PI, 1.5 * Math.PI); |
||||
|
ctx.moveTo(x + r, y); |
||||
|
ctx.lineTo(x + w - r, y); |
||||
|
ctx.lineTo(x + w, y + r); |
||||
|
// 右上角
|
||||
|
ctx.arc(x + w - r, y + r, r, 1.5 * Math.PI, 2 * Math.PI); |
||||
|
ctx.lineTo(x + w, y + h); |
||||
|
ctx.lineTo(x + w - r, y + h); |
||||
|
ctx.fillStyle = color; |
||||
|
ctx.fill(); |
||||
|
ctx.closePath(); |
||||
|
}, |
||||
|
handleBorderRect2(ctx, x, y, w, h, r, color) { |
||||
|
ctx.beginPath(); |
||||
|
ctx.moveTo(x, y); |
||||
|
ctx.lineTo(x + w, y) |
||||
|
// 右下角
|
||||
|
ctx.arc(x + w - r, y + h - r, r, 0, 0.5 * Math.PI); |
||||
|
ctx.lineTo(x + r, y + h); |
||||
|
ctx.lineTo(x, y + h - r); |
||||
|
// 左下角
|
||||
|
ctx.arc(x + r, y + h - r, r, 0.5 * Math.PI, Math.PI); |
||||
|
ctx.lineTo(x, y); |
||||
|
ctx.lineTo(x, y); |
||||
|
ctx.fillStyle = color; |
||||
|
ctx.fill(); |
||||
|
ctx.closePath(); |
||||
|
}, |
||||
|
// 绘制两行文字
|
||||
|
drawText: function (ctx, str, x, y, canvasWidth, ratio) { |
||||
|
let row = [], |
||||
|
temp = "", |
||||
|
chr = str.split(""); |
||||
|
for (var a = 0; a < chr.length; a++) { |
||||
|
if (ctx.measureText(temp).width < canvasWidth) { |
||||
|
temp += chr[a]; |
||||
|
} else { |
||||
|
a--; //这里添加了a-- 是为了防止字符丢失,效果图中有对比
|
||||
|
row.push(temp); |
||||
|
temp = ""; |
||||
|
} |
||||
|
} |
||||
|
row.push(temp); |
||||
|
|
||||
|
//如果数组长度大于2 则截取前两个
|
||||
|
if (row.length > 2) { |
||||
|
var rowCut = row.slice(0, 2); |
||||
|
var rowPart = rowCut[1]; |
||||
|
var test = ""; |
||||
|
var empty = []; |
||||
|
for (var a = 0; a < rowPart.length; a++) { |
||||
|
if (ctx.measureText(test).width < canvasWidth - 30 * ratio) { |
||||
|
test += rowPart[a]; |
||||
|
} else { |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
empty.push(test); |
||||
|
var group = empty[0] + "..." //这里只显示两行,超出的用...表示
|
||||
|
rowCut.splice(1, 1, group); |
||||
|
row = rowCut; |
||||
|
} |
||||
|
for (var b = 0; b < row.length; b++) { |
||||
|
ctx.fillText(row[b], x, y + b * 40 * ratio, canvasWidth); |
||||
|
} |
||||
|
}, |
||||
|
gotoDetail: function (e) { |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
util.pagePoint({ |
||||
|
event: 'recommend_click', |
||||
|
param: { |
||||
|
id: item.id, |
||||
|
type: item.type |
||||
|
} |
||||
|
}, 1) |
||||
|
if (item.type == 'travels') { |
||||
|
// 游记做特殊处理 其他都按照原来的来
|
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/info/strategyInfo/index?id=' + item.s_id, |
||||
|
}) |
||||
|
} else { |
||||
|
util.gotoDetail(item); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
gotolocation: function () { |
||||
|
let info = this.data.info; |
||||
|
wx.openLocation({ |
||||
|
latitude: Number(info.scene_lat), |
||||
|
longitude: Number(info.scene_lon), |
||||
|
name:info.scene_name, |
||||
|
address:info.scene_address |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
viewImg:function(e){ |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
if (item.img_list.length>0) { |
||||
|
wx.previewImage({ |
||||
|
urls: item.img_list |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
swiperChange (e) { |
||||
|
return |
||||
|
if(e.detail.source == "touch") { |
||||
|
let index = e.detail.current |
||||
|
this.setData({ |
||||
|
swiperCurrent: index |
||||
|
}) |
||||
|
} |
||||
|
console.log(e, this.data.swiperCurrent) |
||||
|
}, |
||||
|
changeSwiperCurrent (e) { |
||||
|
let index = e.currentTarget.dataset.index |
||||
|
this.setData({ |
||||
|
swiperCurrent: index |
||||
|
}) |
||||
|
}, |
||||
|
changeSimpleVal (e) { |
||||
|
let keyname = e.currentTarget.dataset.keyname; |
||||
|
let val = e.currentTarget.dataset.val; |
||||
|
let param = {} |
||||
|
param[keyname] = val |
||||
|
this.setData(param) |
||||
|
console.log(this.data) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
app.globalData.postProduct = [] |
||||
|
if (!wx.getStorageSync('jstrip_token')) { |
||||
|
return; |
||||
|
} |
||||
|
if (this.data.info && this.data.info.id) { |
||||
|
commonApi.user_post("product/is_product_collection", { |
||||
|
product_id: this.data.info.id |
||||
|
}).then(res => { |
||||
|
this.setData({ |
||||
|
isLike: res.data |
||||
|
}) |
||||
|
this.drawImg() |
||||
|
}) |
||||
|
// commonApi.user_post('cart/get_list', {}).then(res => {
|
||||
|
// this.setData({
|
||||
|
// cartCount: res.data.length
|
||||
|
// })
|
||||
|
// })
|
||||
|
commonApi.user_post('cart/get_count', {noLogin: true}).then(res => { |
||||
|
this.setData({ |
||||
|
cartCount: res.data //1
|
||||
|
}) |
||||
|
}) |
||||
|
} else { |
||||
|
setTimeout(() => { |
||||
|
this.onShow() |
||||
|
}, 200) |
||||
|
} |
||||
|
}, |
||||
|
playVideo() { |
||||
|
// 播放视频需要把autoplay暂停
|
||||
|
this.setData({ |
||||
|
autoPlay: false |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"title":"/pages/component/TitleHeader" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,226 @@ |
|||||
|
<!--pages/info/hotelProductInfo/index.wxml--> |
||||
|
<wxs src="../../../utils/filter.wxs" module="tool" /> |
||||
|
<title title="产品详情"></title> |
||||
|
|
||||
|
<!-- <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;"> |
||||
|
<scroll-view> |
||||
|
<swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}" |
||||
|
interval="{{2000}}" duration="{{300}}" > |
||||
|
<block wx:if="{{info.videourl}}" wx:key="*this"> |
||||
|
<swiper-item> |
||||
|
<scroll-view> |
||||
|
<video bindplay="playVideo" src="{{info.videourl}}" autoplay="{{false}}" muted="{{true}}" |
||||
|
show-mute-btn="{{true}}" show-background-playback-button="{{false}}" |
||||
|
show-progress="{{false}}" enable-progress-gesture="{{false}}"></video> |
||||
|
</scroll-view> |
||||
|
</swiper-item> |
||||
|
</block> |
||||
|
<block wx:for="{{info.listimg}}" wx:key="*this"> |
||||
|
<swiper-item> |
||||
|
<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 lazy-load src="{{item.headimg}}" mode="aspectFill"></image> |
||||
|
<view class="sku-tips "> |
||||
|
<view class="textOver">{{item.sku_name}}</view> |
||||
|
</view> |
||||
|
</swiper-item> |
||||
|
</block> --> |
||||
|
</swiper> |
||||
|
</scroll-view> |
||||
|
<!-- <view class="swiper-bottom" wx:if="{{info}}"> |
||||
|
<view class="swuper-bottom-bg"> |
||||
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.video.min&&swiperCurrent<=swiperRange.video.max)?'active':''}}" |
||||
|
wx:if="{{info.videourl}}" bind:tap="changeSwiperCurrent" data-index="{{0}}">视频</view> |
||||
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}" |
||||
|
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.min}}">图片</view> |
||||
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.sku.min&&swiperCurrent<=swiperRange.sku.max)?'active':''}}" |
||||
|
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.sku.min}}">款式</view> |
||||
|
</view> |
||||
|
<view class="swiper-bottom-item bottom-number active">{{swiperCurrent+1}}/{{swiperRange.sku.max+1}}</view> |
||||
|
</view> --> |
||||
|
</view> |
||||
|
|
||||
|
<view wx:if="{{info}}"> |
||||
|
<view class="top-info"> |
||||
|
<view class="title">{{info.title}}</view> |
||||
|
<view class="price-box"> |
||||
|
<text class="top-price">¥{{info.sku[skuIndex].price / 100}}</text> |
||||
|
<text class="old-price">¥{{info.sku[skuIndex].market_price / 100}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="scroll-all-box" id="menus" wx:if="{{info}}"> |
||||
|
<!-- <view class="scroll-menus{{fixed?' fixed-menus':''}}" style="top:{{top}}px"> --> |
||||
|
<view class="scroll-menus"> |
||||
|
<view class="type-box"> |
||||
|
<view class="scroll-menu-item{{type==1?' active':''}}" bindtap="changeMenu" data-index="1">{{info.sku[skuIndex].display_tags}}</view> |
||||
|
<view class="scroll-menu-item{{type==2?' active':''}}" bindtap="changeMenu" data-index="2">增值权益</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
<!-- <view style="height:85rpx" wx:if="{{fixed}}"></view> --> |
||||
|
<view class="info-box" > |
||||
|
<rich-text wx:if="{{type==1}}" class="details" nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.detailinfo)}}"></rich-text> |
||||
|
|
||||
|
<rich-text wx:if="{{type==2}}" class="details" nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.expenseinfo)}}"></rich-text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view style="height:140rpx"></view> |
||||
|
<view class="fixed-bottom"> |
||||
|
<view class="['left-img','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 lazy-load class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.png" mode="aspectFill"/> |
||||
|
<view>店铺</view> |
||||
|
</view> |
||||
|
</navigator> --> |
||||
|
<navigator url="/pages/user/service/index" catchtap="pagePoint" data-event='product_customservice' class="kefu-box"> |
||||
|
<view class="iconfont icon-kefu"></view> |
||||
|
<view>客服</view> |
||||
|
</navigator> |
||||
|
<view bindtap="like" class="kefu-box"> |
||||
|
<view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view> |
||||
|
<view>收藏</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view class="btns"> |
||||
|
<view class="btn" bindtap="showCart">加入购物车</view> |
||||
|
<view class="btn" bindtap="showOrder">立即购买</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- 购物车悬浮框 --> |
||||
|
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart"> |
||||
|
<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}}"> |
||||
|
<view class="mask-bg" bindtap="hideSku"></view> |
||||
|
<view class="mask-content"> |
||||
|
<view class="iconfont icon-close" bindtap="hideSku"></view> |
||||
|
<view class="sku-info-box"> |
||||
|
<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}} |
||||
|
<!-- <view class="allowance" wx:if="{{allowance_data}}"> |
||||
|
补贴价:¥{{ (1 - allowance_data.discount_rate / 100) * info.sku[skuIndex].price / 100 }}</view> --> |
||||
|
</view> |
||||
|
<view class="sku-name">已选择:{{info.sku[skuIndex].sku_name}}</view> |
||||
|
</view> |
||||
|
<view style="display: flex;align-items: center;"> |
||||
|
<view class="number-box"> |
||||
|
<view class="iconfont icon-sami-select" bindtap="minus"></view> |
||||
|
<view class="number">{{producNum}}</view> |
||||
|
<view class="iconfont icon-add-select" bindtap="add"></view> |
||||
|
</view> |
||||
|
<view class="limit-number" wx:if="{{info.sku[skuIndex].sku_model.traveller_limit_num>0}}">限购{{info.sku[skuIndex].sku_model.traveller_limit_num}}件</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="font-weight: bold;font-size: 33rpx;color: #060001;margin:0rpx 25rpx 27rpx">产品分类({{info.sku.length}})</view> |
||||
|
<view class="sku-names"> |
||||
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}" |
||||
|
wx:for="{{info.sku}}"> |
||||
|
<image lazy-load src="{{item.headimg}}"></image> |
||||
|
<view class="sku-name textOver2">{{item.sku_name}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view style="height:138rpx"></view> |
||||
|
<view class="btn-box"> |
||||
|
<view class="mask-btn" bindtap="order" wx:if="{{info.sku[skuIndex].flag=='on'}}">{{skuFlag=='cart'?'确认':'立即购买'}} |
||||
|
</view> |
||||
|
<view class="mask-btn disable" wx:else>该商品已下架</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="position:absolute;right:0;left:-10000rpx;top:-20000rpx;z-index:-1"> |
||||
|
<canvas canvas-id='imageCanvas' class='imageCanvas' style="width:551rpx;height:643rpx;" disable-scroll='true'> |
||||
|
</canvas> |
||||
|
<canvas class="canvasCode" style="opacity:0;width:500px;height:500px" canvas-id="myQrcode"></canvas> |
||||
|
</view> |
||||
|
<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 lazy-load class="share-img" src="{{shareImg}}" mode="widthFix"></image> |
||||
|
<view class="share-tips"> |
||||
|
<view style="position:relative"> |
||||
|
<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 lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<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 lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix"> |
||||
|
</image> |
||||
|
<view>微信识别二维码</view> |
||||
|
<view class="tipimg"> |
||||
|
<image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="save-btn" bindtap="save">保存到相册</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="mask mask-allowance" wx:if="{{showAllowance}}"> |
||||
|
<view bindtap="changeAllowance" class="mask-bg"></view> |
||||
|
<view class="mask-content rule-box"> |
||||
|
<view class="rule-title">{{allowance_data.title}}</view> |
||||
|
<rich-text nodes="{{allowance_data.content}}"></rich-text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<code showModel="{{showQrCode}}" qrcode = "{{wxqrcode}}"> |
||||
|
</code> |
||||
|
|
||||
|
<view class="mask" wx:if="{{otherInfoShow>0}}"> |
||||
|
<view class="mask-bg" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view> |
||||
|
<view class="mask-content"> |
||||
|
<view class="iconfont icon-close" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view> |
||||
|
<view class="other-info-content"> |
||||
|
<view class="title">{{otherInfoShow==3?"产品参数":otherInfoShow==2?"服务说明":"发货说明"}}</view> |
||||
|
<view wx:if="{{otherInfoShow==1}}"> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.shipment_info)}}"></rich-text> |
||||
|
<!-- <view class="key-title">该商品预计13小时内发货</view> |
||||
|
<view class="key-content">订单支付成功后48小时内发货,若未在48小时内发货消费者 可联系客服咨询催促发货。</view> --> |
||||
|
</view> |
||||
|
<view wx:if="{{otherInfoShow==2}}"> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.service_info)}}"></rich-text> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view wx:if="{{otherInfoShow==3}}"> |
||||
|
<rich-text class="details" nodes="{{tool.formateRichText(info.parameter_info)}}"></rich-text> |
||||
|
|
||||
|
<!-- <view class="prod-param"> |
||||
|
<view class="prod-key">名称</view> |
||||
|
<view class="prod-content">鸡头米</view> |
||||
|
</view> |
||||
|
<view class="prod-param"> |
||||
|
<view class="prod-key">购买须知</view> |
||||
|
<view class="prod-content">购买须知购买须知购买须知购买须知购买须知购买须知购买须知购买须知购买须知购买须知</view> |
||||
|
</view> --> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<view style="height:138rpx"></view> |
||||
|
<view class="btn-box"> |
||||
|
<view class="mask-btn" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}">确定</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
File diff suppressed because it is too large
@ -0,0 +1,152 @@ |
|||||
|
// subPackages/techanNew/selfPickPoint/index.js
|
||||
|
import commonApi from "../../../utils/https/common" |
||||
|
let device = wx.getSystemInfoSync(); |
||||
|
const ratio = device.windowWidth / 750; |
||||
|
let app = getApp() |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
list: [], |
||||
|
pickupId: null, |
||||
|
goodsId: null, |
||||
|
skuId: null, |
||||
|
selectIndex: null, |
||||
|
|
||||
|
lat:23, |
||||
|
lon:113, |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
this.setData({ |
||||
|
goodsId: options.goodsId, |
||||
|
skuId: options.skuId, |
||||
|
}) |
||||
|
|
||||
|
let _this = this |
||||
|
wx.getLocation({ |
||||
|
type: 'gcj02', |
||||
|
success: function (res) { |
||||
|
_this.getList() |
||||
|
}, |
||||
|
fail: function(e) { |
||||
|
_this.getList() |
||||
|
}, |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
getList() { |
||||
|
let param = { |
||||
|
product_id: this.data.goodsId, |
||||
|
lon: this.data.lon || '113', |
||||
|
lat: this.data.lat || '23', |
||||
|
} |
||||
|
commonApi.user_post("product/getDeliverShop", param).then(res => { |
||||
|
let resData = res.data || [] |
||||
|
resData.forEach(x=>{ |
||||
|
if (x.distance) { |
||||
|
x.distance = (x.distance / 1000).toFixed(2) |
||||
|
} |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list: res.data || [] |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
selectPoint (e) { |
||||
|
let index = e.currentTarget.dataset.index; |
||||
|
this.setData({ |
||||
|
selectIndex: index |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
goMap (e) { |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
console.log(123) |
||||
|
wx.openLocation({ |
||||
|
latitude: Number(item.lat), |
||||
|
longitude: Number(item.lon), |
||||
|
name:item.title, |
||||
|
address:item.address, |
||||
|
|
||||
|
fail: function (e) { |
||||
|
console.log(e) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
confirmPoint () { |
||||
|
if(this.data.selectIndex==null) { |
||||
|
wx.showToast({icon: "none",title: "请先选择自提点"}) |
||||
|
return; |
||||
|
} |
||||
|
// 返回上一个页面并带回selectItem
|
||||
|
let selectItem = this.data.list[this.data.selectIndex] |
||||
|
|
||||
|
const pages = getCurrentPages(); |
||||
|
const prevPage = pages[pages.length - 2]; |
||||
|
if (prevPage && prevPage.setPickUpPoint) { |
||||
|
console.log(prevPage) |
||||
|
prevPage.setPickUpPoint(selectItem) |
||||
|
} |
||||
|
|
||||
|
wx.navigateBack() |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"title":"/pages/component/TitleHeader" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,35 @@ |
|||||
|
<wxs src="../../../utils/filter.wxs" module="tool" /> |
||||
|
<title title="选择自提点"></title> |
||||
|
<view class="bg"> |
||||
|
<view class="item-bg'{{selectIndex==index?'active':''}}" wx:for="{{list}}" |
||||
|
wx:key="index" data-index="{{index}}" bind:tap="selectPoint" data-item="{{item}}"> |
||||
|
<view class="item"> |
||||
|
<view class="item-point-title"> |
||||
|
<view class="name">{{item.title}}</view> |
||||
|
<!-- <view style="padding: 10rpx 0;">营业时间:{{item.remark}}</view> --> |
||||
|
<view >地址:{{item.address}}</view> |
||||
|
</view> |
||||
|
<view class="item-point-guide" catchtap="goMap" data-item="{{item}}"> |
||||
|
<view> |
||||
|
<image src="https://static.ticket.sz-trip.com/uploads/20251028/071021313e5d04d98ca82f1f9e0678fd.png" mode="aspectFill" class="mapPoint"></image> |
||||
|
</view> |
||||
|
<!-- <view class="distance" wx:if="{{item.distance}}">距离{{item.distance}}km</view> --> |
||||
|
<view class="distance" >去这里</view> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="no-data" wx:if="{{list.length==0}}"> |
||||
|
<image src="https://static.ticket.sz-trip.com/dongtai/images/user/noAddress.png" mode="aspectFill" class="no-address"></image> |
||||
|
<view class=""> |
||||
|
暂无自提点地址 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="btn-bottom"> |
||||
|
<view class="addBox" bind:tap="confirmPoint"> |
||||
|
确定 |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
</view> |
||||
@ -0,0 +1,124 @@ |
|||||
|
|
||||
|
.bg { |
||||
|
/* position: relative; */ |
||||
|
background: #F7F7F7; |
||||
|
padding-bottom: 170rpx; |
||||
|
box-sizing: border-box; |
||||
|
min-height: 100vh; |
||||
|
padding-top: 20rpx; |
||||
|
} |
||||
|
.flex-shrink-0{ |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
.item-bg{ |
||||
|
width: 697rpx; |
||||
|
min-height: 160rpx; |
||||
|
height: 160rpx; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 13rpx; |
||||
|
margin: 0 auto; |
||||
|
margin-bottom: 28rpx; |
||||
|
} |
||||
|
.item-bg.active{ |
||||
|
border:1px solid #0E8790; |
||||
|
} |
||||
|
|
||||
|
.item { |
||||
|
padding: 24rpx; |
||||
|
padding-right: 0; |
||||
|
display: flex; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 13rpx; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.item .item-point-title{ |
||||
|
flex: 1; |
||||
|
width: 10rpx; |
||||
|
padding-right: 78rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
font-weight: 500; |
||||
|
font-size: 27rpx; |
||||
|
color: #999999; |
||||
|
} |
||||
|
.item .item-point-guide{ |
||||
|
width:140rpx; |
||||
|
flex-shrink: 0; |
||||
|
border-left: 1px solid #D8D8D8; |
||||
|
color: #515150; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
font-size: 24rpx; |
||||
|
} |
||||
|
.item .mapPoint{ |
||||
|
width: 33rpx; |
||||
|
height: 33rpx; |
||||
|
} |
||||
|
.name { |
||||
|
display: flex; |
||||
|
font-size: 31rpx; |
||||
|
font-weight: bold; |
||||
|
color: #333333; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.no-data { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
flex-direction: column; |
||||
|
padding: 300rpx 0; |
||||
|
} |
||||
|
.no-data view:nth-child(2) { |
||||
|
font-size: 30rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #333333; |
||||
|
margin-top: 25rpx; |
||||
|
} |
||||
|
|
||||
|
.no-data image { |
||||
|
width: 160rpx; |
||||
|
height: 160rpx; |
||||
|
} |
||||
|
|
||||
|
.btn-bottom{ |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
width: 750rpx; |
||||
|
height: 150rpx; |
||||
|
background: #FFFFFF; |
||||
|
box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6, 0, 1, 0.1); |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 30rpx 50rpx 30rpx 50rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.btn-bottom .addBox{ |
||||
|
margin: 0 auto; |
||||
|
width: 697rpx; |
||||
|
height: 73rpx; |
||||
|
background: #D62828; |
||||
|
border-radius: 39rpx; |
||||
|
font-size: 36rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #FFFFFF; |
||||
|
line-height: 80rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.distance{ |
||||
|
font-weight: 500; |
||||
|
font-size: 24rpx; |
||||
|
color: #0E8790; |
||||
|
text-align: center; |
||||
|
padding-top: 11rpx; |
||||
|
word-wrap: break-all; |
||||
|
} |
||||
Loading…
Reference in new issue