公司演示版e鹿悦游
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
CjyTravel/subPageB/cate/xiongan/xiongan-html.vue

147 lines
6.8 KiB

<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>