|
Before Width: | Height: | Size: 640 B |
|
Before Width: | Height: | Size: 736 B |
|
Before Width: | Height: | Size: 1012 B |
|
Before Width: | Height: | Size: 749 B |
|
Before Width: | Height: | Size: 695 B |
|
Before Width: | Height: | Size: 752 B |
|
Before Width: | Height: | Size: 986 B |
|
Before Width: | Height: | Size: 928 B |
|
Before Width: | Height: | Size: 848 B |
|
Before Width: | Height: | Size: 692 B |
|
Before Width: | Height: | Size: 831 B |
|
Before Width: | Height: | Size: 945 B |
|
Before Width: | Height: | Size: 918 B |
|
Before Width: | Height: | Size: 706 B |
|
Before Width: | Height: | Size: 935 B |
|
Before Width: | Height: | Size: 842 B |
|
Before Width: | Height: | Size: 856 B |
|
Before Width: | Height: | Size: 720 B |
|
Before Width: | Height: | Size: 863 B |
|
Before Width: | Height: | Size: 689 B |
|
Before Width: | Height: | Size: 984 B |
|
Before Width: | Height: | Size: 808 B |
|
Before Width: | Height: | Size: 977 B |
|
Before Width: | Height: | Size: 933 B |
|
Before Width: | Height: | Size: 825 B |
|
Before Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 616 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 587 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 690 B |
|
Before Width: | Height: | Size: 758 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 985 B |
|
Before Width: | Height: | Size: 914 B |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 1.4 KiB |
@ -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="/subPageA/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="/subPageB/static/img/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="/subPageA/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="/subPageB/static/img/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 = "/subPageB/static/img/icn_up_g.png"; |
||||
}else if(this.showType == "收起"){ |
||||
this.showType = "展开"; |
||||
this.showTypeUrl = "/subPageB/static/img/icn_down_g.png"; |
||||
} |
||||
}, |
||||
goToScenicDetail: function(guid) { |
||||
//Android.gotoDetial("SCENIC", guid + ""); |
||||
uni.navigateTo({ |
||||
url: '/subPageA/scenic/scenicdetial/scenicdetial?guid=' + guid |
||||
}); |
||||
}, |
||||
change: function(index){ |
||||
this.xz = index; |
||||
this.bannerList = this.bannerLists[index]; |
||||
this.mes = this.middleData[index]; |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
|
||||
</style> |
||||