jiazhipeng
12 months ago
7 changed files with 42 additions and 5 deletions
@ -1,2 +1,2 @@ |
|||
require('../../app.js'); |
|||
"use strict";const t=require("../../common/vendor.js"),e=require("../../utils/request.js"),i=require("../../common/assets.js"),o={components:{audioCom:()=>"../../components/audioCom.js"},data:()=>({comDom:!0,tag:"",appInstance:"",currentImgIndex:1,imgList:[],background:["color1","color2","color3"],indicatorDots:!1,autoplay:!0,interval:2e3,duration:500,scopeName:"",addressName:"",description:"",openUrlBtnState:!1,openUrl:"",longitude:0,latitude:0,mapUrl:""}),onLoad(t){this.tag=t.tag,this.appInstance=getApp(),this.initConfig()},onShow(){this.comDom=!0},onHide(){this.comDom=!1},methods:{async initConfig(){let t=await e.request("/contentinfo","get");for(let e=0;e<t.mapConfig.length;e++)if(this.tag==t.mapConfig[e].address_name){this.addressName=t.mapConfig[e].address_name,this.description=t.mapConfig[e].description,this.scopeName=t.mapConfig[e].scopeName,this.longitude=t.mapConfig[e].longitude,this.latitude=t.mapConfig[e].latitude,this.mapUrl=t.mapConfig[e].mapUrl,this.isLink(t.mapConfig[e].openUrl)||this.isWechatApp(t.mapConfig[e].openUrl)?(this.openUrlBtnState=!0,this.openUrl=t.mapConfig[e].openUrl):t.mapConfig[e].appUrl&&t.mapConfig[e].appUrl.trim().length>0?(this.openUrlBtnState=!0,this.openUrl=t.mapConfig[e].appUrl):this.openUrlBtnState=!1;for(let i=0;i<t.mapConfig[e].imgList.length;i++){let o=`${this.appInstance.globalData.baseUrl}/static/contentImg/${t.mapConfig[e].imgList[i]}.jpg`;this.imgList.push(o)}break}},isLink:t=>/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/.test(t),isWechatApp:t=>/^#小程序:\/\/.+/.test(t),changeIndicatorDots(t){this.indicatorDots=!this.indicatorDots},changeAutoplay(t){this.autoplay=!this.autoplay},intervalChange(t){this.interval=t.target.value},durationChange(t){this.duration=t.target.value},swiperChange(t){this.currentImgIndex=t.detail.current+1},goShoping(){this.isWechatApp(this.openUrl)?t.wx$1.navigateToMiniProgram({envVersion:"release",shortLink:this.openUrl,success(t){}}):this.isLink(this.openUrl)?t.index.navigateTo({url:`/pages/web/index?url=${this.openUrl}`}):this.openUrl&&t.index.navigateTo({url:this.openUrl})},openMap(){t.wx$1.openLocation({latitude:this.latitude,longitude:this.longitude,name:this.scopeName,scale:18})}}};if(!Array){t.resolveComponent("audio-com")()}const n=t._export_sfc(o,[["render",function(e,o,n,a,s,r){return t.e({a:s.comDom},s.comDom?{b:t.sr("audioCom","3e19c77f-0")}:{},{c:t.f(s.imgList,((t,e,i)=>({a:t,b:e}))),d:s.indicatorDots,e:s.autoplay,f:s.interval,g:s.duration,h:t.o(((...t)=>r.swiperChange&&r.swiperChange(...t))),i:t.t(s.currentImgIndex),j:t.t(s.imgList.length),k:t.t(s.addressName),l:i._imports_0$2,m:t.t(s.scopeName),n:i._imports_1$1,o:t.t(s.description),p:t.o(((...t)=>r.openMap&&r.openMap(...t))),q:s.openUrlBtnState},s.openUrlBtnState?{r:t.o(((...t)=>r.goShoping&&r.goShoping(...t)))}:{})}],["__scopeId","data-v-3e19c77f"]]);wx.createPage(n); |
|||
"use strict";const t=require("../../common/vendor.js"),e=require("../../utils/request.js"),i=require("../../common/assets.js"),o={components:{audioCom:()=>"../../components/audioCom.js"},data:()=>({comDom:!0,tag:"",appInstance:"",currentImgIndex:1,imgList:[],background:["color1","color2","color3"],indicatorDots:!1,autoplay:!0,interval:2e3,duration:500,scopeName:"",addressName:"",description:"",openUrlBtnState:!1,openUrl:"",longitude:0,latitude:0,mapUrl:""}),onLoad(t){this.tag=t.tag,this.appInstance=getApp(),this.initConfig()},onShow(){this.comDom=!0},onHide(){this.comDom=!1},methods:{async initConfig(){let t=await e.request("/contentinfo","get");for(let e=0;e<t.mapConfig.length;e++)if(this.tag==t.mapConfig[e].address_name){this.addressName=t.mapConfig[e].address_name,this.description=t.mapConfig[e].description,this.scopeName=t.mapConfig[e].scopeName,this.longitude=t.mapConfig[e].longitude,this.latitude=t.mapConfig[e].latitude,this.mapUrl=t.mapConfig[e].mapUrl,t.mapConfig[e].appUrl&&t.mapConfig[e].appUrl.trim().length>0?(this.openUrlBtnState=!0,this.openUrl=t.mapConfig[e].appUrl):this.isLink(t.mapConfig[e].openUrl)||this.isWechatApp(t.mapConfig[e].openUrl)?(this.openUrlBtnState=!0,this.openUrl=t.mapConfig[e].openUrl):this.openUrlBtnState=!1;for(let i=0;i<t.mapConfig[e].imgList.length;i++){let o=`https://jdsz.ispush.com/static/contentImg/${t.mapConfig[e].imgList[i]}.jpg`;this.imgList.push(o)}break}},isLink:t=>/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/.test(t),isWechatApp:t=>/^#小程序:\/\/.+/.test(t),changeIndicatorDots(t){this.indicatorDots=!this.indicatorDots},changeAutoplay(t){this.autoplay=!this.autoplay},intervalChange(t){this.interval=t.target.value},durationChange(t){this.duration=t.target.value},swiperChange(t){this.currentImgIndex=t.detail.current+1},goShoping(){this.isWechatApp(this.openUrl)?t.wx$1.navigateToMiniProgram({envVersion:"release",shortLink:this.openUrl,success(t){}}):this.isLink(this.openUrl)?t.index.navigateTo({url:`/pages/web/index?url=${this.openUrl}`}):this.openUrl&&t.index.navigateTo({url:this.openUrl})},openMap(){t.wx$1.openLocation({latitude:this.latitude,longitude:this.longitude,name:this.scopeName,scale:18})}}};if(!Array){t.resolveComponent("audio-com")()}const n=t._export_sfc(o,[["render",function(e,o,n,a,s,r){return t.e({a:s.comDom},s.comDom?{b:t.sr("audioCom","b48e95cf-0")}:{},{c:t.f(s.imgList,((t,e,i)=>({a:t,b:e}))),d:s.indicatorDots,e:s.autoplay,f:s.interval,g:s.duration,h:t.o(((...t)=>r.swiperChange&&r.swiperChange(...t))),i:t.t(s.currentImgIndex),j:t.t(s.imgList.length),k:t.t(s.addressName),l:i._imports_0$2,m:t.t(s.scopeName),n:i._imports_1$1,o:t.t(s.description),p:t.o(((...t)=>r.openMap&&r.openMap(...t))),q:s.openUrlBtnState},s.openUrlBtnState?{r:t.o(((...t)=>r.goShoping&&r.goShoping(...t)))}:{})}],["__scopeId","data-v-b48e95cf"]]);wx.createPage(n); |
|||
|
|||
@ -1,5 +1,6 @@ |
|||
{ |
|||
"navigationBarTitleText": "君到苏州最美打卡点", |
|||
"navigationStyle": "default", |
|||
"usingComponents": { |
|||
"audio-com": "../../components/audioCom" |
|||
} |
|||
|
|||
@ -1 +1 @@ |
|||
<audio-com wx:if="{{a}}" class="r data-v-3e19c77f" u-r="audioCom" u-i="3e19c77f-0" bind:__l="__l"></audio-com><view class="content data-v-3e19c77f"><view class="swiperContent data-v-3e19c77f"><swiper class="swiper data-v-3e19c77f" circular indicator-dots="{{d}}" autoplay="{{e}}" interval="{{f}}" duration="{{g}}" bindchange="{{h}}"><swiper-item wx:for="{{c}}" wx:for-item="item" wx:key="b" class="data-v-3e19c77f"><view class="swiper-item uni-bg-red data-v-3e19c77f"><image class="data-v-3e19c77f" src="{{item.a}}"/></view></swiper-item></swiper><view class="swiperLength data-v-3e19c77f"><label class="data-v-3e19c77f">{{i}}</label>/{{j}}</view></view><view class="contentDetails data-v-3e19c77f"><view class="detailsTitle data-v-3e19c77f">{{k}}</view><view class="detailsMapPoint data-v-3e19c77f"><view class="icoBox data-v-3e19c77f"><image class="data-v-3e19c77f" src="{{l}}"/></view><view class="contentText data-v-3e19c77f">{{m}}</view></view><view class="detailsText data-v-3e19c77f"><view class="icoBox data-v-3e19c77f"><image class="data-v-3e19c77f" src="{{n}}"/></view><view class="contentText data-v-3e19c77f">{{o}}</view></view></view><view class="toNewPage data-v-3e19c77f"><view class="btn data-v-3e19c77f" bindtap="{{p}}">前往景点</view><view wx:if="{{q}}" class="btn data-v-3e19c77f" bindtap="{{r}}">前往购票</view></view></view> |
|||
<audio-com wx:if="{{a}}" class="r data-v-b48e95cf" u-r="audioCom" u-i="b48e95cf-0" bind:__l="__l"></audio-com><view class="content data-v-b48e95cf"><view class="swiperContent data-v-b48e95cf"><swiper class="swiper data-v-b48e95cf" circular indicator-dots="{{d}}" autoplay="{{e}}" interval="{{f}}" duration="{{g}}" bindchange="{{h}}"><swiper-item wx:for="{{c}}" wx:for-item="item" wx:key="b" class="data-v-b48e95cf"><view class="swiper-item uni-bg-red data-v-b48e95cf"><image class="data-v-b48e95cf" src="{{item.a}}"/></view></swiper-item></swiper><view class="swiperLength data-v-b48e95cf"><label class="data-v-b48e95cf">{{i}}</label>/{{j}}</view></view><view class="contentDetails data-v-b48e95cf"><view class="detailsTitle data-v-b48e95cf">{{k}}</view><view class="detailsMapPoint data-v-b48e95cf"><view class="icoBox data-v-b48e95cf"><image class="data-v-b48e95cf" src="{{l}}"/></view><view class="contentText data-v-b48e95cf">{{m}}</view></view><view class="detailsText data-v-b48e95cf"><view class="icoBox data-v-b48e95cf"><image class="data-v-b48e95cf" src="{{n}}"/></view><view class="contentText data-v-b48e95cf">{{o}}</view></view></view><view class="toNewPage data-v-b48e95cf"><view class="btn data-v-b48e95cf" bindtap="{{p}}">前往景点</view><view wx:if="{{q}}" class="btn data-v-b48e95cf" bindtap="{{r}}">前往购票</view></view></view> |
|||
@ -1,2 +1,2 @@ |
|||
@import "../../app.wxss"; |
|||
.content.data-v-3e19c77f{width:100vw;height:100vh}span.data-v-3e19c77f{font-size:35rpx}.content .swiperContent.data-v-3e19c77f{position:relative;width:750rpx;height:730rpx;color:#fff}.content .swiperContent .swiperLength.data-v-3e19c77f{position:absolute;right:2vw;bottom:2vw}.swiper.data-v-3e19c77f{width:100%;height:100%}.swiper-item.data-v-3e19c77f{width:750rpx;height:730rpx}.swiper-item>image.data-v-3e19c77f{width:100%;height:100%}.contentDetails.data-v-3e19c77f{width:95vw;margin:0 auto;transform:translate(10rpx)}.contentDetails .detailsTitle.data-v-3e19c77f{font-size:39rpx;color:#001f1f;margin-top:60rpx;background:linear-gradient(to bottom,rgba(255,255,255,0),#5dba85);display:inline-block}.contentDetails .detailsMapPoint.data-v-3e19c77f{display:flex;margin:35rpx 0}.contentDetails .detailsText.data-v-3e19c77f{display:flex}.detailsMapPoint .icoBox.data-v-3e19c77f{width:26rpx;height:35rpx;display:flex;justify-content:center;align-items:center;margin-top:20rpx}.detailsMapPoint .contentText.data-v-3e19c77f{border-bottom:1px solid #d7d7d7;padding:10rpx 0rpx;color:#3e3e3e}.detailsText .icoBox.data-v-3e19c77f{width:32rpx;height:26rpx;display:flex;justify-content:center;align-items:center;margin-top:15rpx}.icoBox>image.data-v-3e19c77f{object-fit:cover;width:100%;height:100%}.contentText.data-v-3e19c77f{width:85%;margin-left:20rpx}.detailsText .contentText.data-v-3e19c77f{letter-spacing:3rpx;line-height:60rpx}.toNewPage.data-v-3e19c77f{width:90%;margin:0 auto;display:flex;justify-content:flex-end}.toNewPage .btn.data-v-3e19c77f{width:145rpx;height:50rpx;background:#5dba85;border-radius:10rpx;color:#fff;display:flex;justify-content:center;align-items:center;font-size:25rpx;margin:30rpx 5rpx} |
|||
.content.data-v-b48e95cf{width:100vw;height:100vh}span.data-v-b48e95cf{font-size:35rpx}.content .swiperContent.data-v-b48e95cf{position:relative;width:750rpx;height:730rpx;color:#fff}.content .swiperContent .swiperLength.data-v-b48e95cf{position:absolute;right:2vw;bottom:2vw}.swiper.data-v-b48e95cf{width:100%;height:100%}.swiper-item.data-v-b48e95cf{width:750rpx;height:730rpx}.swiper-item>image.data-v-b48e95cf{width:100%;height:100%}.contentDetails.data-v-b48e95cf{width:95vw;margin:0 auto;transform:translate(10rpx)}.contentDetails .detailsTitle.data-v-b48e95cf{font-size:39rpx;color:#001f1f;margin-top:60rpx;background:linear-gradient(to bottom,rgba(255,255,255,0),#5dba85);display:inline-block}.contentDetails .detailsMapPoint.data-v-b48e95cf{display:flex;margin:35rpx 0}.contentDetails .detailsText.data-v-b48e95cf{display:flex}.detailsMapPoint .icoBox.data-v-b48e95cf{width:26rpx;height:35rpx;display:flex;justify-content:center;align-items:center;margin-top:20rpx}.detailsMapPoint .contentText.data-v-b48e95cf{border-bottom:1px solid #d7d7d7;padding:10rpx 0rpx;color:#3e3e3e}.detailsText .icoBox.data-v-b48e95cf{width:32rpx;height:26rpx;display:flex;justify-content:center;align-items:center;margin-top:15rpx}.icoBox>image.data-v-b48e95cf{object-fit:cover;width:100%;height:100%}.contentText.data-v-b48e95cf{width:85%;margin-left:20rpx}.detailsText .contentText.data-v-b48e95cf{letter-spacing:3rpx;line-height:60rpx}.toNewPage.data-v-b48e95cf{width:90%;margin:0 auto;display:flex;justify-content:flex-end}.toNewPage .btn.data-v-b48e95cf{width:145rpx;height:50rpx;background:#5dba85;border-radius:10rpx;color:#fff;display:flex;justify-content:center;align-items:center;font-size:25rpx;margin:30rpx 5rpx} |
|||
|
|||
Loading…
Reference in new issue