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.
466 lines
16 KiB
466 lines
16 KiB
<template>
|
|
|
|
|
|
|
|
|
|
|
|
<view>
|
|
<!-- 背景 -->
|
|
<view class="hb_bg">
|
|
<image src="" mode="aspectFill" class="hb_bg_pic"></image>
|
|
|
|
</view>
|
|
<!-- 头部 -->
|
|
<view class="hb_top">
|
|
<view class="hb_t_main">
|
|
<view class="mode_com">
|
|
<view class="t_h1">
|
|
河北省<text>京畿福地 乐享河北</text>
|
|
</view>
|
|
<view class="dly_flex hb_sch_box">
|
|
<view class="inx_sch">
|
|
<input type="text" class="hb_sch" confirm-type="search" placeholder-style="color:rgba(255,255,255,1)"
|
|
placeholder="搜索景区/酒店/美食/攻略" />
|
|
|
|
</view>
|
|
<view class="hb_sch_fdj">
|
|
<image src="../../static/images/icon-search_2.png" class="kou_top3"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="dly_flex hb_tol_top mt_new">
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_jq.png" class="kou_top"></image>
|
|
<view class="ht_text">景区</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_jd.png" class="kou_top"></image>
|
|
<view class="ht_text">酒店</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_ms.png" class="kou_top"></image>
|
|
<view class="ht_text">美食</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_tc.png" class="kou_top"></image>
|
|
<view class="ht_text">特产</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_dl.png" class="kou_top"></image>
|
|
<view class="ht_text">导览</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 工具栏2 -->
|
|
<view class="mode_com mt_1 hb_tol_2">
|
|
<view class="dly_flex hb_tol_top">
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_xl.png" class="kou_top"></image>
|
|
<view class="ht_text">旅游线路</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_gl.png" class="kou_top"></image>
|
|
<view class="ht_text">官方攻略</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_hd.png" class="kou_top"></image>
|
|
<view class="ht_text">文化活动</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_zb.png" class="kou_top"></image>
|
|
<view class="ht_text">逛周边</view>
|
|
</view>
|
|
<view class="ut_tol">
|
|
<image src="../../static/images/img2/icn_zx.png" class="kou_top"></image>
|
|
<view class="ht_text">资讯</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 工具3 -->
|
|
<view class="mode_com mt_1">
|
|
<view class="dly_flex">
|
|
<view class="ut_tol">
|
|
<view class="hb_tol_3">
|
|
<text class="tol_3_h1">数字导览</text>
|
|
<text class="tol_3_p">生动形象的解说与导览</text>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="ut_tol">
|
|
<view class="hb_tol_3">
|
|
<text class="tol_3_h1">VR在线</text>
|
|
<text class="tol_3_p">来一场逼真的VR视觉旅</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 玩儿转河北 -->
|
|
<view class="mt_1">
|
|
<view class="mode_com"><text class="tit_com">玩儿转河北</text></view>
|
|
|
|
<view class="pd_scl_new">
|
|
<view class="tab_tsu mt_hb">
|
|
<text class="tsu_type ocur">怎么玩</text><text class="tsu_type">住哪里</text><text class="tsu_type">吃什么</text></view>
|
|
<view class="mmd_s_hot" style="padding-top:30rpx">
|
|
|
|
<scroll-view class="scroll-view_s" scroll-x="true" @scroll="scroll" scroll-left="">
|
|
<view class="yx_warp_3" style="width:360%">
|
|
<!--width: 360%; 应改为动态计算得出 基数为90% *n-->
|
|
<view class="dly_flex mud_hot_box">
|
|
<!-- 此处循环 -->
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">1</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">2</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">3</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">4</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</scroll-view>
|
|
<view class="mt_1 link_hb">了解更多 >></view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
<!-- 了解河北 -->
|
|
<view class="mt_1">
|
|
<view class="mode_com"><text class="tit_com">了解河北</text></view>
|
|
<view>
|
|
<view class="mt_hb gaik_hb">
|
|
<view class="hb_img">
|
|
<image src="" class="shij_pic" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="sjz_main gaik_hb_box">
|
|
<!-- 京畿福地 乐享河北 -->
|
|
<view class="mode_com sjz_summary">
|
|
<text class="tit_com">京畿福地 乐享河北</text>
|
|
|
|
<view class="shij_inf ">
|
|
<text class="mssj_adr">石家庄市经济总体回升向好。2009年地区生产总值跃上3000亿元台阶，达到3114.9亿元，同比增长11.1%。第一产业实现增加值305.3亿元，增长0.2%；第二产业实现增加值1558.5亿元，增长11.6%；第三产业实现增加值1251.1亿元，增长13.0
|
|
%。年末全市城镇单位从业人员83.5万人，比上年同期减少1.5％，其中在岗职工80.2万人，比上年同期减少2.1％；全市在岗职工平均工资27372元，比上年增长16.7％。年末市区单位从业人员为52.8万人，其中在岗职工50.0万人，在岗职工平均工资30649元，比上年同期增长16.4％。</text>
|
|
|
|
</view>
|
|
<view class="link_hb_gaik">
|
|
<image src="../../static/images/img2/in_link.png" class="kou_top3"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="mode_com"><text class="tit_com" style="color: #fff;">热门目的地</text></view>
|
|
<view class="mt_hb">
|
|
<view class="pd_scl_new">
|
|
<scroll-view class="scol_ht_box" scroll-x="true" @scroll="scroll_tab" scroll-left="0">
|
|
<view class="yx_warp_3" style="width: 144%;">
|
|
<!-- 基数为48% -->
|
|
<view class="dly_flex inx_yxs">
|
|
<!-- 此处循环 -->
|
|
<view class="b_tol_ipt">
|
|
<view class="unit_city6">
|
|
<image class="city_img" src="" mode="aspectFill"></image>
|
|
<view class="city_name">
|
|
<text class="ht_text">自在正定</text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
|
|
<view class="unit_city6">
|
|
<image class="city_img" src="" mode="aspectFill"></image>
|
|
<view class="city_name">
|
|
<text class="ht_text">自11在正定</text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
|
|
<view class="unit_city6">
|
|
<image class="city_img" src="" mode="aspectFill"></image>
|
|
<view class="city_name">
|
|
<text class="ht_text">自在正定</text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 精品路线 -->
|
|
<view class="mt_1">
|
|
<view class="mode_com"><text class="tit_com">精品路线</text></view>
|
|
|
|
<view class="pd_scl_new">
|
|
<view class="tab_tsu mt_hb">
|
|
<text class="tsu_type ocur">当季热门</text><text class="tsu_type">主题游</text><text class="tsu_type">亲子游</text><text
|
|
class="tsu_type">亲子游</text></view>
|
|
<view class="mmd_s_hot" style="padding-top:30rpx">
|
|
|
|
<scroll-view class="scroll-view_s" scroll-x="true" @scroll="scroll" scroll-left="">
|
|
<view class="yx_warp_3" style="width:360%">
|
|
<!--width: 360%; 应改为动态计算得出 基数为90% *n-->
|
|
<view class="dly_flex mud_hot_box">
|
|
<!-- 此处循环 -->
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">1</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">2</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">3</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="b_tol_ipt">
|
|
<view class="scroll-view-item_s" style="position: relative;">
|
|
<view class="paim">4</view>
|
|
<image class="mmd_jq_pic" src="" mode="aspectFill"></image>
|
|
<view class="wzr_zhe">
|
|
<text class="mmd_s_txt control_1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</text>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</scroll-view>
|
|
<view class="mt_1 link_hb">了解更多 >></view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
<!-- 旅游攻略 -->
|
|
<view class="mt_1 mode_com">
|
|
<text class="tit_com">旅游攻略</text>
|
|
<view class="mt_hb">
|
|
<view class="dly_flex">
|
|
<view class="hb_gl_pic">
|
|
<image src="" class="hb_img_size" mode="aspectFill"></image>
|
|
<view class="hb_gl_bq"><text>官方推荐</text></view>
|
|
</view>
|
|
<view class="hb_gl_inf">
|
|
<view class="mssj_tit">略名称攻略名称攻略名称攻称略名称攻略名称攻略名称攻称</view>
|
|
<view class="mssj_adr">略名称攻略名称攻略名称攻称</view>
|
|
</view>
|
|
</view>
|
|
<view class="dly_flex sug_fm_img hbgl_t2">
|
|
<view class="hb_ut_3 mb_hb">
|
|
<view class="sjz_main">
|
|
<image src="" mode="aspectFill" class="hb_img_size2"></image>
|
|
<view class="bq_tj">推荐</view>
|
|
</view>
|
|
<view class="mmd_s_txt control_2">略名称攻</view>
|
|
</view>
|
|
<view class="hb_ut_3 mb_hb">
|
|
<view class="sjz_main">
|
|
<image src="" mode="aspectFill" class="hb_img_size2"></image>
|
|
<view class="bq_tj">推荐</view>
|
|
</view>
|
|
<view class="mmd_s_txt control_2">略名称攻</view>
|
|
</view>
|
|
<view class="hb_ut_3 mb_hb">
|
|
<view class="sjz_main">
|
|
<image src="" mode="aspectFill" class="hb_img_size2"></image>
|
|
<view class="bq_tj">推荐</view>
|
|
</view>
|
|
<view class="mmd_s_txt control_2">略名称攻略名称攻略名称攻称攻</view>
|
|
</view>
|
|
<view class="hb_ut_3 mb_hb">
|
|
<view class="sjz_main">
|
|
<image src="" mode="aspectFill" class="hb_img_size2"></image>
|
|
<view class="bq_tj">推荐</view>
|
|
</view>
|
|
<view class="mmd_s_txt control_2">略名称攻略名称攻略名称攻称攻</view>
|
|
</view>
|
|
<view class="hb_ut_3 mb_hb">
|
|
<view class="sjz_main">
|
|
<image src="" mode="aspectFill" class="hb_img_size2"></image>
|
|
<view class="bq_tj">推荐</view>
|
|
</view>
|
|
<view class="mmd_s_txt control_2">略名称攻略名称攻略名称攻称攻</view>
|
|
</view>
|
|
<view class="hb_ut_3 mb_hb">
|
|
<view class="sjz_main">
|
|
<image src="" mode="aspectFill" class="hb_img_size2"></image>
|
|
<view class="bq_tj">推荐</view>
|
|
</view>
|
|
<view class="mmd_s_txt control_2">略名称攻略名称攻略名称攻称攻</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="link_hb">了解更多 >></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 最新活动 -->
|
|
<view class="mt_1 mode_com">
|
|
<text class="tit_com">最新活动</text>
|
|
|
|
<view class="inx_ht_warp hd_warp">
|
|
<view class="shij_list">
|
|
<view class="shij_img">
|
|
<image src="" class="shij_pic" mode="aspectFill"></image>
|
|
<text class="hd_bqa">热门</text>
|
|
<view class="hb_hd_txt">
|
|
<view class="hbhd_inf">
|
|
<text class="ht_text">活动内容，活动内容活动内容活动内容，活动内容活动内容</text>
|
|
<text class="mssj_adr">活动内容，活动内容活动内容活动内，容活内容，活动内容活动内容活动内，容活动内容活。动内容活动内容活动，内容活。动内容</text></view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="hb_hdlst">
|
|
<view class="dly_flex hbhd_2 mt_hb mb_hb">
|
|
<view class="hb_gl_pic">
|
|
<image src="" class="hb_img_size2" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="hb_gl_inf">
|
|
<text class="mssj_tit">文字文字文字文字文字文字文字文字文字文字文字文字</text>
|
|
<text class="lis_time">2019-12-12</text>
|
|
</view>
|
|
</view>
|
|
<view class="dly_flex hbhd_2 mt_hb mb_hb">
|
|
<view class="hb_gl_pic">
|
|
<image src="" class="hb_img_size2" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="hb_gl_inf">
|
|
<text class="mssj_tit">文字文字文字文字文字文字文字文字文字文字文字文字</text>
|
|
<text class="lis_time">2019-12-12</text>
|
|
</view>
|
|
</view>
|
|
<view class="dly_flex hbhd_2 mt_hb mb_hb">
|
|
<view class="hb_gl_pic">
|
|
<image src="" class="hb_img_size2" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="hb_gl_inf">
|
|
<text class="mssj_tit">文字文字文字文字文字文字文字文字文字文字文字文字</text>
|
|
<text class="lis_time">2019-12-12</text>
|
|
</view>
|
|
</view>
|
|
<view class="dly_flex hbhd_2 mt_hb mb_hb">
|
|
<view class="hb_gl_pic">
|
|
<image src="" class="hb_img_size2" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="hb_gl_inf">
|
|
<text class="mssj_tit">文字文字文字文字文字文字文字文字文字文字文字文字</text>
|
|
<text class="lis_time">2019-12-12</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
@import url("../../static/css/common.css");
|
|
@import url("../hotel/hoteldetail/hoteldetail.css");
|
|
@import url("../food/fooddetial/fooddetial.css");
|
|
@import url("index.css");
|
|
@import url("../cate/destination.css");
|
|
@import url("../tousu/tousulist/tousulist.css");
|
|
@import url("../../static/css/hebei.css");
|
|
</style>
|
|
|