CjyTravel/subPageB/famousVillage/famousVillagetail/famousVillagetail.vue

<template>
	<view class="">
		<view style="position: absolute; top:0; left: 0; width: 100%; height:464rpx ; z-index: 0;">
			<swiper :autoplay="autoplay" class="lh-swiper" :duration="duration" :indicator-dots="indicatorDots" :interval="interval">
				<swiper-item v-for="(item,index) in pic_list" :key="index">
					<image class="slide-image" height="187" :src="item" width="375"></image>
				</swiper-item>

			</swiper>
		</view>

		<view class="cont_mode">
			<view class="mode_com">
			<view  class="biaot_box">

				<view class="arc_t_pd">
					<view class="news_tit">{{info.title}}
					</view>
				</view>
				<view bindtap="showMap" class="info-list" @click="daohang()">
					<!-- <view class="pic">
					<image src="/subPageA/images/list-icon1_h.png" style="width:30rpx;height:37rpx;"></image>
				</view> -->
					<view class="txt">{{info.address}}</view>
					<view class="more"></view>
				</view>
			</view>
			</view>

			<view class="swiper-tab-wrap">


				<view class="line-show-wrap">
					<view class="mode_com mt_1">
						<!-- <view class="item-title">内容</view> -->
						<view class="nr_cot">

							<u-parse :content="info.content" :loading="loading" @preview="preview" @navigate="navigate" />

						</view>
					</view>
				</view>


			</view>


		</view>


		<!-- 	<view class="news_info shadow_fg hoteven_inf">
		<view class="info-box"> -->


		<!-- <view class="info-list">
				<view class="pic">
					<image src="/subPageA/images/icon_adr.png" style="width:30rpx;height:37rpx;"></image>
				</view>
				<view>
					<text class="address">类型：</text>
					<text class="txt">{{info.type}}</text>
				</view>
			</view>

			<view bindtap="callPhone" class="info-list" :data-mobile="info.hphone">
				<view class="pic">
					<image src="/subPageA/images/other.png" style="width:32rpx;height:37rpx;"></image>
				</view>
				<view class="address">
					<text class="address">地域编码：</text>
					<text class="txt">{{info.region}}</text>
				</view>
				<view class="more" :hidden="'暂无'==info.hphone?true:false"></view>
			</view> -->

		<!-- 		</view>

</view> -->


	</view>
</template>

<script>
	import uParse from '@/uni_modules/uview-ui/components/u-parse/u-parse.vue'

	export default {
		components: {
			uParse
		},
		data() {
			return {
				priceSymbol: "",
				indicatorDots: false,
				autoplay: true,
				interval: 3000,
				duration: 500,
				pic_url: this.$config.ROOTPATH,
				pic_list: [],
				info: {},
				netType:true

			}
		},
		onLoad: function(options) {
			var that = this;
			this.$util.getNetworkType(
				function(res){
					if(res.networkType === 'none'){
						uni.showToast({
							title:that.$param.netMsg,
							icon:"none",
							duration:2000
						})
						that.netType = false;
					}
				},function(){
					uni.showToast({
						title:that.$param.netMsg,
						icon:"none",
						duration:2000
					})
					that.netType = false;
				}
			)
			if(!that.netType){
				return;
			}
			this.$util.hideLoadingByTime();
			this.detailInfo(options.guid);
		},
		methods: {
			detailInfo: function(guid) {
				var url = this.$config.campsitedetail;
				var data = {
					guid: guid,
				};
				this.$Request.post(url, data).then(res => {
					this.info = res.data[0];
					var pic_list = res.data[0].imgList;
					if (pic_list != null) {
						for (var i = 0; i < pic_list.length; i++) {
							pic_list[i] = "" + this.pic_url + pic_list[i];
						}
					}
					this.pic_list = pic_list;
				});
			},
			daohang: function() {
				// #ifdef H5

				if (this.$wechat.isWechat()) {
					var mapParam = {
						latitude: this.info.lat,
						longitude: this.info.lng,
						scale: 18,
						name: this.info.title,
						address: this.info.address
					};
					this.$util.openLocation(mapParam);
					return;
				}
				window.location.href = "https://uri.amap.com/navigation?from=" + this.$param.clng + "," + this.$param.clat +
					",我的位置&to=" + this.info.lng + "," + this.info.lat + "," + this.info.address +
					"&mode=walk&src=sjz_uniapp&callnative=1"
				// #endif
			}
		}
	}
</script>

<style>
	@import url("/static/css/common.css");
	@import url("famousVillagetail.css");
</style>