@ -1,147 +0,0 @@ |
||||
<template> |
||||
<view> |
||||
<view class="an_top_3"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588839885386&di=caa687dc814e03d8b600ea658da9afd9&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201401%2F23%2F095609lsejfi4thjrrwydj.jpg" mode="widthFix" class="an_bj_3"></image> |
||||
</view> |
||||
|
||||
<view class="an_top_2"> |
||||
<view class="anbox_2"> |
||||
<!-- <view class="an_vdo_2"><image src="../../../static/images/btn_play.png" mode="aspectFill" class="an_vdo_img_2"></image></view> --> |
||||
<view class="an_box_4"> |
||||
<view class="amt_30"> |
||||
<view class="lgn_t_h1 pjia_usr_inf">关于雄安</view> |
||||
<view class="wc_cont an_gyu" > |
||||
<!-- .an_gyu 为固定高度 对应‘展开按钮’ --> |
||||
<view class="at_t"> |
||||
雄安新区(Xiongan New |
||||
Area)位于中国河北省保定市境内,2017年4月1日中共中央、国务院决定设立的国家级新区。地处北京、天津、保定腹地,规划范围涵盖河北省雄县、容城、安新等3个小县及周边部分区域,对雄县、容城、安新3县及周边区域实行托管,是中国(河北)自由贸易试验区组成部分。 |
||||
</view> |
||||
<!-- 展开按钮 --> |
||||
<view class="agn_center an_zkai"> |
||||
<image src="../../../static/images/btn_more.png" class="lgn_img"></image> |
||||
|
||||
</view> |
||||
<!-- 收起按钮 --> |
||||
<!-- <view class="agn_center"><view class="an_sqi">收起</view> </view> --> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view> |
||||
<view class="amt_30"> |
||||
<scroll-view class="anx_scl_1" scroll-x="true" @scroll="scroll" scroll-left="90" @clickItem="onClickItem"> |
||||
<view class="scl_1_ut"> |
||||
<view class="dy_fx"> |
||||
<view class="an_tit_tab">一方城</view> |
||||
<view class="an_tit_tab">两轴线</view> |
||||
<view class="an_tit_tab an_tab_cur">五组团</view> |
||||
<view class="an_tit_tab">十景苑</view> |
||||
<view class="an_tit_tab">千年林</view> |
||||
<view class="an_tit_tab">万顷波</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
|
||||
<view class="amt_30"> |
||||
<!-- --> |
||||
<special-banner :banner-list="bannerList" :swiper-config="swiperConfig"></special-banner> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="an_box_4"> |
||||
<view class="amt_30"> |
||||
<view class="gan_name_zce" style="font-size: 32rpx;">三季有花 四季有绿</view> |
||||
<view class="wc_cont"> |
||||
<view class="at_t "> |
||||
近日,中国雄安集团发布了《雄安新区2020年植树造林项目信息预告》。截至去年年底,雄安新区在前期新造林11万亩基础上,继续高起点规划、高标准建设20万亩异龄、复层、混交的近自然“千年秀林”,雄安新区总造林面积扩展至31万亩,树种达200种,植树1400万棵。 |
||||
根据省委、省政府工作部署,2020年,雄安新区“千年秀林”计划植树造林10万亩,主要包括环淀林带、河流生态廊道、道路生态廊道和部分林地斑块及生态湿地游憩林等规划林地。 |
||||
据了解,在今年的植树造林计划中,环淀绿化带造林项目主要位于容城县平王乡和安新县大王镇、安州镇、刘李庄镇等周边林带。道路和河流生态廊道造林项目主要包括白洋淀大道两侧50米宽绿化和大广高速及唐河两侧规划林带等区域。林地斑块造林项目范围主要包括昝岗林地斑块、赵北口林地斑块、安新林地斑块、马家寨林地斑块、刘李庄林地斑块和老河头林地斑块;生态游憩林造林项目主要位于雄县龙湾镇和容城县容城镇等周边区域。 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="aml_30 amr_30"> |
||||
<view class="lgn_t_h1">景点推荐</view> |
||||
</view> |
||||
<view class="amt_30 aml_30 yins_l"> |
||||
<scroll-view class="anx_scl_1" scroll-x="true" @scroll="scroll" scroll-left="0" @clickItem="onClickItem"> |
||||
<view class="scl_1_ut"> |
||||
<view class="dy_fx"> |
||||
<view class="amr_30"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588839885386&di=caa687dc814e03d8b600ea658da9afd9&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201401%2F23%2F095609lsejfi4thjrrwydj.jpg" mode="aspectFill" class="an_tj_scl"></image> |
||||
<view class="at_t word_1">雄安集团发布了《雄安新区2020年植树造</view> |
||||
</view> |
||||
<view class="amr_30"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588839885386&di=caa687dc814e03d8b600ea658da9afd9&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201401%2F23%2F095609lsejfi4thjrrwydj.jpg" mode="aspectFill" class="an_tj_scl"></image> |
||||
<view class="at_t word_1">雄安集团发布了《雄安新区2020年植树造</view> |
||||
</view> |
||||
<view class="amr_30"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588839885386&di=caa687dc814e03d8b600ea658da9afd9&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201401%2F23%2F095609lsejfi4thjrrwydj.jpg" mode="aspectFill" class="an_tj_scl"></image> |
||||
<view class="at_t word_1">雄安集团发布了《雄安新区2020年植树造</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import specialBanner from '../../../components/specialBanner.vue'; |
||||
export default { |
||||
components: { |
||||
specialBanner |
||||
}, |
||||
data() { |
||||
return { |
||||
bannerList: [ |
||||
{ |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/3_1535359279285.png', |
||||
title: '七夕将至:时光足够久,韧性也能炖出味', |
||||
description: '一万年太久,就现在,给你爱', |
||||
path: '' |
||||
}, |
||||
{ |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/2_1535359240426.png', |
||||
title: '新菜上架:无边海洋,找到顺眼的那尾鱼', |
||||
description: '花中樱,鱼乃鲷花中樱,鱼乃鲷', |
||||
path: '' |
||||
}, |
||||
{ |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/1_1535359204228.png', |
||||
title: '在湘西的烟火气里,发现苗族少女的神明', |
||||
description: '取材自湘西苗族传统的烟熏文化', |
||||
path: '' |
||||
}, |
||||
{ |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/4_1535359327213.png', |
||||
title: '一人宴福利降临,陪伴独自行走的丰盛旅程', |
||||
description: '在自己的小世界里,日日好日,夜夜好清宵', |
||||
path: '' |
||||
} |
||||
], |
||||
swiperConfig: { |
||||
indicatorDots: false, |
||||
indicatorColor: 'rgba(255, 255, 255, .4)', |
||||
indicatorActiveColor: 'rgba(255, 255, 255, 1)', |
||||
autoplay: false, |
||||
interval: 3000, |
||||
duration: 300, |
||||
circular: true, |
||||
previousMargin: '58rpx', |
||||
nextMargin: '58rpx' |
||||
} |
||||
}; |
||||
}, |
||||
methods: {} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
|
||||
</style> |
@ -1,337 +0,0 @@ |
||||
<template> |
||||
<view> |
||||
<view class="an_top_3"> |
||||
<image :src="toplogo" mode="widthFix" class="an_bj_3"></image> |
||||
</view> |
||||
|
||||
<view class="an_top_2"> |
||||
<view class="anbox_2"> |
||||
<!-- <view class="an_vdo_2"><image src="../../../static/images/btn_play.png" mode="aspectFill" class="an_vdo_img_2"></image></view> --> |
||||
<view class="an_box_4"> |
||||
<view class="amt_30"> |
||||
<view class="lgn_t_h1 pjia_usr_inf">{{msgDetail.title}}</view> |
||||
<view :class="showType == '展开'?'wc_cont an_gyu':'wc_cont'"> |
||||
<!-- .an_gyu 为固定高度 对应‘展开按钮’ --> |
||||
<view class="at_t"> |
||||
<u-parse :content="msgDetail.content" :loading="loading" @preview="preview" @navigate="navigate" /> |
||||
</view> |
||||
<!-- 展开按钮 --> |
||||
<view class="agn_center an_zkai" v-if="showType == '展开'" @tap="changeShowType()"> |
||||
<image src="../../../static/images/btn_more.png" class="lgn_img"></image> |
||||
</view> |
||||
<!-- 收起按钮 --> |
||||
<view class="agn_center" v-if="showType == '收起'" @tap="changeShowType()"> |
||||
<view class="an_sqi">收起</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view> |
||||
<view class="amt_30"> |
||||
<scroll-view class="anx_scl_1" scroll-x="true" @scroll="scroll" scroll-left="90" @clickItem="onClickItem"> |
||||
<view class="scl_1_ut"> |
||||
<view class="dy_fx"> |
||||
<view @tap="change(index)" :class="index == xz ?'an_tit_tab an_tab_cur': 'an_tit_tab' " v-for="(item,index) in middleData" :key="index">{{item.title}}</view> |
||||
<!-- <view class="an_tit_tab">两轴线</view> |
||||
<view class="an_tit_tab">五组团</view> |
||||
<view class="an_tit_tab">十景苑</view> |
||||
<view class="an_tit_tab">千年林</view> |
||||
<view class="an_tit_tab">万顷波</view> --> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
|
||||
<view class="amt_30"> |
||||
<!-- --> |
||||
<special-banner :banner-list="bannerList" :swiper-config="swiperConfig"></special-banner> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="an_box_4"> |
||||
<view class="amt_30"> |
||||
<view class="gan_name_zce" style="font-size: 32rpx;">{{mes.subtitle}}</view> |
||||
<view class="wc_cont"> |
||||
<view class="at_t "> |
||||
<u-parse :content="mes.content" :loading="loading" @preview="preview" @navigate="navigate" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="aml_30 amr_30"> |
||||
<view class="lgn_t_h1">景点推荐</view> |
||||
</view> |
||||
<view class="amt_30 aml_30 yins_l"> |
||||
<scroll-view class="anx_scl_1" scroll-x="true" @scroll="scroll" scroll-left="0"> |
||||
<view class="scl_1_ut"> |
||||
<view class="dy_fx"> |
||||
<view class="amr_30" @click="goToScenicDetail(item.guid)" v-for="(item,index) in scenicList" :key="index"> |
||||
<image :src="item.slogo" mode="aspectFill" class="an_tj_scl"></image> |
||||
<view class="at_t word_1">{{item.sname}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import uParse from '@/components/gaoyia-parse/parse.vue' |
||||
import specialBanner from '../../../components/specialBanner.vue'; |
||||
export default { |
||||
components: { |
||||
specialBanner, |
||||
uParse |
||||
}, |
||||
data() { |
||||
return { |
||||
bannerList: [ |
||||
/* 一万年太久,就现在,给你爱 */ |
||||
/* 花中樱,鱼乃鲷花中樱,鱼乃鲷 */ |
||||
/* 取材自湘西苗族传统的烟熏文化 */ |
||||
/* 在自己的小世界里,日日好日,夜夜好清宵 */ |
||||
/* { |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/3_1535359279285.png', |
||||
description: '', |
||||
}, |
||||
{ |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/2_1535359240426.png', |
||||
description: '', |
||||
}, |
||||
{ |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/1_1535359204228.png', |
||||
description: '', |
||||
}, |
||||
{ |
||||
picture: 'http://image.mishi.cn/r/yry_h5_test/detail/4_1535359327213.png', |
||||
description: '', |
||||
} */ |
||||
], |
||||
bannerLists:[], |
||||
swiperConfig: { |
||||
indicatorDots: false, |
||||
indicatorColor: 'rgba(255, 255, 255, .4)', |
||||
indicatorActiveColor: 'rgba(255, 255, 255, 1)', |
||||
autoplay: false, |
||||
interval: 3000, |
||||
duration: 300, |
||||
circular: true, |
||||
previousMargin: '58rpx', |
||||
nextMargin: '58rpx' |
||||
}, |
||||
msgDetail: {}, |
||||
scenicList: [], |
||||
toplogo:"", |
||||
showType:"展开", |
||||
middleData:[], |
||||
xz:0, |
||||
mes:{}, |
||||
netType:true |
||||
}; |
||||
}, |
||||
onLoad: function(option) { |
||||
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.getParam(function(guid,region){ |
||||
that.$util.saveOperatorLog(that,"MDD",guid); |
||||
uni.showLoading({ |
||||
title: "加载中", |
||||
mask: true |
||||
}) |
||||
that.guid = guid; |
||||
that.region = region; |
||||
that.getRedisData(); |
||||
that.getMiddleData(); |
||||
},function(){ |
||||
uni.showToast({ |
||||
icon:"none", |
||||
title:"系统异常" |
||||
}) |
||||
}) |
||||
}, |
||||
onReady() { |
||||
setTimeout(function() { |
||||
uni.hideLoading(); |
||||
}, 500); |
||||
}, |
||||
methods: { |
||||
getParam:function(successCallback,errorCallback){ |
||||
var that = this; |
||||
var url = this.$config.getMessageInfoFormFilter; |
||||
var data = { |
||||
type: this.$param.mddType, |
||||
userkey:this.$param.userkey, |
||||
pageSize:1, |
||||
sort: "2" |
||||
}; |
||||
this.$Request.post(url, data).then(res => { |
||||
var flag = that.$util.isSuccess(res); |
||||
if(!flag){ |
||||
return; |
||||
} |
||||
var result = res.data[0]; |
||||
successCallback(result.guid,result.bm); |
||||
}) |
||||
}, |
||||
getMiddleData: function(){ |
||||
var that = this; |
||||
var url = this.$config.getMessageInfoFormFilter; |
||||
var data = { |
||||
type: this.$param.xagkType, |
||||
userkey:this.$param.userkey, |
||||
pageSize:7, |
||||
sort: "1" |
||||
}; |
||||
this.$Request.post(url, data).then(res => { |
||||
var flag = that.$util.isSuccess(res); |
||||
if(!flag){ |
||||
return; |
||||
} |
||||
var result = res.data; |
||||
console.log(result) |
||||
var bannersLists = []; |
||||
for (var j = 0; j<result.length;j++) { |
||||
var pictures = result[j].imagelist; |
||||
var bannerLi = []; |
||||
for(var i = 0; i < pictures.length; i++){ |
||||
var map = { |
||||
picture: this.$config.ROOTPATH + pictures[i], |
||||
description: '',/* 取材自湘西苗族传统的烟熏文化 */ |
||||
} |
||||
bannerLi.push(map); |
||||
} |
||||
bannersLists.push(bannerLi); |
||||
} |
||||
this.bannerList = bannersLists[this.xz]; |
||||
this.bannerLists = bannersLists; |
||||
this.middleData = result; |
||||
this.mes = this.middleData[this.xz] |
||||
}) |
||||
}, |
||||
getRedisData:function(){ |
||||
var data = { |
||||
"key": this.$param.userkey + "_mdd_"+this.region |
||||
} |
||||
this.$Request.post(this.$config.getRedisData, data).then(res => { |
||||
if (res.status == 200) { |
||||
//所有的数据 |
||||
var initData = res.data; |
||||
//目的地详情 |
||||
this.msgDetail = initData.detailMessage; |
||||
console.log("+++++++++++++++++++++++++++++++++++++++++++"); |
||||
console.log(this.msgDetail); |
||||
this.toplogo = this.$config.ROOTPATH + this.msgDetail.logo |
||||
//热门景区 |
||||
var hotScenicList = initData.hotScenic; |
||||
this.width = "width:"+ (hotScenicList.length * 70) + "%"; |
||||
for (let i = 0; i < hotScenicList.length; i++) { |
||||
hotScenicList[i].slogo = this.$config.ROOTPATH + hotScenicList[i].slogo; |
||||
} |
||||
this.scenicList = hotScenicList; |
||||
}else{ |
||||
this.getMsgDetail(this.guid); |
||||
this.getHotScenic(); |
||||
} |
||||
}) |
||||
}, |
||||
getMsgDetail: function(guid) { |
||||
var that = this; |
||||
var data = { |
||||
"userkey":this.$param.userkey, |
||||
"type":this.$param.mddType, |
||||
"guid":guid |
||||
} |
||||
this.$Request.post(this.$config.getMessgeInfoDetailFormId, data).then(res => { |
||||
if(!that.$util.isSuccess(res)){ |
||||
return; |
||||
} |
||||
this.msgDetail = res.data; |
||||
console.log(this.msgDetail); |
||||
this.toplogo = this.$config.ROOTPATH + this.msgDetail.logo |
||||
this.imgList = []; |
||||
for (var i = 0; i < this.msgDetail.imagelist.length; i++) { |
||||
var item = { |
||||
imgurl: this.$config.ROOTPATH + this.msgDetail.imagelist[i] |
||||
} |
||||
this.imgList.push(item); |
||||
} |
||||
}) |
||||
}, |
||||
getHotScenic: function() { |
||||
var that = this; |
||||
var url = this.$config.getScenicListFormFilter; |
||||
var data = { |
||||
userkey:this.$param.userkey, |
||||
sort: "2", |
||||
pageno: "1", |
||||
pageSize: "5", |
||||
region: this.region |
||||
}; |
||||
this.$Request.post(url, data).then(res => { |
||||
var flag = that.$util.isSuccess(res); |
||||
if(!flag){ |
||||
return; |
||||
} |
||||
var data = res.data; |
||||
this.width = "width:"+ (data.length * 70) + "%"; |
||||
for (let i = 0; i < data.length; i++) { |
||||
data[i].slogo = this.$config.ROOTPATH + data[i].slogo; |
||||
} |
||||
this.scenicList = data; |
||||
}) |
||||
}, |
||||
changeShowType:function(){ |
||||
if(this.showType == "展开"){ |
||||
this.showType = "收起"; |
||||
this.showTypeUrl = "../../static/images/icn_up_g.png"; |
||||
}else if(this.showType == "收起"){ |
||||
this.showType = "展开"; |
||||
this.showTypeUrl = "../../static/images/icn_down_g.png"; |
||||
} |
||||
}, |
||||
goToScenicDetail: function(guid) { |
||||
//Android.gotoDetial("SCENIC", guid + ""); |
||||
uni.navigateTo({ |
||||
url: '/pages/scenic/scenicdetial/scenicdetial?guid=' + guid |
||||
}); |
||||
}, |
||||
change: function(index){ |
||||
this.xz = index; |
||||
this.bannerList = this.bannerLists[index]; |
||||
this.mes = this.middleData[index]; |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
|
||||
</style> |
@ -1,501 +0,0 @@ |
||||
<template> |
||||
<view class="uni-common-mt"> |
||||
<view><map id="map" :keyda="keyda" @tap="map" @markertap="change" show-location="true" :latitude="latitude" :longitude="longitude" :markers="covers"></map></view> |
||||
<view> |
||||
<view class="left-choose"> |
||||
<view> |
||||
<view><image @click="mylocation()" class="cb" src=""></image></view> |
||||
</view> |
||||
</view> |
||||
<view class="tan" v-if="isShow"> |
||||
<view class="title"> |
||||
{{ selectData.markerTitle }} |
||||
<!-- <button @click="getJWD()" class="button" style="float: right;">定位</button> --> |
||||
</view> |
||||
<button disabled="disabled" class="button">{{ selectData.distance }}</button> |
||||
<view class="address">{{ selectData.address }}</view> |
||||
<view style="height: 0.5px;width: 100%;background: #F1F1F1;margin-top: 10px;margin-bottom: 2px;"></view> |
||||
<view @click="togglePopup('popup')"> |
||||
<image src="../../../static/images/other.png"></image> |
||||
<text class="other">其他</text> |
||||
</view> |
||||
<view class="daohang" @click="daohang"> |
||||
<image src="../../../static/images/icon_adr.png"></image> |
||||
<text class="dh">导航</text> |
||||
</view> |
||||
</view> |
||||
<uni-popup ref="popup" :type="type"> |
||||
<view v-for="(item, index) in oData" :key="index"> |
||||
<view @click="changeOther(item.index)"> |
||||
<view class="otitle">{{ item.markerTitle }}</view> |
||||
<view class="oaddress">{{ item.distance }}|{{ item.address }}</view> |
||||
<view style="height: 1px;width: 100%;background: #F1F1F1;margin-top: 10px;"></view> |
||||
</view> |
||||
</view> |
||||
</uni-popup> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
import uniPopup from '@/components/uni-popup/uni-popup.vue'; |
||||
import uniIcon from '@/components/uni-icon/uni-icon.vue'; |
||||
var that; |
||||
var mapId = 'map'; |
||||
export default { |
||||
components: { |
||||
uniPopup, |
||||
uniIcon |
||||
}, |
||||
data() { |
||||
that = this; |
||||
return { |
||||
isLoading:false, |
||||
keyda: 1, |
||||
type: 'bottom', |
||||
height: '600upx', |
||||
latitude: this.$param.clat,//this.$param.clat |
||||
longitude: this.$param.clng,//this.$param.clng |
||||
covers: [ |
||||
// { |
||||
// latitude: this.$param.clat, |
||||
// longitude: this.$param.clng, |
||||
// // latitude: this.latitude, |
||||
// // longitude: this.longitude, |
||||
// iconPath: '../../../static/images/me.png', |
||||
// id: 0, |
||||
// markerTitle: '我的位置', |
||||
// rotate: 315 |
||||
// } |
||||
], |
||||
coversOne:{ |
||||
latitude: this.$param.clat, |
||||
longitude: this.$param.clng, |
||||
// latitude: this.latitude, |
||||
// longitude: this.longitude, |
||||
iconPath: '../../../static/images/me.png', |
||||
id: 0, |
||||
markerTitle: '我的位置', |
||||
rotate: 315 |
||||
}, |
||||
markers: [], |
||||
selectMarker: 1, |
||||
selectedMarker: 1, |
||||
selectData: {}, |
||||
isShow: true, |
||||
oData: [] |
||||
}; |
||||
}, |
||||
onLoad() { |
||||
//this.getData(); |
||||
//console.log("厕所拿到的自己的经纬度:"+this.longitude+","+this.latitude) |
||||
// Android.getLocation(); |
||||
uni.showLoading({ |
||||
title:"加载中", |
||||
mask:true |
||||
}) |
||||
var that = this; |
||||
this.$util.bindGpsObj(that); |
||||
this.requestLocation(); |
||||
// this.getData(); |
||||
}, |
||||
|
||||
methods: { |
||||
callGpsSuccess: function(lat, lng){ |
||||
that.$param.clat = lat; |
||||
that.$param.clng = lng; |
||||
that.coversOne.latitude = lat; |
||||
that.coversOne.longitude = lng; |
||||
that.latitude = lat; |
||||
that.longitude = lng; |
||||
that.getData(); |
||||
uni.hideLoading(); |
||||
that.$util.unbindGpsObj(); |
||||
}, |
||||
callGpsFail: function(){ |
||||
that.latitude = this.$param.lat; |
||||
that.longitude = this.$param.lng; |
||||
that.coversOne.latitude = this.$param.lat; |
||||
that.coversOne.longitude = this.$param.lng; |
||||
that.getData(); |
||||
uni.hideLoading(); |
||||
this.$util.unbindGpsObj(); |
||||
}, |
||||
requestLocation: function() { |
||||
console.log('---requestLocation---'); |
||||
this.$util.getLocation( |
||||
function(res) { |
||||
if (that.$wechat.isWechat()) { |
||||
that.latitude = res.latitude; |
||||
that.longitude = res.longitude; |
||||
|
||||
that.$param.clat = res.latitude; |
||||
that.$param.clng = res.longitude; |
||||
|
||||
that.coversOne.latitude = res.latitude; |
||||
that.coversOne.longitude = res.longitude; |
||||
|
||||
that.moveTolocation(); |
||||
that.getData(); |
||||
}else{ |
||||
that.getData(); |
||||
} |
||||
uni.hideLoading(); |
||||
}, |
||||
function() { |
||||
console.log('location error---'); |
||||
} |
||||
); |
||||
}, |
||||
moveTolocation: function() { |
||||
var mapCtx = uni.createMapContext(mapId); |
||||
mapCtx.moveToLocation(); |
||||
|
||||
}, |
||||
togglePopup(open) { |
||||
var data = that.covers; |
||||
var oData = []; |
||||
for (var i = 0; i < data.length; i++) { |
||||
if (i != 0 && i != that.selectMarker) { |
||||
data[i]['index'] = i; |
||||
oData.push(data[i]); |
||||
} |
||||
} |
||||
that.oData = oData; |
||||
that.$refs[open].open(); |
||||
}, |
||||
getJWD: function() { |
||||
var that = this; |
||||
uni.getLocation({ |
||||
// type: 'wgs84', |
||||
type: 'gcj02', |
||||
success: function(res) { |
||||
uni.showModal({ |
||||
title: '成功', |
||||
content: res.longitude + ',' + res.latitude |
||||
}); |
||||
console.log('111》》' + that.longitude + ',' + that.latitude); |
||||
console.log('经纬度:' + res.longitude + ',' + res.latitude); |
||||
that.longitude = res.longitude; |
||||
that.latitude = res.latitude; |
||||
}, |
||||
fail: function() { |
||||
uni.showToast({ |
||||
title: '失败', |
||||
icon: 'none' |
||||
}); |
||||
console.log('失败了'); |
||||
that.longitude = that.$param.lng; |
||||
that.latitude = that.$param.lat; |
||||
} |
||||
}); |
||||
}, |
||||
mylocation() { |
||||
this.covers = []; |
||||
uni.showLoading({ |
||||
title:"定位中", |
||||
mask:true |
||||
}) |
||||
var that = this; |
||||
this.$util.bindGpsObj(that); |
||||
this.requestLocation(); |
||||
}, |
||||
getData() { |
||||
var that = this; |
||||
// var data = "keyword=厕所&boundary=nearby("+this.$param.clat+","+this.$param.clng+",1000)&key=Z2IBZ-6BRKG-Z52QT-IU3J2-6P3QO-WIBII&page_size=30&page_index=1"; |
||||
var content = encodeURI('厕所'); |
||||
var data = { |
||||
keyword: content, |
||||
lat: that.latitude, |
||||
lng: that.longitude, |
||||
pageSize: '30', |
||||
pageno: '1' |
||||
}; |
||||
var objData = []; |
||||
// console.log("编码后"+data) |
||||
|
||||
// uni.showToast({ |
||||
// title:that.$config.ROOTPATH + '/mobile/h5/getTenXData.do', |
||||
// duration:5000 |
||||
// }) |
||||
|
||||
that.$Request.get(that.$config.getMapData, data).then(res => { |
||||
if (res.status == 0) { |
||||
var data = res.data; |
||||
for (var i = 0; i < data.length; i++) { |
||||
if (i + 1 == that.selectMarker) { |
||||
var item = { |
||||
latitude: data[i].location.lat, |
||||
longitude: data[i].location.lng, |
||||
iconPath: '../../../static/images/map_toilet_5b.png', |
||||
id: data[i].id, |
||||
markerTitle: data[i].title, |
||||
address: data[i].address, |
||||
type: 'cs', |
||||
distance: '离我最近' |
||||
}; |
||||
that.latitude = data[i].location.lat; |
||||
that.longitude = data[i].location.lng; |
||||
that.selectData = item; |
||||
} else { |
||||
var item = { |
||||
latitude: data[i].location.lat, |
||||
longitude: data[i].location.lng, |
||||
iconPath: '../../../static/images/map_toilet_5.png', |
||||
id: data[i].id, |
||||
markerTitle: data[i].title, |
||||
address: data[i].address, |
||||
type: 'cs', |
||||
distance: '距离' + this.$util.formatDistance(Math.ceil(data[i]._distance)) + '' |
||||
}; |
||||
} |
||||
objData.push(item); |
||||
} |
||||
// objData.unshift(that.covers[0]); |
||||
//驿站营地数据 |
||||
that.getYzData(objData); |
||||
// this.togglePopup(); |
||||
} |
||||
}); |
||||
}, |
||||
getYzData: function(objData) { |
||||
var requestData = { |
||||
pagesize: 10, |
||||
region: this.$config.ARER_CODE, |
||||
pageno: 1, |
||||
sort: 2, |
||||
type: '2911', |
||||
lng: this.$param.clng, |
||||
lat: this.$param.clat |
||||
}; |
||||
this.$Request.post(this.$config.messagelist, requestData).then(res => { |
||||
var data = res.data; |
||||
for (var i = 0; i < data.length; i++) { |
||||
var item = { |
||||
latitude: data[i].lat, |
||||
longitude: data[i].lng, |
||||
iconPath: '../../../static/images/map_toilet_9.png', |
||||
id: data[i].guid, |
||||
markerTitle: data[i].title, |
||||
address: data[i].address, |
||||
type: 'yz', |
||||
distance: '距离' + this.$util.formatDistance(Math.ceil(data[i].distance)) + '' |
||||
}; |
||||
objData.push(item); |
||||
// that.covers = objData; |
||||
} |
||||
objData.unshift(that.coversOne); |
||||
that.covers = objData; |
||||
// uni.showModal({ |
||||
// title:"值", |
||||
// content:JSON.stringify(that.covers) |
||||
// }) |
||||
}); |
||||
}, |
||||
change(e) { |
||||
var that = this; |
||||
var data = that.covers; |
||||
that.selectedMarker = that.selectMarker; |
||||
for (let i = 0; i < data.length; i++) { |
||||
if (e.detail.markerId == 0) { |
||||
//点击的自己的位置拿最近的第一个 |
||||
that.selectMarker = 1; |
||||
} else if (data[i].id == e.detail.markerId) { |
||||
//点击的对应的marker |
||||
that.selectMarker = i; |
||||
} |
||||
} |
||||
//弹出层方法 |
||||
that.changeMarker(); |
||||
}, |
||||
changeMarker() { |
||||
if (that.selectMarker != that.selectedMarker) { |
||||
var data = []; |
||||
var da = this.covers; |
||||
for (let i = 0; i < da.length; i++) { |
||||
data.push(da[i]); |
||||
} |
||||
var objData = []; |
||||
for (var i = 0; i < data.length; i++) { |
||||
if (i == that.selectMarker) { |
||||
var distance = '离我最近'; |
||||
var type = 'cs'; |
||||
var iconPath = '../../../static/images/map_toilet_5b.png'; |
||||
if (i != 1) { |
||||
distance = data[i]._distance; |
||||
} |
||||
if (data[i].type == 'yz') { |
||||
type = 'yz'; |
||||
iconPath = '../../../static/images/map_toilet_9b.png'; |
||||
} |
||||
var item = { |
||||
latitude: data[i].latitude, |
||||
longitude: data[i].longitude, |
||||
iconPath: iconPath, |
||||
id: data[i].id, |
||||
markerTitle: data[i].markerTitle, |
||||
address: data[i].address, |
||||
type: type, |
||||
distance: data[i].distance |
||||
}; |
||||
that.latitude = data[i].latitude; |
||||
that.longitude = data[i].longitude; |
||||
that.selectData = item; |
||||
} else { |
||||
if (i == 0) { |
||||
objData.push(data[0]); |
||||
continue; |
||||
} |
||||
var type = 'cs'; |
||||
var iconPath = '../../../static/images/map_toilet_5.png'; |
||||
if (data[i].type == 'yz') { |
||||
type = 'yz'; |
||||
iconPath = '../../../static/images/map_toilet_9.png'; |
||||
} |
||||
var item = { |
||||
latitude: data[i].latitude, |
||||
longitude: data[i].longitude, |
||||
iconPath: iconPath, |
||||
id: data[i].id, |
||||
markerTitle: data[i].markerTitle, |
||||
address: data[i].address, |
||||
type: type, |
||||
distance: data[i].distance |
||||
}; |
||||
} |
||||
objData.push(item); |
||||
} |
||||
that.covers = objData; |
||||
that.isShow = true; |
||||
} else { |
||||
if (that.isShow) { |
||||
that.isShow = false; |
||||
} else { |
||||
that.isShow = true; |
||||
} |
||||
} |
||||
}, |
||||
map() { |
||||
that.isShow = false; |
||||
}, |
||||
changeOther(index) { |
||||
that.selectedMarker = that.selectMarker; |
||||
that.selectMarker = index; |
||||
//弹出层方法 |
||||
that.changeMarker(); |
||||
that.$refs['popup'].close(); |
||||
}, |
||||
daohang() { |
||||
// #ifdef H5 |
||||
|
||||
if (this.$wechat.isWechat()) { |
||||
var mapParam = { |
||||
latitude: that.covers[that.selectMarker].latitude, |
||||
longitude: that.covers[that.selectMarker].longitude, |
||||
scale: 18, |
||||
name: that.covers[that.selectMarker].markerTitle, |
||||
address: that.covers[that.selectMarker].address |
||||
}; |
||||
this.$util.openLocation(mapParam); |
||||
return; |
||||
} |
||||
|
||||
window.location.href = |
||||
'https://uri.amap.com/navigation?from=' + |
||||
that.$param.clng + |
||||
',' + |
||||
that.$param.clat + |
||||
',我的位置&to=' + |
||||
that.covers[that.selectMarker].longitude + |
||||
',' + |
||||
that.covers[that.selectMarker].latitude + |
||||
',' + |
||||
that.covers[that.selectMarker].address + |
||||
'&mode=walk&src=sjz_uniapp&callnative=1'; |
||||
// #endif |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
<style> |
||||
map { |
||||
width: 100%; |
||||
height: 100vh; |
||||
} |
||||
.tan { |
||||
width: 100%; |
||||
height: 140px; |
||||
background: #ffffff; |
||||
position: fixed; |
||||
left: 0; |
||||
right: 0; |
||||
width: 100%; |
||||
z-index: 3; |
||||
bottom: 0px; |
||||
} |
||||
.title { |
||||
padding: 8px; |
||||
margin-left: 2px; |
||||
font-weight: 700; |
||||
} |
||||
.otitle { |
||||
font-weight: 500; |
||||
font-size: 17px; |
||||
} |
||||
.button { |
||||
width: auto; |
||||
height: 25px; |
||||
margin-left: 8px; |
||||
margin-bottom: 8px; |
||||
float: left; |
||||
vertical-align: middle; |
||||
font-size: 12px; |
||||
color: gray; |
||||
} |
||||
.address { |
||||
clear: both; |
||||
font-size: 12px; |
||||
margin-left: 8px; |
||||
color: gray; |
||||
} |
||||
.oaddress { |
||||
clear: both; |
||||
font-size: 12px; |
||||
margin-top: 8px; |
||||
color: gray; |
||||
} |
||||
image { |
||||
width: 20px; |
||||
height: 20px; |
||||
margin-left: 8px; |
||||
margin-right: 10px; |
||||
margin-top: 10px; |
||||
float: left; |
||||
} |
||||
.other { |
||||
font-size: 16px; |
||||
float: left; |
||||
margin-top: 8px; |
||||
} |
||||
.daohang { |
||||
float: right; |
||||
} |
||||
.dh { |
||||
margin-right: 40px; |
||||
font-size: 16px; |
||||
margin-top: 8px; |
||||
float: left; |
||||
} |
||||
.left-choose { |
||||
float: left; |
||||
position: fixed; |
||||
left: 0; |
||||
right: 0; |
||||
width: 45px; |
||||
z-index: 3; |
||||
bottom: 26%; |
||||
} |
||||
.cb { |
||||
width: 50px; |
||||
height: 50px; |
||||
} |
||||
</style> |
@ -1,357 +0,0 @@ |
||||
page { |
||||
background: #fff; |
||||
} |
||||
|
||||
.lh-swiper { |
||||
width: 100%; |
||||
height: 425rpx; |
||||
position: relative; |
||||
} |
||||
|
||||
.lh-swiper .slide-image { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.swiper-info { |
||||
color: #c8c8c8; |
||||
height: 50rpx; |
||||
line-height: 50rpx; |
||||
position: absolute; |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
padding: 0 30rpx; |
||||
font-size: 24rpx; |
||||
background: rgba(0,0,0,.6); |
||||
} |
||||
|
||||
.pdc-common-info { |
||||
width: 100%; |
||||
padding: 0rpx 30rpx; |
||||
margin-bottom: 16rpx; |
||||
box-sizing: border-box; |
||||
background: #fff; |
||||
} |
||||
|
||||
|
||||
.info-box { |
||||
padding: 30rpx 0; |
||||
} |
||||
|
||||
|
||||
.info-list { |
||||
display: -webkit-box; |
||||
padding: 10rpx 0; |
||||
|
||||
} |
||||
|
||||
.info-list:last-child { |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.info-list .pic { |
||||
|
||||
|
||||
|
||||
width: 50rpx; |
||||
height: 37rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
|
||||
} |
||||
|
||||
.info-list .pic image { |
||||
width: 32rpx; |
||||
height: 32rpx; |
||||
} |
||||
|
||||
.info-list .address { |
||||
-webkit-box-flex: 1; |
||||
font-size: 26rpx; |
||||
color: #666; |
||||
|
||||
|
||||
} |
||||
|
||||
.info-list .txt { |
||||
-webkit-box-flex: 1; |
||||
font-size: 26rpx; |
||||
color: #2a2a2a; |
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
.info-list .title { |
||||
|
||||
font-size: 40rpx; |
||||
/* font-weight:bold; */ |
||||
padding: 20rpx 0 0 0; |
||||
} |
||||
|
||||
.swiper-tab-wrap { |
||||
width: 100%; |
||||
background: #fff; |
||||
} |
||||
|
||||
.swiper-tab-bar { |
||||
width: 100%; |
||||
height: 80rpx; |
||||
line-height: 80rpx; |
||||
border-bottom: 2rpx solid #e6e6e6; |
||||
text-align: center; |
||||
} |
||||
|
||||
.swiper-tab-nav { |
||||
width: 33.33%; |
||||
height: 76rpx; |
||||
display: inline-block; |
||||
font-size: 32rpx; |
||||
} |
||||
|
||||
.on { |
||||
color: #00b7ee; |
||||
border-bottom: 4rpx solid #00b7ee; |
||||
} |
||||
|
||||
.swiper-tab-box { |
||||
display: none; |
||||
} |
||||
|
||||
.show { |
||||
display: block; |
||||
} |
||||
|
||||
.line-type-wrap { |
||||
padding: 0 30rpx; |
||||
} |
||||
|
||||
.line-type-item { |
||||
display: flex; |
||||
padding: 20rpx 0; |
||||
border-bottom: 2rpx solid #e6e6e6; |
||||
} |
||||
|
||||
.line-type-item:last-child { |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.l-info { |
||||
flex: 1; |
||||
} |
||||
|
||||
.l-info .tit { |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.l-info .txt { |
||||
color: #969696; |
||||
padding-top: 15rpx; |
||||
font-size: 22rpx; |
||||
} |
||||
|
||||
.r-info { |
||||
width: 150rpx; |
||||
margin-left: 20rpx; |
||||
text-align: center; |
||||
} |
||||
|
||||
.r-info .pri { |
||||
color: #ff6b1a; |
||||
font-size: 24rpx; |
||||
} |
||||
|
||||
.r-info .pri .num { |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.r-info .booking-btn { |
||||
color: #fff; |
||||
display: inline-block; |
||||
height: 42rpx; |
||||
line-height: 42rpx; |
||||
padding: 0 24rpx; |
||||
border-radius: 8rpx; |
||||
font-size: 28rpx; |
||||
background: #f63; |
||||
} |
||||
|
||||
.r-info .booking-btnhui { |
||||
color: #fff; |
||||
display: inline-block; |
||||
height: 42rpx; |
||||
line-height: 42rpx; |
||||
padding: 0 24rpx; |
||||
border-radius: 8rpx; |
||||
font-size: 28rpx; |
||||
background: #c8c8c8; |
||||
} |
||||
|
||||
.line-show-wrap { |
||||
} |
||||
|
||||
.line-show-item { |
||||
padding: 20rpx 40rpx; |
||||
} |
||||
|
||||
.yd-box { |
||||
padding: 15rpx 30rpx; |
||||
border-top: 1rpx solid #bfbfc3; |
||||
} |
||||
|
||||
.yd-box .yd-btn { |
||||
color: #fff; |
||||
display: block; |
||||
width: 100%; |
||||
height: 70rpx; |
||||
line-height: 70rpx; |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
border-radius: 5rpx; |
||||
background: #f63; |
||||
border: 1rpx solid #f63; |
||||
} |
||||
|
||||
.line-show-item .item-title { |
||||
|
||||
|
||||
|
||||
font-size: 32rpx; |
||||
font-weight:bold; |
||||
color: #05A9F0; |
||||
padding: 20rpx 0 ; |
||||
border-bottom: 2rpx solid #05A9F0; |
||||
|
||||
} |
||||
|
||||
.line-show-item .item-txt { |
||||
color: #2a2a2a; |
||||
line-height: 56rpx; |
||||
padding-top: 10rpx; |
||||
font-size: 32rpx; |
||||
} |
||||
|
||||
.line-show-item .item-txt image { |
||||
max-width: 100%!important; |
||||
} |
||||
|
||||
.day-block { |
||||
} |
||||
|
||||
.day-block .day-tit { |
||||
display: flex; |
||||
padding-top: 20rpx; |
||||
font-size: 26rpx; |
||||
} |
||||
|
||||
.day-block .day-tit .sz { |
||||
width: 108rpx; |
||||
} |
||||
|
||||
.day-block .day-tit .bt { |
||||
flex: 1; |
||||
} |
||||
|
||||
.day-block .attr { |
||||
display: flex; |
||||
padding-top: 20rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
|
||||
.day-block .attr .hd { |
||||
width: 108rpx; |
||||
line-height: 40rpx; |
||||
} |
||||
|
||||
.day-block .attr .bd { |
||||
color: #666; |
||||
flex: 1; |
||||
line-height: 40rpx; |
||||
} |
||||
|
||||
.day-block .attr .bd .label { |
||||
display: block; |
||||
} |
||||
|
||||
.day-block .attr .icon { |
||||
width: 24rpx; |
||||
height: 24rpx; |
||||
vertical-align: middle; |
||||
margin: -8rpx 6rpx 0 0; |
||||
} |
||||
|
||||
.comment-container { |
||||
} |
||||
|
||||
.comment-container .tip-bar { |
||||
display: flex; |
||||
padding: 0 30rpx; |
||||
justify-content: space-between; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
|
||||
.comment-container .tip-bar .item { |
||||
line-height: 80rpx; |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.comment-container .tip-bar .item .num { |
||||
color: #f80; |
||||
} |
||||
|
||||
.conment-list { |
||||
padding: 30rpx; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
|
||||
.conment-list .comt-info { |
||||
display: flex; |
||||
} |
||||
|
||||
.conment-list .comt-info .pic { |
||||
width: 86rpx; |
||||
height: 86rpx; |
||||
} |
||||
|
||||
.conment-list .comt-info .pic image { |
||||
width: 86rpx; |
||||
height: 86rpx; |
||||
border-radius: 50%; |
||||
} |
||||
|
||||
.conment-list .comt-info .user { |
||||
flex: 1; |
||||
padding: 0 20rpx; |
||||
} |
||||
|
||||
.conment-list .comt-info .user .name { |
||||
line-height: 40rpx; |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.conment-list .comt-info .user .date { |
||||
color: #999; |
||||
line-height: 40rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
|
||||
|
||||
|
||||
.info-list .more { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
position: relative; |
||||
} |
||||
|
||||
.info-list .more:after { |
||||
content: ""; |
||||
width: 16rpx; |
||||
height: 16rpx; |
||||
position: absolute; |
||||
top: 50%; |
||||
border-top: 4rpx solid #c7c7cc; |
||||
border-right: 4rpx solid #c7c7cc; |
||||
transform: rotate(45deg) translateY(-70%); |
||||
} |
@ -1,116 +0,0 @@ |
||||
<template> |
||||
<view class="mt_1"> |
||||
<view class="news_info shadow_fg"> |
||||
<view class="arc_t_pd"> |
||||
<view class="news_tit">{{ info.title }}</view> |
||||
</view> |
||||
<view> |
||||
<view class="dly_flex zxun_tit"> |
||||
<view class="half_unit"> |
||||
<text class="new_adr">阅读 {{ info.browsenum }}</text> |
||||
|
||||
<text class="new_adr" @click="dianzan(info.guid)" v-if="zan == true"> |
||||
<image src="../../../static/images/icn_like.png" class="pic_zan"></image> |
||||
{{ info.upnum }} 赞 |
||||
</text> |
||||
<text class="new_adr" v-if="zan == false"> |
||||
<image src="../../../static/images/zan.png" class="pic_zan"></image> |
||||
{{ info.upnum }} 赞 |
||||
</text> |
||||
</view> |
||||
<view class="lis_time half_unit">{{ info.createtime }}</view> |
||||
</view> |
||||
|
||||
<view class=""><view bindtap="showMap" class=""></view></view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="swiper-tab-wrap"> |
||||
<view class="line-show-wrap"> |
||||
<view class="line-show-item"> |
||||
<!-- <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> |
||||
</template> |
||||
|
||||
<script> |
||||
import uParse from '@/components/gaoyia-parse/parse.vue'; |
||||
|
||||
export default { |
||||
components: { |
||||
uParse |
||||
}, |
||||
data() { |
||||
return { |
||||
priceSymbol: '', |
||||
indicatorDots: false, |
||||
autoplay: true, |
||||
interval: 3000, |
||||
duration: 500, |
||||
info: {}, |
||||
imgList: [], |
||||
zan: true |
||||
}; |
||||
}, |
||||
onLoad: function(options) { |
||||
this.detailInfo(options.guid); |
||||
this.jilu(options.guid); |
||||
}, |
||||
methods: { |
||||
detailInfo: function(guid) { |
||||
var that = this; |
||||
var data = { |
||||
userkey: this.$param.userkey, |
||||
type: this.$param.xagkType, |
||||
guid: guid |
||||
}; |
||||
this.$Request.post(this.$config.getMessgeInfoDetailFormId, data).then(res => { |
||||
if (!that.$util.isSuccess(res)) { |
||||
return; |
||||
} |
||||
this.info = res.data; |
||||
var imgList = res.data.imagelist; |
||||
if (imgList != null) { |
||||
for (var i = 0; i < imgList.length; i++) { |
||||
imgList[i] = '' + this.$config.ROOTPATH + imgList[i]; |
||||
} |
||||
} |
||||
this.imgList = imgList; |
||||
}); |
||||
}, |
||||
jilu: function(guid) { |
||||
var that = this; |
||||
var data = { |
||||
guid: guid, |
||||
browsenum: '1' |
||||
}; |
||||
this.$Request.post(this.$config.updateMessageInfoUBFeildFormId, data).then(res => { |
||||
if (that.$util.isSuccess(res)) { |
||||
console.log('已阅读'); |
||||
} |
||||
}); |
||||
}, |
||||
dianzan: function(guid) { |
||||
var that = this; |
||||
var data = { |
||||
guid: guid, |
||||
upnum: '1' |
||||
}; |
||||
this.$Request.post(this.$config.updateMessageInfoUBFeildFormId, data).then(res => { |
||||
if (that.$util.isSuccess(res)) { |
||||
this.zan = false; |
||||
this.info.upnum += 1; |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
@import url('../../../static/css/common.css'); |
||||
@import url('kg_detail.css'); |
||||
</style> |
@ -1,281 +0,0 @@ |
||||
<template> |
||||
<view> |
||||
<!-- 头部 --> |
||||
<view class="pers_top"> |
||||
<view class="mode_com"> |
||||
<view class="dly_flex person_inf"> |
||||
<view class="pes_inf"> |
||||
<!-- 用户昵称 --> |
||||
<view class="t_adm_box"> |
||||
<text class="t_hi">Hi</text> |
||||
<text class="t_nic">{{nickname}}</text> |
||||
</view> |
||||
</view> |
||||
<!-- 头像 --> |
||||
<view class="pers_box" @tap="oauthUser"> |
||||
<view class="pes_img"> |
||||
<!-- 默认头像 --> |
||||
<image :src="headimgurl" mode="aspectFill" class="pers_box"></image> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<!-- --> |
||||
<view class="mode_com"> |
||||
<view class="pers_lst"> |
||||
<view class="pers_line" @click="gotoList('dingdan')"> |
||||
<image class="kou_top3" src="../../static/images/p_ddan.png"></image> |
||||
<text> 我的订单</text> |
||||
<image class="rgh_jtou" src="../../static/images/icn_down_g.png"></image> |
||||
</view> |
||||
<view class="pers_line" @click="gotoList('aboutus')"> |
||||
<image class="kou_top3" src="../../static/images/p_about.png"></image> |
||||
<text> 关于我们</text> |
||||
<image class="rgh_jtou" src="../../static/images/icn_down_g.png"></image> |
||||
</view> |
||||
<view class="pers_line" v-if="isUpdate" @click="gotoList('update')"> |
||||
<image class="kou_top3" src="../../static/images/p_gxin.png"></image> |
||||
<text> 系统更新</text> |
||||
<image class="rgh_jtou" src="../../static/images/icn_down_g.png"></image> |
||||
</view> |
||||
<view class="pers_line" v-if="isShowOnlinets == 'YES'" @tap="gotoList('fankui')"> |
||||
<image class="kou_top3" src="../../static/images/s_tsu.png"></image> |
||||
<text> 意见投诉</text> |
||||
<image class="rgh_jtou" src="../../static/images/icn_down_g.png"></image> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
var that; |
||||
import aes from "@/common/aes.js"; |
||||
export default { |
||||
data() { |
||||
that = this; |
||||
return { |
||||
nickname: "未授权", |
||||
headimgurl:"../../static/images/adm_img.png", |
||||
isUpdate:true, |
||||
isLogin:false, |
||||
isShowOnlinets:"NO" |
||||
// timer: null |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
// options = this.$param.user_info; |
||||
var that = this; |
||||
this.getIsShow(); |
||||
if(this.$wechat.isWechat()){ |
||||
//weixin 是否显示更新 |
||||
this.isUpdate = false; |
||||
} |
||||
if(uni.getStorageSync("oauthTime") + this.$param.update_oauthTime < new Date().getTime()){ |
||||
uni.removeStorageSync("user_token"); |
||||
uni.removeStorageSync("nickname"); |
||||
uni.removeStorageSync("unionid"); |
||||
uni.removeStorageSync("headimgurl"); |
||||
} |
||||
uni.showLoading({ |
||||
mask:true, |
||||
title:"授权中", |
||||
success() { |
||||
setTimeout(function(){ |
||||
// uni.showToast({ |
||||
// title:"授权失败,点击"+that.nickname+"重新授权", |
||||
// icon:"none", |
||||
// duration: 1500 |
||||
// }) |
||||
uni.hideLoading(); |
||||
},10000) |
||||
} |
||||
}) |
||||
if(this.$util.isBlack(aes.aesDecrypt(uni.getStorageSync("unionid")))){ |
||||
if(options == null || options.unionid == null || options.unionid == '' || options.unionid == undefined){ |
||||
if(this.$wechat.isWechat()){ |
||||
//weixin 授权 |
||||
that.$util.getUser(that,"person","",""); |
||||
}else{ |
||||
switch (uni.getSystemInfoSync().platform) { |
||||
case 'android': |
||||
//安卓授权 |
||||
var that = this; |
||||
this.$util.bindGpsObj(that); |
||||
Android.gotoDetial("WxUserInfo",""); |
||||
break; |
||||
case 'ios': |
||||
//ios授权 |
||||
break; |
||||
} |
||||
} |
||||
}else{ |
||||
// clearTimeout(timer); |
||||
//登陆后返回回来的界面 |
||||
uni.setStorageSync("oauthTime",new Date().getTime()) |
||||
uni.setStorageSync("nickname",aes.aesMinEncrypt(options.nickname)); |
||||
uni.setStorageSync("openid",aes.aesMinEncrypt(options.openid)); |
||||
uni.setStorageSync("unionid",aes.aesMinEncrypt(options.unionid)); |
||||
uni.setStorageSync("headimgurl",aes.aesMinEncrypt(options.headimgurl)); |
||||
that.nickname = aes.aesDecrypt(uni.getStorageSync("nickname")); |
||||
that.headimgurl = aes.aesDecrypt(uni.getStorageSync("headimgurl")); |
||||
that.isLogin = true; |
||||
this.$util.getUserInfo(that,options.unionid,function(){ |
||||
uni.hideLoading(); |
||||
}); |
||||
} |
||||
}else{ |
||||
if(aes.aesDecrypt(uni.getStorageSync("user_token")) == undefined || aes.aesDecrypt(uni.getStorageSync("user_token")) == null || aes.aesDecrypt(uni.getStorageSync("user_token")) == ""){ |
||||
this.$util.getUserInfo(that,aes.aesDecrypt(uni.getStorageSync("unionid")),function(){ |
||||
that.isLogin = true; |
||||
that.nickname = aes.aesDecrypt(uni.getStorageSync("nickname")); |
||||
that.headimgurl = aes.aesDecrypt(uni.getStorageSync("headimgurl")); |
||||
uni.hideLoading(); |
||||
}); |
||||
}else{ |
||||
uni.hideLoading(); |
||||
this.isLogin = true; |
||||
this.nickname = aes.aesDecrypt(uni.getStorageSync("nickname")); |
||||
this.headimgurl = aes.aesDecrypt(uni.getStorageSync("headimgurl")); |
||||
} |
||||
} |
||||
}, |
||||
methods: { |
||||
/* 是否显示投诉功能 */ |
||||
getIsShow: function(){ |
||||
this.$Request.post(this.$config.getYbsjSysParam, {}).then(res => { |
||||
var d = res.data; |
||||
this.isShowOnlinets = d.is_show_onlinets; |
||||
}) |
||||
}, |
||||
redictUrl: function(){ |
||||
uni.showModal({ |
||||
title:"重新刷新", |
||||
success() { |
||||
uni.navigateTo({ |
||||
url:"/pages/personcenter/aboutus?isRedirect=1" |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
oauthUser: function(){ |
||||
if(this.isLogin){ |
||||
return; |
||||
}else{ |
||||
uni.showLoading({ |
||||
mask:true, |
||||
title:"授权中", |
||||
success() { |
||||
setTimeout(function(){ |
||||
// uni.showToast({ |
||||
// title:"授权失败,点击"+that.nickname+"重新授权", |
||||
// icon:"none", |
||||
// duration: 1500 |
||||
// }) |
||||
uni.hideLoading(); |
||||
},10000) |
||||
} |
||||
}) |
||||
if(this.$wechat.isWechat()){ |
||||
//weixin 授权 |
||||
that.$util.getUser(this,"person","",""); |
||||
}else{ |
||||
//安卓授权 |
||||
var that = this; |
||||
this.$util.bindGpsObj(that); |
||||
Android.gotoDetial("WxUserInfo",""); |
||||
} |
||||
} |
||||
}, |
||||
callBackMethod: function(){ |
||||
// clearTimeout(timer); |
||||
this.isLogin = true; |
||||
that.nickname = aes.aesDecrypt(uni.getStorageSync("nickname")); |
||||
that.headimgurl = aes.aesDecrypt(uni.getStorageSync("headimgurl")); |
||||
uni.hideLoading(); |
||||
}, |
||||
gotoList: function(str){ |
||||
var that = this; |
||||
if(str == "dingdan" || str == "fankui"){ |
||||
//重新授权 |
||||
if(this.$util.isBlack(aes.aesDecrypt(uni.getStorageSync("unionid")))){ |
||||
uni.showToast({ |
||||
title:"点击头像进行授权", |
||||
icon:"none", |
||||
duration:1500 |
||||
}) |
||||
return; |
||||
} |
||||
if(aes.aesDecrypt(uni.getStorageSync("user_token")) == undefined || aes.aesDecrypt(uni.getStorageSync("user_token")) == null ||aes.aesDecrypt(uni.getStorageSync("user_token")) == ""){ |
||||
this.$util.getUserInfo(that,aes.aesDecrypt(uni.getStorageSync("unionid")),function(){ |
||||
this.jumpPages(str); |
||||
}); |
||||
}else{ |
||||
this.jumpPages(str); |
||||
} |
||||
}else{ |
||||
this.jumpPages(str); |
||||
} |
||||
}, |
||||
jumpPages: function(str){ |
||||
if(str == "aboutus"){ |
||||
uni.navigateTo({ |
||||
url:"/pages/personcenter/aboutus" |
||||
}) |
||||
}else if(str == "update"){ |
||||
uni.navigateTo({ |
||||
url:"/pages/personcenter/update" |
||||
}) |
||||
}else if(str == "fankui"){ |
||||
uni.navigateTo({ |
||||
url: "/pages/suggest/sug_list" |
||||
}) |
||||
} |
||||
}, |
||||
gotoSugList:function(){ |
||||
if(this.$util.isBlack(aes.aesDecrypt(uni.getStorageSync("unionid")))){ |
||||
uni.showToast({ |
||||
title:"点击头像进行授权", |
||||
icon:"none", |
||||
duration:1500 |
||||
}) |
||||
return; |
||||
} |
||||
uni.navigateTo({ |
||||
url: "/pages/suggest/sug_list" |
||||
}) |
||||
} |
||||
// getOrderCount: function(){ |
||||
// var method = "getUserOrderCount"; |
||||
// var sendData = { |
||||
// "api_token":that.$md5.hexMD5("API"+method+"lvyou"), |
||||
// "user_token":uni.getStorageSync("user_token"), |
||||
// "mid":uni.getStorageSync("user_info").mid |
||||
// } |
||||
// var data = { |
||||
// "data":JSON.stringify(sendData), |
||||
// "url": this.$config.getUserOrderCount |
||||
// } |
||||
// that.$Request.post(this.$config.getAittoData,data).then(res => { |
||||
// if(res.code == 0){ |
||||
// that.count = res.data; |
||||
// }else{ |
||||
// uni.showToast({ |
||||
// icon: "none", |
||||
// title: res.msg |
||||
// }) |
||||
// } |
||||
// }) |
||||
// } |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
@import url('../../static/css/common.css'); |
||||
</style> |
@ -1,359 +0,0 @@ |
||||
<template> |
||||
<view> |
||||
<!-- 头部 --> |
||||
<view class="dzhi_top"> |
||||
<image src="" class="dzhi_t_bg" mode="aspectFill"></image> |
||||
<view class="mode_com"> |
||||
|
||||
<view class="dly_flex person_inf"> |
||||
<view class="pes_inf"> |
||||
<!-- 用户昵称 --> |
||||
<view class="t_adm_box"> |
||||
<text class="t_hi">Hi</text> |
||||
<!-- <text class="t_nic">{{nickname}}阳光夏~小葵</text> -- 已登录状态 显示用户昵称 --> |
||||
<text class="t_nic">点击头像授权</text><!--未登录状态--> |
||||
|
||||
</view> |
||||
</view> |
||||
<!-- 头像 --> |
||||
<view class="pers_box"> |
||||
<view class="pes_img"> |
||||
<!-- 默认头像 --> |
||||
<button class="btn_dzhi"><!--授权按钮--> |
||||
<image :src="headimg" mode="aspectFill" class="pers_box"></image> |
||||
</button> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
|
||||
<!-- 兴趣定制 --> |
||||
<view class="mt_hb"> |
||||
<view class="mode_com"><text class="tit_com">兴趣定制</text></view> |
||||
|
||||
<view class="pd_scl_new"> |
||||
|
||||
<view class="mmd_s_hot"> |
||||
|
||||
<scroll-view class="scroll-view_s" scroll-x="true" @scroll="scroll" scroll-left=""> |
||||
<view class="yx_warp_3" style="width:450%"> |
||||
<!--width: 360%; 应改为动态计算得出 基数为90% *n--> |
||||
<view class="dly_flex mud_hot_box pt_3"> |
||||
<!-- 此处循环 --> |
||||
<view class="b_tol_ipt"> |
||||
<view class="scroll-view-item_s"> |
||||
<view class="dzhi_box"> |
||||
<view class="dzhi_pic"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577349755464&di=7c8986a496818607ce29674a77d58bee&imgtype=0&src=http%3A%2F%2Fimage.yikuaiqu.com%2Ftyftp%2Fimage%2F0%2F2%2F222%2F188003%2F1221758_.320x240.800x480.jpg" |
||||
class="dzhi_img" mode="aspectFill"></image> |
||||
<view class="pt_3 dly_flex_a"> |
||||
<!-- 定制类型分类-景区 --> |
||||
<view class="w_75"> |
||||
<view class="dly_flex_a"> |
||||
<view class="dzhi_bq"> |
||||
<image src="" class="kou_top3"></image> |
||||
</view> |
||||
<view> |
||||
<view class="dzh_bti">景区</view> |
||||
<view class="dzh_tps">当季景区门票推送</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- 关注按钮 --> |
||||
<view class="w_25"> |
||||
<!-- <text class="cur_ding">已关注</text> ‘已关注’状态--> |
||||
|
||||
<text class="adm_ding">+ 关注</text> |
||||
<!--‘未关注’状态,点击后切换‘已关注’状态--> |
||||
</view> |
||||
</view> |
||||
<!-- 定制内容 --> |
||||
<view class="dzhi_main"> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">景区级别</view> |
||||
<view class="opt_jq"> |
||||
<text class="cur_sced">不限</text><text>AAAAA</text><text>AAAA</text><text>AAA</text><text>其他</text> |
||||
</view> |
||||
</view> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">门票价格</view> |
||||
<view class="opt_jq"> |
||||
<text>不限</text><text class="cur_sced">免费</text><text class="cur_sced">1~100元</text><text class="cur_sced">100~300元</text><text>300元以上</text> |
||||
</view> |
||||
</view> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">景区类型</view> |
||||
<view class="opt_jq"> |
||||
<text>不限</text><text class="cur_sced">自然景观</text><text class="cur_sced">人文历史</text><text class="cur_sced">乡村游</text><text>温泉养生</text><text>滑雪场</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
<view class="b_tol_ipt"> |
||||
<view class="scroll-view-item_s"> |
||||
<view class="dzhi_box"> |
||||
<view class="dzhi_pic"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577349675901&di=7fddc6e03188d66255728bf51209cda2&imgtype=jpg&src=http%3A%2F%2Fimg1.imgtn.bdimg.com%2Fit%2Fu%3D145157106%2C3026368936%26fm%3D214%26gp%3D0.jpg" |
||||
class="dzhi_img" mode="aspectFill"></image> |
||||
<view class="pt_3 dly_flex_a"> |
||||
<view class="w_75"> |
||||
<view class="dly_flex_a"> |
||||
<view class="dzhi_bq"> |
||||
<image src="" class="kou_top3"></image> |
||||
</view> |
||||
<view> |
||||
<view class="dzh_bti">酒店</view> |
||||
<view class="dzh_tps">相关住宿信息推送</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="w_25"> |
||||
<text class="cur_ding">已关注</text> |
||||
<!--‘已关注’状态--> |
||||
<!-- <text class="adm_ding">+ 关注</text> ‘未关注’状态,点击后切换‘已关注’状态--> |
||||
</view> |
||||
</view> |
||||
<view class="dzhi_main"> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">酒店类型</view> |
||||
<view class="opt_jq"> |
||||
<text>不限</text><text class="cur_sced">豪华奢侈型</text><text class="cur_sced">享受型</text><text>舒适型</text><text>经济实惠型</text> |
||||
</view> |
||||
</view> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">价格区间</view> |
||||
<view class="opt_jq"> |
||||
<text>不限</text><text class="cur_sced">200元以下</text><text class="cur_sced">200~500元</text><text class="cur_sced">300~500元</text> |
||||
<text>500~800元</text><text>800元以上</text> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
<view class="b_tol_ipt"> |
||||
<view class="scroll-view-item_s"> |
||||
<view class="dzhi_box"> |
||||
<view class="dzhi_pic"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577349602555&di=0cd4d0026276f4a9204615a9abd221f8&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20171115%2Fc316641e4ce644bbb853ce7f472badd9.jpeg" |
||||
class="dzhi_img" mode="aspectFill"></image> |
||||
<view class="pt_3 dly_flex_a"> |
||||
<view class="w_75"> |
||||
<view class="dly_flex_a"> |
||||
<view class="dzhi_bq"> |
||||
<image src="" class="kou_top3"></image> |
||||
</view> |
||||
<view> |
||||
<view class="dzh_bti">美食</view> |
||||
<view class="dzh_tps">本地美食相关信息推送</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="w_25"> |
||||
<text class="cur_ding">已关注</text> |
||||
<!--‘已关注’状态--> |
||||
<!-- <text class="adm_ding">+ 关注</text> ‘未关注’状态,点击后切换‘已关注’状态--> |
||||
</view> |
||||
</view> |
||||
<view class="dzhi_main"> |
||||
|
||||
|
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">美食类型</view> |
||||
<view class="opt_jq"> |
||||
<text>不限</text><text class="cur_sced">网红打卡</text><text class="cur_sced">面食</text><text class="cur_sced">小吃</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
<view class="b_tol_ipt"> |
||||
<view class="scroll-view-item_s"> |
||||
<view class="dzhi_box"> |
||||
<view class="dzhi_pic"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577349712887&di=054a2b8498ed9d71d9855066b428fd13&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F55e736d12f2eb9381e4ebbeddf628535e5dd6f8a.jpg" |
||||
class="dzhi_img" mode="aspectFill"></image> |
||||
<view class="pt_3 dly_flex_a"> |
||||
<view class="w_75"> |
||||
<view class="dly_flex_a"> |
||||
<view class="dzhi_bq"> |
||||
<image src="" class="kou_top3"></image> |
||||
</view> |
||||
<view> |
||||
<view class="dzh_bti">线路</view> |
||||
<view class="dzh_tps">旅游线路相关信息推送</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="w_25"> |
||||
<text class="cur_ding">已关注</text> |
||||
<!--‘已关注’状态--> |
||||
<!-- <text class="adm_ding">+ 关注</text> ‘未关注’状态,点击后切换‘已关注’状态--> |
||||
</view> |
||||
</view> |
||||
<view class="dzhi_main"> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">景区级别</view> |
||||
<view class="opt_jq"> |
||||
<text class="cur_sced">不限</text><text>AAAAA</text><text>AAAA</text><text>AAA</text><text>其他</text> |
||||
</view> |
||||
</view> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">门票价格</view> |
||||
<view class="opt_jq"> |
||||
<text>不限</text><text class="cur_sced">免费</text><text class="cur_sced">1~100元</text><text class="cur_sced">100~300元</text><text>300元以上</text> |
||||
</view> |
||||
</view> |
||||
<view class="mb_hb"> |
||||
<view class="opt_bti">景区类型</view> |
||||
<view class="opt_jq"> |
||||
<text>不限</text><text class="cur_sced">自然景观</text><text class="cur_sced">人文历史</text><text class="cur_sced">乡村游</text><text>温泉养生</text><text>滑雪场</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
<!-- 攻略定制----图片展列 --> |
||||
<view class="b_tol_ipt"> |
||||
<view class="scroll-view-item_s"> |
||||
<view class="dzhi_box"> |
||||
<view class="dzhi_pic"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577700807020&di=d23b31729ac2c9f00233cbc433844c97&imgtype=0&src=http%3A%2F%2Fimg.mp.sohu.com%2Fupload%2F20170604%2Fe45d77fb1eec4036a61d55f79efb6f00_th.png" |
||||
class="dzhi_img" mode="aspectFill"></image> |
||||
<view class="pt_3 dly_flex_a"> |
||||
<view class="w_75"> |
||||
<view class="dly_flex_a"> |
||||
<view class="dzhi_bq"> |
||||
<image src="" class="kou_top3"></image> |
||||
</view> |
||||
<view> |
||||
<view class="dzh_bti">攻略</view> |
||||
<view class="dzh_tps">景区攻略相关信息推送</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="w_25"> |
||||
<text class="cur_ding">已关注</text> |
||||
<!--‘已关注’状态--> |
||||
<!-- <text class="adm_ding">+ 关注</text> ‘未关注’状态,点击后切换‘已关注’状态--> |
||||
</view> |
||||
</view> |
||||
<view class="dzhi_main"> |
||||
<view class="dly_flex_a"> |
||||
<view class="w_65"> |
||||
<view class="gl_prd"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577700807022&di=97d49e703cd0cf098242f1da233f6199&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1703%2F15%2Fc26%2F39545688_1489579559492_mthumb.jpg" |
||||
class="gl_show_1" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
<view class="w_35"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577700807021&di=b7286ac7d18774bfff543c19854f2e93&imgtype=0&src=http%3A%2F%2Fwx3.sinaimg.cn%2Forj360%2F7ad7a27bly1gadz86cr2tj21hc0qotys.jpg" |
||||
class="gl_show_2" mode="aspectFill"></image> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577700807020&di=c5c6b7764d50987f4796c904b2cf973f&imgtype=0&src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2Ftg%2F708%2F637%2F446%2Ff14ece2f4e2241568c38df693fdbfc55_metal.jpg" |
||||
class="gl_show_2" mode="aspectFill"></image> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</scroll-view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
|
||||
|
||||
</view> |
||||
|
||||
|
||||
|
||||
|
||||
<!-- 工具栏 --> |
||||
<view class="mode_com mt_1"> |
||||
<text class="tit_com">我的应用</text> |
||||
<view class="dly_flex hd_pter mb_hb"> |
||||
<view class="w_33"> |
||||
<view class=""> |
||||
<image src="../../static/images/p_ddan.png" class="kou_top3" mode="aspectFill"></image> |
||||
</view> |
||||
<text class="ht_text">我的订单</text> |
||||
</view> |
||||
<view class="w_33"> |
||||
<view class=""> |
||||
<image src="../../static/images/p_tsu.png" class="kou_top3" mode="aspectFill"></image> |
||||
</view> |
||||
<text class="ht_text">在线投诉</text> |
||||
</view> |
||||
<view class="w_33"> |
||||
<view class=""> |
||||
<image src="../../static/images/s_tsu.png" class="kou_top3" mode="aspectFill"></image> |
||||
</view> |
||||
<text class="ht_text">留言投诉</text> |
||||
</view> |
||||
<view class="w_33"> |
||||
<view class=""> |
||||
<image src="../../static/images/p_about.png" class="kou_top3" mode="aspectFill"></image> |
||||
</view> |
||||
<text class="ht_text">关于我们</text> |
||||
</view> |
||||
<view class="w_33"> |
||||
<view class=""> |
||||
<image src="../../static/images/p_gxin.png" class="kou_top3" mode="aspectFill"></image> |
||||
</view> |
||||
<text class="ht_text">系统更新</text> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
</script> |
||||
|
||||
<style> |
||||
@import url('../../static/css/common.css'); |
||||
@import url('../../static/css/hebei.css'); |
||||
</style> |
@ -1,28 +0,0 @@ |
||||
<template> |
||||
<view style="text-align: center;font-size: 13px;">...跳转中</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
onLoad(options) { |
||||
if(options.type == "person"){ |
||||
this.$param.user_info = options; |
||||
uni.switchTab({ |
||||
url:"/pages/personcenter/personcenter" |
||||
}) |
||||
}else if(options.type == "scenicdetail"){ |
||||
uni.redirectTo({ |
||||
url:"/pages/scenic/scenicdetial/scenicdetial?unionid="+options.unionid+"&nickname="+options.nickname+"&headimgurl="+options.headimgurl+"&openid="+options.openid+"&suitid="+options.suitid+"&guid="+options.guid |
||||
}) |
||||
}else{ |
||||
uni.switchTab({ |
||||
url:"/pages/personcenter/personcenter" |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
@import url('../../static/css/common.css'); |
||||
</style> |
@ -1,81 +0,0 @@ |
||||
<template> |
||||
<view> |
||||
<view class="mode_com"> |
||||
<view class="guy_img "><image :src="src" class="tup_size_160" ></image></view> |
||||
<view class="abt_ht_text">{{name}}文旅APP |
||||
|
||||
</view> |
||||
<view class="nr_cot"> |
||||
{{name}}文旅是利用互联网、物联网、大数据、人工智能、融合5G技术打造的全域旅游智慧营销和管理平台,实现了“旅游全程智能化”。游客只需要用一部手机,就可以满足游前、游中、游后的旅游需求,为游客在旅游信息获取、文化旅游行程规划、产品预订、游记分享、特产展示、投诉建议等方面提供一站式智能化便捷服务。 |
||||
|
||||
</view> |
||||
|
||||
<!-- <view style=" text-align: center; font-size: 32rpx;position: fixed;bottom: 140rpx;left: 5%;right: 5%;z-index: 6; color: #999;" > |
||||
<text v-if="version != ''">当前版本:V{{version}}</text> |
||||
</view> --> |
||||
<view class="btn_upd" @click="update"> |
||||
<view class=" pb_15 agn_center"><text class="an_t_2" v-if="version != ''">当前版本:V{{version}}</text></view> |
||||
<text class="btn_upd_inf">检查更新</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
name:this.$param.cityName, |
||||
src:"../../static/images/"+this.$param.cityPy+".png", |
||||
version:"" |
||||
} |
||||
}, |
||||
onLoad(){ |
||||
this.getVersion(); |
||||
}, |
||||
methods: { |
||||
update:function(){ |
||||
if (this.$wechat.isWechat()) { |
||||
} else { |
||||
switch (uni.getSystemInfoSync().platform) { |
||||
case 'android': |
||||
console.log('运行Android上'); |
||||
Android.gotoDetial("VERSIONCHECK",""); |
||||
break; |
||||
case 'ios': |
||||
console.log('运行iOS上'); |
||||
window.location.href = 'https://www.baidu.com?url=appupdate'; |
||||
break; |
||||
default: |
||||
break; |
||||
} |
||||
} |
||||
}, |
||||
getVersion:function(){ |
||||
if (this.$wechat.isWechat()) { |
||||
} else { |
||||
switch (uni.getSystemInfoSync().platform) { |
||||
case 'android': |
||||
console.log('运行Android上'); |
||||
var that = this; |
||||
this.$util.bindGpsObj(that); |
||||
Android.gotoDetial("GetVersionInfo",""); |
||||
break; |
||||
// case 'ios': |
||||
// console.log('运行iOS上'); |
||||
// window.location.href = 'https://www.baidu.com?url=appupdate'; |
||||
// break; |
||||
default: |
||||
break; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
@import url('../../static/css/common.css'); |
||||
page{ background-color: #fff;} |
||||
.mode_com{ padding-top:60rpx;} |
||||
</style> |
@ -1,297 +0,0 @@ |
||||
<template> |
||||
<view class="scenic_warp"> |
||||
<!-- 头部模糊部分 --> |
||||
<view class="det_top"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569318519516&di=d523e844db846392c16fb4927be37b06&imgtype=0&src=http%3A%2F%2Fs0.nuomi.bdimg.com%2Fupload%2Fdeal%2F2014%2F7%2FV_L%2F1243597-f2xfym8ukn-13730190252698027.jpg" |
||||
mode="aspectFill" class="pic_swp_bg"></image> |
||||
</view> |
||||
<!-- 黑色遮罩 --> |
||||
<view class="top_zhe"></view> |
||||
<!-- 头部地址与天气 --> |
||||
<view class="dly_flex mmd_top"> |
||||
<!-- 地址切换 --> |
||||
<view class="sec_name_unit agn_left mmd_dl"> |
||||
|
||||
<view class="cur-input">景区名名称称</view> |
||||
<view class="dl_1"><text>AAAAA</text></view> |
||||
</view> |
||||
<!-- 天气 --> |
||||
<view class="sec_whe_unit agn_right mmd_dl mmd_whe"> |
||||
<image src="../../../static/images/whe_cloudy.png" class="mmd_icon"></image> |
||||
<text class="dl_2">多云</text> |
||||
<view class="dl_1">15℃~26℃</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<!-- 轮播图 --> |
||||
<view class="mmd_scol"> |
||||
<view class="uni-margin-wrap"> |
||||
<swiper class="swiper" :indicator-dots="indicatorDots_sce" :autoplay="autoplay_sce" :interval="interval_sce" |
||||
:duration="duration_sce"> |
||||
<swiper-item> |
||||
<view class="swiper-item" style="background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1568880108211&di=1722fd8206f7511c3e991475f01cb88a&imgtype=0&src=http%3A%2F%2Fpic.baike.soso.com%2Fp%2F20120425%2Fext-20120425190752-1335974352.jpg) center no-repeat / cover"></view> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<view class="swiper-item" style="background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1568880108211&di=97ad9113286767937128ad35b06e07e8&imgtype=0&src=http%3A%2F%2Fpic0.beibaotu.com%2Fitem_images%2F000%2F00%2F26%2F26%2F9025260_b.jpg) center no-repeat / cover"></view> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<view class="swiper-item" style="background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1568880108211&di=6cebc0a5cd4897ca477b154f0926601d&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fhebei%2Ftransform%2F20161123%2FcMlv-fxyawmn9939531.jpg) center no-repeat / cover"></view> |
||||
</swiper-item> |
||||
</swiper> |
||||
</view> |
||||
|
||||
|
||||
|
||||
</view> |
||||
|
||||
<!-- 功能键 --> |
||||
<view class="mode_com mt_1"> |
||||
<view class="inx_ht_warp dly_flex tol_2_warp sec_tol"> |
||||
<view class="sec_tol_unit"> |
||||
<image class="sec_tol_pic" src="" mode="scaleToFill"></image> |
||||
<view class="gjz_box"> |
||||
<image class="gjz_pic" src="../../../static/images/icn_xnty2.png"></image> |
||||
<text class="ht_text">720全景</text> |
||||
</view> |
||||
</view> |
||||
<view class="sec_tol_unit"> |
||||
|
||||
<image class="sec_tol_pic" src="" mode="scaleToFill"></image> |
||||
<view class="gjz_box"> |
||||
<image class="gjz_pic" src="../../../static/images/icn_zhdl2.png"></image> |
||||
<text class="ht_text">智慧导览</text> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<view class="mode_com mt_1"> |
||||
<view class="dly_flex_c sce_voe"> |
||||
<view class="sec_whe_unit"> |
||||
<button class="btn_play">播放</button> |
||||
</view> |
||||
<view class="sec_name_unit"> <text class="sev_t control_1">音频名称</text> |
||||
<view class="mssj_adr">00:23</view> |
||||
</view> |
||||
|
||||
|
||||
|
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
<!-- 分割线 --> |
||||
<view class="shadow_fg"></view> |
||||
<!-- 音频 --> |
||||
<view class="mode_com mt_1"></view> |
||||
<!-- 简介 --> |
||||
<view class="mode_com mt_1"> |
||||
<text class="tit_com">简介</text> |
||||
<view class="sce_jianj"> |
||||
<view class="btn_shouq">查看更多 |
||||
<text class="btn_down">展开</text><text class="btn_up">收起</text></view> |
||||
<view class="lvdh_inf h_define"> |
||||
<!-- class="h_define" 固定高度 --> |
||||
正定县位于河北省西南部,华北平原中部的冀中平原,古称常山、真定,历史上曾与北京、保定并称“北方三雄镇”,是国家历史文化名城,中国民间艺术之乡,也是百岁帝王赵佗、常胜将军赵云故里。截至2010年正定有国家级文物保护单位9处,省级文物保护单位6处。 |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
<!-- 景区地址 --> |
||||
<view class="mode_com mt_1"> |
||||
<text class="tit_com">景区地址</text> |
||||
<view class="dly_flex_c secdt_tck mt_1"> |
||||
<view class="sec_name_unit"> |
||||
<text class="cot_adr" style="margin-right: 20rpx;">绿港间艺绿港间艺术之绿港间艺术之术之</text> |
||||
</view> |
||||
<view class="agn_right sec_whe_unit"> |
||||
<button class="btn_com btn_daoh">导航</button> |
||||
|
||||
</view> |
||||
</view> |
||||
<view class="secdt_tips"> |
||||
<view class="secdt_adr dly_flex_c"> |
||||
<image class="adr_pic" src="../../../static/images/icon_phe.png"></image><text class="w_adr">景区电话</text><text |
||||
class="cot_adr2">0311-45212542</text><!-- 电话号码上加拨打功能 --> |
||||
|
||||
</view> |
||||
<view class="secdt_adr dly_flex"> |
||||
<image class="adr_pic" src="../../../static/images/icon_time.png"></image><text class="w_adr">开放时间</text><text |
||||
class="cot_adr">绿港名城,绿港名城,中国民间艺术之绿港名城,中国民间艺术之绿港名城,中国民间艺术之</text> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
|
||||
<!-- 景区门票 --> |
||||
<view class="mode_com mt_1"> |
||||
<text class="tit_com">景区门票</text> |
||||
<view class="mt_1"> |
||||
<view class="dly_flex_c secdt_tck"> |
||||
<view class="mp_l_box"> |
||||
<image class="mp_pic" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569390940856&di=769da6f72f547668a50493db6f6599aa&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fhebei%2Ftransform%2F20161123%2FcMlv-fxyawmn9939531.jpg"></image> |
||||
<view class="mp_inf"> |
||||
<view class="mp_name">票名称门票票名称门票票名称门票票名称门票票名称门票票名称门票</view> |
||||
<view><text class="fh_rmb">¥</text><text class="price_rmb">65</text></view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="mp_r_box"> |
||||
<view class="btn_buy">预定</view> |
||||
</view> |
||||
</view> |
||||
<!-- 门票列表2 --> |
||||
<view class="dly_flex_c secdt_tck"> |
||||
<view class="mp_l_box"> |
||||
<image class="mp_pic" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569390940856&di=769da6f72f547668a50493db6f6599aa&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fhebei%2Ftransform%2F20161123%2FcMlv-fxyawmn9939531.jpg"></image> |
||||
<view class="mp_inf"> |
||||
<view class="mp_name">门票名称门票名称</view> |
||||
<view><text class="fh_rmb">¥</text><text class="price_rmb">65</text></view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="mp_r_box"> |
||||
<view class="btn_buy">预定</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- 攻略 --> |
||||
<view class="mode_com mt_1"> |
||||
<text class="tit_com">景区游玩攻略</text> |
||||
<view class="inx_ht_warp glue_warp secdt_glue"> |
||||
<view class="fod_sp_box"> |
||||
<view class="msimg_wrp"> |
||||
<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569150144385&di=129beb1469832495568f46e7596da597&imgtype=0&src=http%3A%2F%2Fimg8.zol.com.cn%2Fbbs%2Fupload%2F24123%2F24122396.jpg" |
||||
class="pic_shop" mode="aspectFill"></image> |
||||
</view> |
||||
<view class="mssj_box"> |
||||
<text class="mssj_tit">攻略名称攻略名称攻略名称攻略名称</text> |
||||
<text class="mssj_adr">攻攻略简,介攻略简介,攻略简介攻略简介攻。略简介攻略,简介攻略。简介略简介</text> |
||||
|
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<!-- 景区我知道 --> |
||||
<view class="mode_com mt_1"> |
||||
<text class="tit_com">景区我知道</text> |
||||
<view class="sce_jianj"> |
||||
<view class="btn_shouq">查看更多 |
||||
<text class="btn_down">展开</text><text class="btn_up">收起</text></view> |
||||
<view class="lvdh_inf h_define"> |
||||
<!-- class="h_define" 固定高度 --> |
||||
正定县位于河北省西南部,华北平原中部的冀中平原,古称常山、真定,历史上曾与北京、保定并称“北方三雄镇”,是国家历史文化名城,中国民间艺术之乡,也是百岁帝王赵佗、常胜将军赵云故里。截至2010年正定有国家级文物保护单位9处,省级文物保护单位6处。 |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
<!-- 评论 --> |
||||
<view class="mode_com mt_1"> |
||||
<text class="tit_com">游客评价</text> |
||||
<view class="inx_ht_warp"> |
||||
<view class="dly_flex pj_fens_warp"> |
||||
<view class="half_unit"> |
||||
<view class="pj_fens">4.8<text>分</text></view> |
||||
<view> |
||||
<uni-rate :value="4.8" :disabled="true" :size="15" /> |
||||
</view> |
||||
</view> |
||||
<view class="half_unit agn_right"> |
||||
<view class="pj_tol">景区总得分</view> |
||||
<view><text class="pjia_time">456454人点评</text></view> |
||||
</view> |
||||
</view> |
||||
<view class="pj_warp_lst"> |
||||
<view class="pingj_lst"> |
||||
<view class="pjia_usr_inf dly_flex"> |
||||
<view class="sec_name_unit"> |
||||
<view style=""> |
||||
<view><text class="ykusr_name">游客名称游客名称游客名称游客名称</text></view> |
||||
<view><text class="pjia_time">2019-05-23</text></view> |
||||
</view> |
||||
</view> |
||||
<view class="sec_whe_unit agn_right"><text class="yk_daf">4.5分</text> |
||||
<view class="yk_star"> |
||||
<uni-rate :value="4.5" :disabled="true" :size="10" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="lvdh_inf pjia_cot">评论内容评,论内容评论内容评,论内容评论内容。评论内容评论内,容评论内容评论内容评论,内容评论内容评论,内容评论内容评论。内容评论内容。评论内。容评论,内容评。论内容评论内容评论,内容评论内容评论内,容评论内,容评论内容评论内容评论内。容评论内容评论内容</view> |
||||
</view> |
||||
<view class="pingj_lst"> |
||||
<view class="pjia_usr_inf dly_flex"> |
||||
<view class="sec_name_unit"> |
||||
<view> |
||||
<view><text class="ykusr_name">游客名称游客名称游客名称游客名称</text></view> |
||||
<view><text class="pjia_time">2019-05-23</text></view> |
||||
</view> |
||||
</view> |
||||
<view class="sec_whe_unit agn_right"><text class="yk_daf">4.5分</text> |
||||
<view class="yk_star"> |
||||
<uni-rate :value="2" :disabled="true" :size="10" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="lvdh_inf pjia_cot">评论内容评,论内容评论内容评,论内容评论内容。评论内容评论内,容评论内容评论内容评论,内容评论内容评论,内容评论内容评论。内容评论内容。评论内。容评论,内容评。论内容评论内容评论,内容评论内容评论内,容评论内,容评论内容评论内容评论内。容评论内容评论内容</view> |
||||
</view> |
||||
<view class="pingj_lst"> |
||||
<view class="pjia_usr_inf dly_flex"> |
||||
<view class="sec_name_unit"> |
||||
<view> |
||||
<view><text class="ykusr_name">游客名称游客名称游客名称游客名称</text></view> |
||||
<view><text class="pjia_time">2019-05-23</text></view> |
||||
</view> |
||||
</view> |
||||
<view class="sec_whe_unit agn_right"><text class="yk_daf">4.5分</text> |
||||
<view class="yk_star"> |
||||
<uni-rate :value="4.5" :disabled="true" :size="10" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="lvdh_inf pjia_cot">评论内容评,论内容评论内容评,论内容评论内容。评论内容评论内,容评论内容评论内容评论,内容评论内容评论,内容评论内容评论。内容评论内容。评论内。容评论,内容评。论内容评论内容评论,内容评论内容评论内,容评论内,容评论内容评论内容评论内。容评论内容评论内容</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="btn_link_m"><text class="link_m_txt">查看更多 +</text></view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import uniRate from '@/components/uni-rate/uni-rate.vue' |
||||
export default { |
||||
components: { |
||||
uniRate |
||||
}, |
||||
data() { |
||||
return { |
||||
|
||||
indicatorDots_sce: true, |
||||
autoplay_sce: true, |
||||
interval_sce: 4000, |
||||
duration_sce: 500, |
||||
|
||||
|
||||
} |
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
@import "../../../static/css/common.css"; |
||||
@import "../../cate/destinations.css"; |
||||
@import url("../../index/index.css"); |
||||
@import url("scenicdetial.css"); |
||||
</style> |
Before Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 749 B |
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 831 B |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 935 B |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 720 B |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 886 B |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 825 B |
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 7.7 KiB |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 445 B |
Before Width: | Height: | Size: 6.0 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 353 B |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 394 B |
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 627 B |
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 880 B |
Before Width: | Height: | Size: 5.5 KiB |
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 831 B |
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 999 B |
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 822 B |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 930 B |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 787 B |
Before Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 9.7 KiB |
Before Width: | Height: | Size: 9.9 KiB |
Before Width: | Height: | Size: 9.9 KiB |
Before Width: | Height: | Size: 7.2 KiB |
Before Width: | Height: | Size: 5.6 KiB |
Before Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 7.1 KiB |
Before Width: | Height: | Size: 8.3 KiB |
Before Width: | Height: | Size: 4.5 KiB |
Before Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 5.5 KiB |
Before Width: | Height: | Size: 5.5 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 1011 B |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 696 B |
Before Width: | Height: | Size: 988 B |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 663 B |
Before Width: | Height: | Size: 1009 B After Width: | Height: | Size: 506 B |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 5.3 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 6.1 KiB |
Before Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 6.0 KiB |
Before Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 449 B |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 487 B |
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 510 B |
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 4.3 KiB |