vaneditor/dist/build/h5/static/js/pages-scenicTutorials-components-spotDetail.7b855a70.js

``` 移动端ui框架统一用uView,css扩展语言用scss,全局数据管理vuex,统一样式主体风格颜色定义/src/uni.scss ```

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-scenicTutorials-components-spotDetail"],{"12b9":function(t,e,i){"use strict";i.r(e);var a=i("eaa0"),o=i("6e29");for(var n in o)"default"!==n&&function(t){i.d(e,t,(function(){return o[t]}))}(n);i("3ca7");var s=i("2877"),d=Object(s["a"])(o["default"],a["a"],a["b"],!1,null,"71e134ef",null);e["default"]=d.exports},"3a69":function(t,e,i){"use strict";var a=i("4ea4");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,i("28a5"),i("96cf");var o=a(i("3b8d")),n=a(i("dd9f")),s={components:{myContent:n.default},data:function(){return{indicatorDots:!1,circular:!0,autoplay:!0,interval:3e3,duration:500,imgList:[],current:1,currentLength:1,id:"",url:{queryDataById:"/weChat/cms/viewspot/queryById",queryList:"/weChat/cms/viewspot/queryPage"},isPlayAudio:!1,innerAudioContext:"",showSecond:!0,score:4,spotList:[],tagList:[],detail:{name:"",coverImagesUrl:"",viewspotAudio:"",introduction:"",scenicspotName:"",photoImagesUrls:"",secnicspotTag:""}}},computed:{videoIcon:function(){return this.isPlayAudio?i("c8a3"):i("d6f4")},showList:function(){var t=this;return this.spotList.filter((function(e){return e.id!==t.id})).slice(0,4)}},onLoad:function(t){this.id=t.id||"",this.queryData(),this.innerAudioContext=uni.createInnerAudioContext()},beforeDestroy:function(){},methods:{handleClick:function(){uni.navigateTo({url:"/pages/scenicTutorials/detail?id="+this.detail.scenicspotId})},changeImg:function(t){this.current=t.detail.current+1},playAudio:function(){this.innerAudioContext.onPause((function(){console.log("暂停")})),this.innerAudioContext.onPlay((function(){console.log("开始播放")})),this.innerAudioContext.onError((function(t){console.log(t.errMsg),console.log(t.errCode)})),this.innerAudioContext.paused?this.innerAudioContext.play():this.innerAudioContext.pause(),this.isPlayAudio=!this.isPlayAudio},queryData:function(){var t=(0,o.default)(regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$ajax({url:this.url.queryDataById,method:"post",data:{id:this.id}});case 2:e=t.sent,this.detail=e.data,this.tagList=this.detail.tagList?this.detail.tagList:[],this.imgList=this.detail.photoImagesUrls.split(","),this.currentLength=this.imgList.length||0,this.innerAudioContext.src=this.$getImg(this.detail.viewspotAudio);case 8:case"end":return t.stop()}}),t,this)})));function e(){return t.apply(this,arguments)}return e}(),queryOtherData:function(){var t=(0,o.default)(regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$ajax({url:this.url.queryList,method:"post",data:{scenicspotId:this.detail.scenicspotId,currentPage:1,pageSize:10}});case 2:e=t.sent,this.spotList=e.data;case 4:case"end":return t.stop()}}),t,this)})));function e(){return t.apply(this,arguments)}return e}()}};e.default=s},"3ca7":function(t,e,i){"use strict";var a=i("c124"),o=i.n(a);o.a},"6e29":function(t,e,i){"use strict";i.r(e);var a=i("3a69"),o=i.n(a);for(var n in a)"default"!==n&&function(t){i.d(e,t,(function(){return a[t]}))}(n);e["default"]=o.a},c124:function(t,e,i){var a=i("d371");"string"===typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var o=i("4f06").default;o("c82a7036",a,!0,{sourceMap:!1,shadowMode:!1})},d371:function(t,e,i){e=t.exports=i("2350")(!1),e.push([t.i,".spot-detail[data-v-71e134ef]{width:%?750?%}.spot-detail .head[data-v-71e134ef]{position:relative}.spot-detail .head .top[data-v-71e134ef]{position:relative}.spot-detail .head .top .swiper[data-v-71e134ef]{width:100%;height:%?450?%}.spot-detail .head .top .swiper uni-image[data-v-71e134ef]{width:100%}.spot-detail .head .top .current[data-v-71e134ef]{position:absolute;right:%?0?%;bottom:%?43?%;color:#fff;z-index:999;background:rgba(0,0,0,.6);text-align:center;opacity:.9;font-size:%?28?%;border-radius:%?38?% 0 0 %?38?%;padding:%?13?% %?25?%}.spot-detail .head .top .current uni-image[data-v-71e134ef]{margin-right:%?8?%;width:%?30?%;height:%?24?%}.spot-detail .head .top .slope[data-v-71e134ef]{position:absolute;bottom:%?-17?%}.spot-detail .head .top .slope img[data-v-71e134ef]{width:100%;height:%?76?%}.spot-detail .head .top .slope .btn[data-v-71e134ef]{position:absolute;left:%?20?%;bottom:%?60?%;display:inline-block;width:%?160?%;height:%?54?%;background-size:contain}.spot-detail .head .info[data-v-71e134ef]{display:none;position:absolute;background:#fff;border-radius:10px;width:345px;height:50px;bottom:-25px;left:50%;margin-left:-172px}.spot-detail .head .info .title[data-v-71e134ef]{line-height:50px;font-size:16px;color:#333;font-weight:500;padding-left:20px}.spot-detail .head .info .btn[data-v-71e134ef]{position:absolute;right:15px;bottom:15px;display:inline-block;width:25px;height:25px;background-size:contain}.spot-detail .head .info .prompt[data-v-71e134ef]{position:absolute;right:45px;bottom:21px;font-size:12px;color:#333}.spot-detail .segmentation[data-v-71e134ef]{width:100%;height:%?20?%;background:#f7f7f7}.spot-detail .content[data-v-71e134ef]{background-color:#fff;padding:%?34?% %?30?%}.spot-detail .content .body[data-v-71e134ef]{padding:%?30?% 0 %?20?%;border-top:%?1?% solid #eaeaea}.spot-detail .content.strategy-list[data-v-71e134ef]{margin-bottom:%?80?%}.spot-detail .content .detailName[data-v-71e134ef]{display:inline-block;font-size:%?34?%;font-weight:700;width:100%;word-break:break-word}.spot-detail .content .title[data-v-71e134ef]{position:relative;padding-bottom:%?30?%;color:#333;font-size:%?34?%;font-weight:700}.spot-detail .content .title h1[data-v-71e134ef]{font-size:%?34?%;color:#333;font-weight:700;display:inline-block;vertical-align:middle}.spot-detail .content .title .icon.icon3[data-v-71e134ef]{display:inline-block;vertical-align:middle;width:%?30?%;height:%?32?%;margin-right:%?20?%}.spot-detail .scenicSpot .detail[data-v-71e134ef]{border-top:%?1?% solid #eaeaea;position:relative;padding:%?20?% 0;height:%?200?%;box-sizing:border-box;color:#333;display:-webkit-flex;display:flex;-webkit-align-content:flex-start;align-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start}.spot-detail .scenicSpot .detail .bodyName h1[data-v-71e134ef]{font-size:%?30?%;font-weight:700;display:block;width:%?540?%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:%?20?%}.spot-detail .scenicSpot .detail .bodyCover[data-v-71e134ef]{width:%?140?%;height:%?110?%;overflow:hidden;margin-right:%?20?%;border:1px dashed #eee}.spot-detail .scenicSpot .detail .tags[data-v-71e134ef]{display:block;overflow:hidden;width:220px;height:19px}.spot-detail .scenicSpot .detail .tag[data-v-71e134ef]{display:inline-block;font-size:10px;background:#ececec;color:#7e7d7d;height:15px;line-height:15px;border:1px solid #7e7d7d;border-radius:2px;text-align:center;padding:1px 5px;margin:0 8px 0 0}.spot-detail .scenicSpot .detail .ticket-name[data-v-71e134ef]{height:34px;line-height:34px;font-size:14px}.spot-detail .scenicSpot .detail .ticket-address[data-v-71e134ef]{font-size:12px}.spot-detail .scenicSpot .detail .angle-right[data-v-71e134ef]{position:absolute;right:0;top:18px;height:16px}.spot-detail .scenicSpot .body .top h3[data-v-71e134ef]{display:inline-block;font-size:15px;font-weight:500;color:#333}.spot-detail .scenicSpot .body .top .right[data-v-71e134ef]{font-size:18px;color:#888;margin:0 5px 0 10px;float:right}.spot-detail .scenicSpot .body .score .myRate[data-v-71e134ef]{margin:10px 0}.spot-detail .scenicSpot .body .score .myRate .num[data-v-71e134ef]{font-size:19px;color:#ff6a16;font-weight:600}.spot-detail .scenicSpot .body .score .myRate .unit[data-v-71e134ef]{font-size:15px;color:#ff6a16;font-weight:600}.spot-detail .otherScenic[data-v-71e134ef]{padding-bottom:10px}.spot-detail .otherScenic .body[data-v-71e134ef]{overflow:hidden}.spot-detail .otherScenic .body .item[data-v-71e134ef]{width:167px;float:left;margin-bottom:10px}.spot-detail .otherScenic .body .item img[data-v-71e134ef]{width:100%;height:140px}.spot-detail .otherScenic .body .item.right[data-v-71e134ef]{margin-left:10px}.spot-detail .otherScenic .body .item p[data-v-71e134ef]{font-size:15px;line-height:28px;color:#333}",""])},eaa0:function(t,e,i){"use strict";var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"spot-detail"},[i("div",{staticClass:"head"},[i("div",{staticClass:"top"},[i("v-uni-swiper",{staticClass:"swiper swipe-style",attrs:{"indicator-dots":t.indicatorDots,circular:t.circular,autoplay:t.autoplay,interval:t.interval,duration:t.duration},on:{change:function(e){e=t.$handleEvent(e),t.changeImg(e)}}},t._l(t.imgList,(function(e,a){return i("v-uni-swiper-item",{key:a},[i("v-uni-view",{staticClass:"swiper-item"},[i("v-uni-image",{attrs:{src:t.$getImg(e),mode:"widthFix"}})],1)],1)})),1),i("div",{staticClass:"current"},[i("v-uni-image",{attrs:{src:"/static/scenicTutorials/camera.png",mode:"widthFix"}}),t._v(t._s(t.current)+"/"+t._s(t.currentLength))],1),i("div",{staticClass:"slope"},[t.detail.viewspotAudio?i("v-uni-image",{staticClass:"btn",attrs:{src:t.videoIcon,mode:"aspectFill"},on:{click:function(e){e=t.$handleEvent(e),t.playAudio(e)}}}):t._e()],1)],1)]),i("div",{staticClass:"content"},[i("div",{staticClass:"detailName"},[t._v(t._s(t.detail.name))])]),i("div",{staticClass:"segmentation"}),i("div",{staticClass:"content"},[i("div",{staticClass:"title"},[i("v-uni-image",{staticClass:"icon icon3",attrs:{src:"/static/public/introIcon.png",mode:"aspectFill"}}),i("h1",[t._v("景区简介")])],1),i("div",{staticClass:"body"},[i("my-content",{attrs:{introduce:t.detail.introduction}})],1)]),i("div",{staticClass:"segmentation"}),i("div",{staticClass:"content scenicSpot"},[t._m(0),i("div",{staticClass:"detail",on:{click:function(e){e=t.$handleEvent(e),t.handleClick(e)}}},[i("v-uni-image",{staticClass:"bodyCover",attrs:{src:t.$getImg(t.detail.scenicspotCoverImagesUrl),mode:"aspectFill"}}),i("div",{staticClass:"bodyName"},[i("h1",[t._v(t._s(t.detail.scenicspotName))]),t.tagList.length>0?i("span",{staticClass:"tags"},t._l(t.tagList,(function(e,a){return i("span",{key:a,staticClass:"tag"},[t._v(t._s(e.value))])})),0):t._e()])],1)])])},o=[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"title"},[i("h1",[t._v("所属景区")])])}];i.d(e,"a",(function(){return a})),i.d(e,"b",(function(){return o}))}}]);