webfront / zhenwei · 提交

转到一个项目

作者 乔爽
提交 f6e9052fb65692fb2194917d13786964a96b8245 1 个父辈 68f69ba8

update

内嵌 并排对比
正在显示 20 个修改的文件 包含 1625 行增加 和 249 行删除
... ... @@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>参展申请</title>
<title>参展登记</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
... ...
... ... @@ -8,6 +8,7 @@ body{
input{
border: none;
outline: none;
background-color: transparent;
}
.container{
width: 7.5rem;
... ... @@ -54,109 +55,136 @@ input{
font-size: 0.22rem;
color: #777777;
}
/*中部*/
/*中部*/
.mid{
display: flex;
flex-flow: column;
margin-bottom: 0.88rem;
margin-bottom: 1.08rem;
}
.mid_item{
margin-top: 0.31rem;
width: 6.64rem;
display: flex;
/*align-items: center;*/
font-size: 0.24rem;
}
.mid_item_left{
width: 1.2rem;
font-size: 0.24rem;
}
.color_red{
color: #EA474B;
}
.mid_item_right{
border-bottom: 1px solid #959595;
margin-left: 0.3rem;
}
.mid_item_right input{
width: 5rem;
}
.mid_item_zw{
font-size: 0.24rem;
margin-left: 0.3rem;
display: flex;
flex: 1;
margin-left: 0.3rem;
justify-content: space-between;
}
.mid_item_right_wid{
width: 5.1rem;
}
.mid_item_right input{
border-bottom: 1px solid #959595;
background: transparent;
.mid_item_zw_a{
display: flex;
line-height: 1;
}
/*展位要求*/
.mid_item_right_input{
font-size: 0.22rem;
color: #1c1b1b;
.mid_num{
display: flex;
border-bottom: 1px solid #959595;
}
/*数量输入框*/
.mid_item_right_input_number{
width: 0.27rem;
border-bottom: 1px solid red;
.mid_num input{
width: 0.4rem;
}
/*展区要求*/
.exhibition_area{
/*展区要求*/
.mid_item_zq{
margin-left: 0.3rem;
display: flex;
flex-wrap: wrap;
margin-top: -0.2rem;
flex: 1;
width: 4rem;
margin-top: -0.25rem;
}
.exhibition_area_small{
width: 2.45rem;
margin-top: 0.2rem;
.mid_item_zq_c{
width: 2.5rem;
display: flex;
margin-top: 0.25rem;
}
.exhibition_area_input{
width: 1.6rem;
.mid_item_zq_c_input{
flex: 1;
border-bottom: 1px solid #959595;
}
.mid_item_zq_c_input input{
width: 100%;
}
/*展品信息*/
.information{
/*展品信息*/
.mid_item_zp{
display: flex;
flex-flow: column;
margin-left: 0.3rem;
}
.information_short{
.mid_item_zp_a{
display: flex;
margin-top: 0.3rem;
}
.mid_item_right_text{
font-size: 0.22rem;
.mid_item_zp_a:first-child{
margin-top: 0;
}
.exhibits_information{
width: 3.74rem;
margin-left: 0.08rem;
.zp_input{
border-bottom: 1px solid #959595;
}
.information_short:first-child{
margin-top: 0;
/*新品发布*/
.mid_item_new{
display: flex;
margin-left: 0.3rem;
}
/*新品发布*/
.new_goods{
.mid_item_new_input{
display: flex;
flex: 1;
justify-content: normal;
}
.new_goods>p{
margin-left: 0.4rem;
.mar_lef{
margin-left: 0.3rem;
}
.new_goods>p:first-child{
margin-left: 0;
.l_adv{
width: 2rem;
}
.mid_sub{
width: 6.78rem;
height: 0.75rem;
line-height: 0.75rem;
background:rgba(234,71,75,1);
border:1px solid rgba(149,149,149,1);
border-radius: 0.08rem;
margin-top: 0.31rem;
margin-bottom: 0.19rem;
.j_bet{
font-size: 0.3rem;
color: #fff;
text-align: center;
}
.mid_item_adv{
width: 2rem;
display: flex;
}
/*联系方式*/
.mid_item_contact{
width: 5rem;
display: flex;
margin-top: 0.39rem;
}
/*联系方式*/
.mid_item_contact:first-child{
margin-top: 0;
}
.mid_item_contact_left{
width: 1rem;
}
.mid_item_contact_right{
border-bottom: 1px solid #959595;
}
.mid_item_contact_right input{
width: 3.5rem;
}
.contact_a{
justify-content: space-between;
}
.contact_box{
display: flex;
flex-flow: column;
}
/*联系方式*/
.contact{
display: flex;
flex-flow: column;
... ... @@ -176,8 +204,24 @@ input{
.contact_way input{
}
.mid_sub{
margin-top: 0.3rem;
width: 6.78rem;
height: 0.75rem;
background:rgba(234,71,75,1);
border:1px solid rgba(149,149,149,1);
border-radius: 0.08rem;
/*底部菜单栏*/
font-size: 0.3rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(255,255,255,1);
line-height: 0.75rem;
text-align: center;
}
/*底部菜单栏*/
.bottom_menu{
width: 7.5rem;
height: 0.88rem;
... ... @@ -199,3 +243,5 @@ input{
font-size: 0.24rem;
color: #666666;
}
... ...
... ... @@ -34,6 +34,8 @@ body{
font-weight: bold;
}
.items{
margin-top: 0.88rem;
margin-bottom: 1rem;
... ... @@ -136,9 +138,40 @@ body{
flex-flow: column;
align-items: center;
color: #666666;
line-height: 1.2;
}
.bottom_menu_index_text{
font-size: 0.24rem;
font-size: 0.22rem;
color: #666666;
}
/*菜单栏目*/
.head_menu{
width: 1.9rem;
display: flex;
flex-flow: column;
background-color: #F4F5F9;
position: relative;
}
.head_menu_item{
width: 1.9rem;
height: 0.55rem;
line-height: 0.55rem;
display: flex;
align-items: center;
position: relative;
color: #333333;
}
/*下划线*/
.head_menu_item:before{
content: "";
width: 1.9rem;
height: 1px;
position: absolute;
bottom: 0;
background-color: #CED5D5;
}
.head_menu_item_text{
font-size: 0.24rem;
margin-left: 0.1rem;
}
... ...
body{
background-color: #F4F5F9;
}
*{
margin: 0;
padding: 0;
}
.container{
width: 7.5rem;
line-height: 1;
display: flex;
flex-flow: column;
align-items: center;
}
/*头部*/
.head{
width: 7.5rem;
height: 0.88rem;
background:rgba(201,201,201,1);
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.2rem;
}
.head_new{
font-size: 0.3rem;
color: rgba(68,68,68,1);
font-weight: bold;
}
.head_pic{
width: 7.5rem;
height: 2.18rem;
display: flex;
margin-top: 0.88rem;
}
.head_pic img{
width: 100%;
height: 100%;
}
/*标题*/
.title{
margin-top: 0.3rem;
display: flex;
flex-flow: column;
}
.title_big{
font-size: 0.34rem;
font-family:SourceHanSansCN-Bold;
font-weight:bold;
color:rgba(37,87,170,1);
line-height: 0.5rem;
text-shadow: 0.01rem 0.01rem 0.01rem rgba(0, 0, 0, 0.22);
background:linear-gradient(90deg,rgba(43,74,148,1) 0%, rgba(21,138,188,1) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.title_small{
font-size: 0.18rem;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(102,102,102,1);
line-height: 0.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.top{
width: 6.72rem;
display: flex;
background-color: #D9DEE8;
border-radius: 0.13rem;
margin-top: 0.38rem;
}
.top_text{
font-size: 0.22rem;
line-height: 0.46rem;
margin: 0.23rem 0.12rem ;
color: #2B4B94;
}
.mid{
width: 6.47rem;
display: flex;
flex-flow: column;
}
.mid_text{
margin-top: 0.3rem;
font-size: 0.22rem;
line-height: 0.46rem;
}
.mid_text:last-child{
margin-bottom: 0.42rem;
}
/*标题*/
.mid_title{
font-size: 0.24rem;
line-height: 0.46rem;
font-weight: bold;
color: #497CBC;
margin-top: 0.3rem;
}
/*底部图片*/
.bottom{
width: 6.17rem;
height: 3.21rem;
display: flex;
margin-bottom: 1.17rem;
}
.bottom img{
width: 100%;
height: 100%;
}
/*底部菜单栏*/
.bottom_menu{
width: 7.5rem;
height: 0.88rem;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #ffffff;
position: fixed;
bottom: 0;
}
.bottom_menu_index{
display: flex;
flex-flow: column;
align-items: center;
color: #666666;
line-height: 1.2;
}
.bottom_menu_index_text{
font-size: 0.24rem;
color: #666666;
}
... ...
... ... @@ -269,3 +269,34 @@ body{
font-size: 0.24rem;
color: #666666;
}
/*菜单栏目*/
.head_menu{
width: 1.9rem;
display: flex;
flex-flow: column;
background-color: #F4F5F9;
position: relative;
}
.head_menu_item{
width: 1.9rem;
height: 0.55rem;
line-height: 0.55rem;
display: flex;
align-items: center;
position: relative;
color: #333333;
}
/*下划线*/
.head_menu_item:before{
content: "";
width: 1.9rem;
height: 1px;
position: absolute;
bottom: 0;
background-color: #CED5D5;
}
.head_menu_item_text{
font-size: 0.24rem;
margin-left: 0.1rem;
}
... ...
... ... @@ -84,6 +84,7 @@ body{
flex-flow: column;
align-items: center;
justify-content: center;
margin-bottom: 1.6rem;
}
.traffic_search{
width: 4.48rem;
... ... @@ -253,3 +254,34 @@ body{
font-size: 0.24rem;
color: #666666;
}
/*菜单栏目*/
.head_menu{
width: 1.9rem;
display: flex;
flex-flow: column;
background-color: #F4F5F9;
position: relative;
}
.head_menu_item{
width: 1.9rem;
height: 0.55rem;
line-height: 0.55rem;
display: flex;
align-items: center;
position: relative;
color: #333333;
}
/*下划线*/
.head_menu_item:before{
content: "";
width: 1.9rem;
height: 1px;
position: absolute;
bottom: 0;
background-color: #CED5D5;
}
.head_menu_item_text{
font-size: 0.24rem;
margin-left: 0.1rem;
}
... ...
... ... @@ -328,3 +328,34 @@ body{
font-size: 0.24rem;
color: #666666;
}
/*菜单栏目*/
.head_menu{
width: 1.9rem;
display: flex;
flex-flow: column;
background-color: #F4F5F9;
position: relative;
}
.head_menu_item{
width: 1.9rem;
height: 0.55rem;
line-height: 0.55rem;
display: flex;
align-items: center;
position: relative;
color: #333333;
}
/*下划线*/
.head_menu_item:before{
content: "";
width: 1.9rem;
height: 1px;
position: absolute;
bottom: 0;
background-color: #CED5D5;
}
.head_menu_item_text{
font-size: 0.24rem;
margin-left: 0.1rem;
}
... ...
... ... @@ -138,6 +138,7 @@ body{
flex-flow: column;
align-items: center;
color: #666666;
line-height: 1.2;
}
.bottom_menu_index_text{
font-size: 0.22rem;
... ...
... ... @@ -154,3 +154,34 @@ body{
font-size: 0.24rem;
color: #666666;
}
/*菜单栏目*/
.head_menu{
width: 1.9rem;
display: flex;
flex-flow: column;
background-color: #F4F5F9;
position: relative;
}
.head_menu_item{
width: 1.9rem;
height: 0.55rem;
line-height: 0.55rem;
display: flex;
align-items: center;
position: relative;
color: #333333;
}
/*下划线*/
.head_menu_item:before{
content: "";
width: 1.9rem;
height: 1px;
position: absolute;
bottom: 0;
background-color: #CED5D5;
}
.head_menu_item_text{
font-size: 0.24rem;
margin-left: 0.1rem;
}
... ...
... ... @@ -54,212 +54,222 @@
<div class="mid">
<!--企业名称-->
<div class="mid_item">
<!--左边-->
<div class="mid_item_left">
企业名称<span class="color_red">*</span>:
企业要求<span class="color_red">*</span>:
</div>
<!--右边-->
<div class="mid_item_right">
<input class="mid_item_right_wid" type="text" value="" name="">
<input type="text">
</div>
</div>
<!--展位要求-->
<div class="mid_item">
<!--左边-->
<div class="mid_item_left">
展位要求<span class="color_red">*</span>:
</div>
<!--右边-->
<div class="mid_item_right">
<p class="mid_item_right_input">
<div class="mid_item_zw">
<!--特装展位-->
<div class="mid_item_zw_a">
<input type="checkbox">
特装展位
</p>
<p class="mid_item_right_input">
<p>特装展位</p>
</div>
<!--标准展位-->
<div class="mid_item_zw_a">
<input type="checkbox">
标准展位
<!--数量框-->
<input class="mid_item_right_input_number">
个
</p>
<p class="mid_item_right_input">
<p>标准展位</p>
<div class="mid_num">
<input type="number">
</div>
<p>个</p>
</div>
<!--空地-->
<div class="mid_item_zw_a">
<input type="checkbox">
空地
<!--数量框-->
<input class="mid_item_right_input_number">
m²
</p>
<p>空地</p>
<div class="mid_num">
<input type="number">
</div>
<p>m²</p>
</div>
</div>
</div>
<!--展区要求-->
<div class="mid_item">
<!--左边-->
<div class="mid_item_left">
展区要求<span class="color_red">*</span>:
</div>
<!--右边-->
<div class="mid_item_right exhibition_area">
<p class="mid_item_right_input exhibition_area_small">
<div class="mid_item_zq">
<div class="mid_item_zq_c">
<input type="checkbox">
特装展位
</p>
<p class="mid_item_right_input exhibition_area_small">
<p>机床展示区</p>
</div>
<div class="mid_item_zq_c">
<input type="checkbox">
机器人展示区
</p>
<p class="mid_item_right_input exhibition_area_small">
<p>机器人展示区</p>
</div>
<div class="mid_item_zq_c">
<input type="checkbox">
激光加工区
</p>
<p class="mid_item_right_input exhibition_area_small">
<p>激光加工展区</p>
</div>
<div class="mid_item_zq_c">
<input type="checkbox">
智能制造区
</p>
<p class="mid_item_right_input exhibition_area_small">
<p>智能制造展区</p>
</div>
<div class="mid_item_zq_c">
<input type="checkbox">
汽车装备展区
</p>
<p class="mid_item_right_input exhibition_area_small">
<p>汽车装备展区</p>
</div>
<div class="mid_item_zq_c">
<input type="checkbox">
巩固额装配及自动化展区
</p>
<p class="mid_item_right_input exhibition_area_small">
<p>工业装配及自动展区</p>
</div>
<div class="mid_item_zq_c">
<input type="checkbox">
零部件展区
</p>
<p class="mid_item_right_input exhibition_area_small">
<p>零部件展区</p>
</div>
<div class="mid_item_zq_c">
<input type="checkbox">
其他
<input class="exhibition_area_input" type="text">
</p>
<p>其他</p>
<div class="mid_item_zq_c_input">
<input type="text">
</div>
</div>
</div>
</div>
<!--展品信息-->
<div class="mid_item">
<!--左边-->
<div class="mid_item_left">
展品信息: &nbsp;
展品信息:
</div>
<!--右边-->
<div class="mid_item_right information">
<div class="information_short">
<span class="mid_item_right_text">展品名称</span>
<input class="exhibits_information" type="text" value="" name="">
<div class="mid_item_zp">
<!--展品名称-->
<div class="mid_item_zp_a">
<p>展品名称</p>
<div class="zp_input">
<input type="text">
</div>
<div class="information_short">
<span class="mid_item_right_text">应用行业</span>
<input class="exhibits_information" type="text" value="" name="">
</div>
<!--应用行业-->
<div class="mid_item_zp_a">
<p>展品名称</p>
<div class="zp_input">
<input type="text">
</div>
</div>
</div>
</div>
<!--新品发布-->
<div class="mid_item">
<!--左边-->
<div class="mid_item_left">
企业名称:&nbsp;
新品发布:
</div>
<!--右边-->
<div class="mid_item_right new_goods">
<p class="mid_item_right_input ">
<div class="mid_item_new">
<div class="mid_item_new_input">
<input type="checkbox">
有
</p>
<p class="mid_item_right_input ">
<p>有</p>
</div>
<div class="mid_item_new_input mar_lef">
<input type="checkbox">
无
</p>
<p>无</p>
</div>
</div>
<!--同期论坛-->
<div class="mid_item">
<!--左边-->
<div class="mid_item_left">
</div>
<!--同期活动/论坛-->
<div class="mid_item j_bet">
<div class="mid_item_left l_adv">
同期活动/论坛:
</div>
<!--右边-->
<div class="mid_item_right new_goods">
<p class="mid_item_right_input ">
<div class="mid_item_adv">
<div class="mid_item_new_input">
<input type="checkbox">
有
</p>
<p class="mid_item_right_input ">
<p>有</p>
</div>
<div class="mid_item_new_input mar_lef">
<input type="checkbox">
无
</p>
<p>无</p>
</div>
</div>
</div>
<!--现场投放广告-->
<div class="mid_item">
<!--左边-->
<div class="mid_item_left">
<div class="mid_item j_bet">
<div class="mid_item_left l_adv">
现场投放广告:
</div>
<!--右边-->
<div class="mid_item_right new_goods">
<p class="mid_item_right_input ">
<div class="mid_item_adv">
<div class="mid_item_new_input ">
<input type="checkbox">
有
</p>
<p class="mid_item_right_input ">
<p>有</p>
</div>
<div class="mid_item_new_input mar_lef">
<input type="checkbox">
无
</p>
<p>无</p>
</div>
</div>
</div>
<!--联系方式-->
<div class="mid_item">
<!--左边-->
<div class="mid_item contact_a">
<div class="mid_item_left">
联系方式<span class="color_red">*</span>:
展品信息<span class="color_red">*</span>:
</div>
<!--右边-->
<div class="mid_item_right contact">
<p class="contact_way">
<span>
<div class="contact_box" >
<div class="mid_item_contact">
<div class="mid_item_contact_left">
联系人<span class="color_red">*</span>
</span>
<input class="contact_way_input" type="text" >
</p>
<p class="contact_way">
<span>
</div>
<!--输入框-->
<div class="mid_item_contact_right">
<input type="text">
</div>
</div>
<div class="mid_item_contact">
<div class="mid_item_contact_left">
手机号<span class="color_red">*</span>
</span>
<input class="contact_way_input" type="text" >
</p>
<p class="contact_way">
<span>
</div>
<!--输入框-->
<div class="mid_item_contact_right">
<input type="text">
</div>
</div>
<div class="mid_item_contact">
<div class="mid_item_contact_left">
邮箱
</span>
<input class="contact_way_input" type="text" >
</p>
<p class="contact_way">
<span>
</div>
<!--输入框-->
<div class="mid_item_contact_right">
<input type="text">
</div>
</div>
<div class="mid_item_contact">
<div class="mid_item_contact_left">
座机
</span>
<input class="contact_way_input" type="text" >
</p>
<p class="contact_way">
<span>
</div>
<!--输入框-->
<div class="mid_item_contact_right">
<input type="text">
</div>
</div>
<div class="mid_item_contact">
<div class="mid_item_contact_left">
公司
</span>
<input class="contact_way_input" type="text" >
</p>
</div>
<!--输入框-->
<div class="mid_item_contact_right">
<input type="text">
</div>
</div>
</div>
</div>
<!--确认提交-->
<!--提交-->
<div class="mid_sub">
确认提交
</div>
</div>
<!--底部菜单-->
<div class="bottom_menu">
... ...
... ... @@ -12,7 +12,7 @@
<script src="js/base.js"></script>
<style>
.iconfont{
font-size: 0.4rem;
font-size: 0.38rem;
}
.icon-zuo{
color: #959595;
... ...
... ... @@ -11,7 +11,6 @@
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/base.js"></script>
<style>
.iconfont{
font-size: 0.38rem;
}
... ... @@ -32,7 +31,7 @@
<!--关于展会-->
<div class="menu_item item_1">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
关于展会
... ... @@ -41,7 +40,7 @@
<!--展品范围-->
<div class="menu_item item_2">
<div class="menu_item_top">
<img src="#">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
展品范围
... ... @@ -50,7 +49,7 @@
<!--导览活动-->
<div class="menu_item item_3">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
导览活动
... ... @@ -59,7 +58,7 @@
<!--关于展会-->
<div class="menu_item item_4">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
参展申请
... ... @@ -70,7 +69,7 @@
<!--新闻报道-->
<div class="menu_item item_5">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
新闻报道
... ... @@ -79,7 +78,7 @@
<!--论坛活动-->
<div class="menu_item item_6">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
论坛活动
... ... @@ -88,7 +87,7 @@
<!--商旅服务-->
<div class="menu_item item_7">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
商旅服务
... ... @@ -97,7 +96,7 @@
<!--参观登记-->
<div class="menu_item item_8">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
参观登记
... ...
... ... @@ -2,12 +2,12 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>论坛活动</title>
<!--<title>论坛活动</title>-->
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_wamnx6np1vc.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
<link rel="stylesheet" type="text/css" href="css/xwbd.css">
<link rel="stylesheet" type="text/css" href="css/dropload.css">
<script src="js/base.js"></script>
... ... @@ -23,6 +23,27 @@
.icon-iconfont-edu12{
color: #959595;
font-size: 0.5rem;
position: relative;
}
.icon-shangsanjiao{
height: 0.5rem;
font-size: 0.6rem;
margin-left: 1.2rem;
position: absolute;
top: -0.28rem;
color: #F4F5F9;
}
.margin_lef{
margin-left: 0.2rem;
}
.menu{
/*display: flex;*/
position: absolute;
top: 0.69rem;
left: -1.4rem;
}
.menu_color{
color: #EA474B;
}
</style>
</head>
... ... @@ -40,7 +61,96 @@
</div>
<!--右菜单-->
<div class="iconfont icon-iconfont-edu12">
<!--菜单栏功能-->
<div class="menu" style="display: none;">
<!--菜单列表-->
<div class="head_menu">
<!--箭头-->
<div class="iconfont icon-shangsanjiao"></div>
<!--菜单-->
<div class="head_menu_item menu_index">
<!--图标-->
<div class="iconfont icon-zhuye2 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
首页
</div>
</div>
<div class="head_menu_item menu_gyzh">
<!--图标-->
<div class="iconfont icon-fangzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
关于展品
</div>
</div>
<div class="head_menu_item menu_zpfw">
<!--图标-->
<div class="iconfont icon-fangkuai margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展品范围
</div>
</div>
<div class="head_menu_item menu_zsml">
<!--图标-->
<div class="iconfont icon-diqiu1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展商名录
</div>
</div>
<div class="head_menu_item menu_czsq">
<!--图标-->
<div class="iconfont icon-zuanshi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参展申请
</div>
</div>
<div class="head_menu_item menu_gzml">
<!--图标-->
<div class="iconfont icon-lanzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
观众名录
</div>
</div>
<div class="head_menu_item menu_cgdj">
<!--图标-->
<div class="iconfont icon-gouwuche1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参观登记
</div>
</div>
<div class="head_menu_item menu_lthd">
<!--图标-->
<div class="iconfont icon-luyin margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
论坛活动
</div>
</div>
<div class="head_menu_item menu_xwbd">
<!--图标-->
<div class="iconfont icon-ic_language_px margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
新闻报道
</div>
</div>
<div class="head_menu_item menu_slfw">
<!--图标-->
<div class="iconfont icon-shuben margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
商旅服务
</div>
</div>
</div>
</div>
</div>
</div>
... ... @@ -145,6 +255,44 @@
<script src="js/dropload.min.js"></script>
<script>
//左边菜单功能
$(".icon-iconfont-edu12").click(function () {
$(".menu").slideToggle();
})
//菜单内容跳转
$(".menu_index").click(function () {
window.location.href = "index.html";
})
$(".menu_gyzh").click(function () {
window.location.href = "gyzh.html";
})
$(".menu_zpfw").click(function () {
window.location.href = "zpfw.html";
})
$(".menu_zsml").click(function () {
window.location.href = "zsml.html";
})
$(".menu_czsq").click(function () {
window.location.href = "czsq.html";
})
$(".menu_gzml").click(function () {
window.location.href = "#";
})
$(".menu_cgdj").click(function () {
window.location.href = "cgdj.html";
})
$(".menu_lthd").click(function () {
window.location.href = "lthd.html";
})
$(".menu_xwbd").click(function () {
window.location.href = "xwbd.html";
})
$(".menu_slfw").click(function () {
window.location.href = "slfw_2.html";
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ... @@ -165,11 +313,11 @@
})
$('.item').click(function () {
window.location.href = "nrxq.html";
window.location.href = "lthd_nrxq.html";
})
//菜单功能
$(document).ready(function () {
//下拉刷新
$(document).ready(function () {
// 页数
var page = 1;
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>论坛活动_内容详情</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_wamnx6np1vc.css">
<link rel="stylesheet" type="text/css" href="css/nrxq.css">
<link rel="stylesheet" type="text/css" href="css/dropload.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
<style>
.iconfont{
font-size: 0.38rem;
}
.icon-zuo{
color: #959595;
font-size: 0.38rem;
}
.icon-iconfont-edu12{
color: #959595;
font-size: 0.5rem;
}
</style>
</head>
<body>
<div class="container">
<!--头部信息-->
<div class="head">
<!--左图标-->
<div class="iconfont icon-zuo">
</div>
<!--内容详情-->
<div class="head_new">
内容详情
</div>
<!--右菜单-->
<div >
</div>
</div>
<!--头部图片-->
<div class="head_pic">
<img src="images/666.png">
</div>
<!--标题-->
<div class="title">
<div class="title_big">智能时代"云"发展"新模式"驻占天津</div>
<div class="title_small">
<p>更新时间：<span>2018-12-18</span></p>
<p>点击量: <span>18</span></p>
<p>来源:<span>天津汽车装备展</span></p>
</div>
</div>
<!--顶部内容-->
<div class="top">
<div class="top_text">
&nbsp;&nbsp;&nbsp;&nbsp;
天津汽车装备展的主题导览是一项双赢的活动。对展商而言，这是宣传他们品牌和创新产品的保障；对于观众而言，这是充分利用展会现场宝贵时间的最佳方式。
</div>
</div>
<!--中部内容-->
<div class="mid">
<div class="mid_text">
&nbsp;&nbsp;&nbsp;&nbsp;展会期间，训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动，进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言，主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动，向导带领观众前往6至8个精选展商展台，由展商做十分钟的展示。这里，我们所指的“展示”并非泛泛空谈；而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素，并藉此让观众对导览活动更为满意。
<br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”，2018天津汽车装备展的主题表明：产业集成已跨越实验阶段，开始使我们获益。会带来哪些增值效益？如何有效配置合作机器人、数字双胞胎和预见性维护？在2018天津汽车装备展上，您将找到这些问题的答案。
</div>
<div class="mid_box">
<!--标题-->
<div class="mid_title">
导览1——工业自动化与IT
</div>
<!--文章-->
<div class="mid_text">
&nbsp;&nbsp;&nbsp;&nbsp;展会期间，训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动，进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言，主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动，向导带领观众前往6至8个精选展商展台，由展商做十分钟的展示。这里，我们所指的“展示”并非泛泛空谈；而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素，并藉此让观众对导览活动更为满意。
<br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”，2018天津汽车装备展的主题表明：产业集成已跨越实验阶段，开始使我们获益。会带来哪些增值效益？如何有效配置合作机器人、数字双胞胎和预见性维护？在2018天津汽车装备展上，您将找到这些问题的答案。
</div>
</div>
</div>
<!--底部图片-->
<div class="bottom">
<img src="images/777.png">
</div>
<!--底部菜单-->
<div class="bottom_menu">
<div class="bottom_menu_index index">
<!--上图标-->
<div class="iconfont icon-zhuye2"></div>
<!--下文字-->
<div class="bottom_menu_index_text">
首页
</div>
</div>
<div class="bottom_menu_index tel">
<!--上图标-->
<div class="iconfont icon-dianhua-copy"></div>
<!--下文字-->
<div class="bottom_menu_index_text">
电话咨询
</div>
</div>
<div class="bottom_menu_index exhibition">
<!--上图标-->
<div class="iconfont icon-user-address"></div>
<!--下文字-->
<div class="bottom_menu_index_text">
网上展厅
</div>
</div>
<div class="bottom_menu_index personal">
<!--上图标-->
<div class="iconfont icon-gerenzhongxin"></div>
<!--下文字-->
<div class="bottom_menu_index_text">
个人中心
</div>
</div>
</div>
</div>
<script src="js/dropload.min.js"></script>
<script>
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
})
$('.tel').click(function () {
window.location.href = "index.html"
})
$('.exhibition').click(function () {
window.location.href = "wszt.html"
})
$('.personal').click(function () {
window.location.href = "personal_center.html"
})
//返回功能
$('.icon-zuo').click(function () {
window.history.back();
})
// 页数
var page = 0;
// 每页展示10个
var size = 3;
$('.mid').dropload({
scrollArea : window,
domUp : {
domClass : 'dropload-up',
domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>',
domUpdate : '<div class="dropload-update">↑释放更新</div>',
domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
},
domDown : {
domClass : 'dropload-down',
domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
domNoData : '<div class="dropload-noData">暂无数据</div>'
},
loadDownFn : function(me){
page++;
// 拼接HTML
var result = '';
var s = "";
var show="";
var list_compressor="";
var list_answer="";
$.ajax({
type: 'GET',
url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
dataType: 'json',
success: function(data){
console.log(data);
var arrLen = data.length;
if(arrLen > 0){
for(var i=0; i<arrLen; i++){
result +='<div class="mid_title">\n' +
' 导览1——工业自动化与IT\n' +
' </div>\n' +
' <!--文章-->\n' +
' <div class="mid_text">\n' +
' &nbsp;&nbsp;&nbsp;&nbsp;展会期间，训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动，进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言，主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动，向导带领观众前往6至8个精选展商展台，由展商做十分钟的展示。这里，我们所指的“展示”并非泛泛空谈；而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素，并藉此让观众对导览活动更为满意。\n' +
' <br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”，2018天津汽车装备展的主题表明：产业集成已跨越实验阶段，开始使我们获益。会带来哪些增值效益？如何有效配置合作机器人、数字双胞胎和预见性维护？在2018天津汽车装备展上，您将找到这些问题的答案。\n' +
' </div>'
}
// 如果没有数据
}else{
// 锁定
me.lock();
// 无数据
me.noData();
}
// 为了测试，延迟1秒加载
setTimeout(function(){
// 插入数据到页面，放到最后面
$('.mid_box').append(result);
// 每次数据插入，必须重置
me.resetload();
},500);
},
error: function(xhr, type){
alert('Ajax error!');
// 即使加载出错，也得重置
me.resetload();
}
});
},
threshold : 50
});
</script>
</body>
</html>
... ...
... ... @@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_4jilbt7s27s.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
<link rel="stylesheet" type="text/css" href="css/personal_center.css">
<script src="js/base.js"></script>
<style>
... ... @@ -21,9 +21,32 @@
color: #fff;
font-size: 0.3rem;
}
.icon-iconfont-edu12{
font-size: 0.5rem;
color: #959595;
font-size: 0.5rem;
position: relative;
}
.icon-shangsanjiao{
height: 0.5rem;
font-size: 0.6rem;
margin-left: 1.2rem;
position: absolute;
top: -0.28rem;
color: #F4F5F9;
}
.margin_lef{
margin-left: 0.2rem;
}
.menu_box{
/*display: flex;*/
position: absolute;
top: 0.69rem;
left: -1.4rem;
}
.menu_color{
color: #EA474B;
}
</style>
</head>
... ... @@ -41,14 +64,102 @@
<div class="iconfont icon-fangdajing"></div>
</div>
</div>
<!--菜单栏-->
<div class="head_t_right">
</div>
</div>
<!--右部分-->
<div class="head_r">
<div class="iconfont icon-iconfont-edu12"></div>
<div class="iconfont icon-iconfont-edu12">
<!--菜单栏功能-->
<div class="menu_box" style="display: none;">
<!--菜单列表-->
<div class="head_menu">
<!--箭头-->
<div class="iconfont icon-shangsanjiao"></div>
<!--菜单-->
<div class="head_menu_item menu_index">
<!--图标-->
<div class="iconfont icon-zhuye2 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
首页
</div>
</div>
<div class="head_menu_item menu_gyzh">
<!--图标-->
<div class="iconfont icon-fangzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
关于展品
</div>
</div>
<div class="head_menu_item menu_zpfw">
<!--图标-->
<div class="iconfont icon-fangkuai margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展品范围
</div>
</div>
<div class="head_menu_item menu_zsml">
<!--图标-->
<div class="iconfont icon-diqiu1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展商名录
</div>
</div>
<div class="head_menu_item menu_czsq">
<!--图标-->
<div class="iconfont icon-zuanshi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参展申请
</div>
</div>
<div class="head_menu_item menu_gzml">
<!--图标-->
<div class="iconfont icon-lanzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
观众名录
</div>
</div>
<div class="head_menu_item menu_cgdj">
<!--图标-->
<div class="iconfont icon-gouwuche1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参观登记
</div>
</div>
<div class="head_menu_item menu_lthd">
<!--图标-->
<div class="iconfont icon-luyin margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
论坛活动
</div>
</div>
<div class="head_menu_item menu_xwbd">
<!--图标-->
<div class="iconfont icon-ic_language_px margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
新闻报道
</div>
</div>
<div class="head_menu_item menu_slfw">
<!--图标-->
<div class="iconfont icon-shuben margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
商旅服务
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--头像-->
... ... @@ -74,7 +185,7 @@
<!--关于展会-->
<div class="menu_item item_1">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
关于展会
... ... @@ -83,7 +194,7 @@
<!--展品范围-->
<div class="menu_item item_2">
<div class="menu_item_top">
<img src="#">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
展品范围
... ... @@ -92,7 +203,7 @@
<!--导览活动-->
<div class="menu_item item_3">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
导览活动
... ... @@ -101,7 +212,7 @@
<!--关于展会-->
<div class="menu_item item_4">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
参展申请
... ... @@ -112,7 +223,7 @@
<!--新闻报道-->
<div class="menu_item item_5">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
新闻报道
... ... @@ -121,7 +232,7 @@
<!--论坛活动-->
<div class="menu_item item_6">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
论坛活动
... ... @@ -130,7 +241,7 @@
<!--商旅服务-->
<div class="menu_item item_7">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
商旅服务
... ... @@ -139,7 +250,7 @@
<!--参观登记-->
<div class="menu_item item_8">
<div class="menu_item_top">
<img src="">
<img src="images/icon.png">
</div>
<div class="menu_item_bottom">
参观登记
... ... @@ -223,6 +334,42 @@
</div>
<script src="js/jquery.min.js"></script>
<script>
//左边菜单功能
$(".icon-iconfont-edu12").click(function () {
$(".menu_box").slideToggle();
})
//菜单内容跳转
$(".menu_index").click(function () {
window.location.href = "index.html";
})
$(".menu_gyzh").click(function () {
window.location.href = "gyzh.html";
})
$(".menu_zpfw").click(function () {
window.location.href = "zpfw.html";
})
$(".menu_zsml").click(function () {
window.location.href = "zsml.html";
})
$(".menu_czsq").click(function () {
window.location.href = "czsq.html";
})
$(".menu_gzml").click(function () {
window.location.href = "#";
})
$(".menu_cgdj").click(function () {
window.location.href = "cgdj.html";
})
$(".menu_lthd").click(function () {
window.location.href = "lthd.html";
})
$(".menu_xwbd").click(function () {
window.location.href = "xwbd.html";
})
$(".menu_slfw").click(function () {
window.location.href = "slfw_2.html";
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ...
... ... @@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_2is4wniwevg.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
<link rel="stylesheet" type="text/css" href="css/slfw_2.css">
<link rel="stylesheet" type="text/css" href="css/dropload.css">
<link rel="stylesheet" type="text/css" href="https://api.map.baidu.com/res/13/bmap.css">
... ... @@ -60,6 +60,32 @@
width: 100%;
overflow: hidden;
}
.icon-iconfont-edu12{
color: #959595;
font-size: 0.5rem;
position: relative;
}
.icon-shangsanjiao{
height: 0.5rem;
font-size: 0.6rem;
margin-left: 1.2rem;
position: absolute;
top: -0.28rem;
color: #F4F5F9;
}
.margin_lef{
margin-left: 0.2rem;
}
.menu{
/*display: flex;*/
position: absolute;
top: 0.69rem;
left: -1.4rem;
}
.menu_color{
color: #EA474B;
}
</style>
</head>
<body>
... ... @@ -76,7 +102,96 @@
</div>
<!--右菜单-->
<div class="iconfont icon-iconfont-edu12">
<!--菜单栏功能-->
<div class="menu" style="display: none;">
<!--菜单列表-->
<div class="head_menu">
<!--箭头-->
<div class="iconfont icon-shangsanjiao"></div>
<!--菜单-->
<div class="head_menu_item menu_index">
<!--图标-->
<div class="iconfont icon-zhuye2 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
首页
</div>
</div>
<div class="head_menu_item menu_gyzh">
<!--图标-->
<div class="iconfont icon-fangzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
关于展品
</div>
</div>
<div class="head_menu_item menu_zpfw">
<!--图标-->
<div class="iconfont icon-fangkuai margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展品范围
</div>
</div>
<div class="head_menu_item menu_zsml">
<!--图标-->
<div class="iconfont icon-diqiu1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展商名录
</div>
</div>
<div class="head_menu_item menu_czsq">
<!--图标-->
<div class="iconfont icon-zuanshi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参展申请
</div>
</div>
<div class="head_menu_item menu_gzml">
<!--图标-->
<div class="iconfont icon-lanzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
观众名录
</div>
</div>
<div class="head_menu_item menu_cgdj">
<!--图标-->
<div class="iconfont icon-gouwuche1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参观登记
</div>
</div>
<div class="head_menu_item menu_lthd">
<!--图标-->
<div class="iconfont icon-luyin margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
论坛活动
</div>
</div>
<div class="head_menu_item menu_xwbd">
<!--图标-->
<div class="iconfont icon-ic_language_px margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
新闻报道
</div>
</div>
<div class="head_menu_item menu_slfw">
<!--图标-->
<div class="iconfont icon-shuben margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
商旅服务
</div>
</div>
</div>
</div>
</div>
</div>
... ... @@ -349,11 +464,6 @@
</div>
</div>
<!--底部菜单-->
<div class="bottom_menu">
<div class="bottom_menu_index index">
... ... @@ -395,6 +505,43 @@
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=trLEKMVBCc6MKGemHlUXdyy2&s=1"></script>
<script src="js/dropload.min.js"></script>
<script>
//左边菜单功能
$(".icon-iconfont-edu12").click(function () {
$(".menu").slideToggle();
})
//菜单内容跳转
$(".menu_index").click(function () {
window.location.href = "index.html";
})
$(".menu_gyzh").click(function () {
window.location.href = "gyzh.html";
})
$(".menu_zpfw").click(function () {
window.location.href = "zpfw.html";
})
$(".menu_zsml").click(function () {
window.location.href = "zsml.html";
})
$(".menu_czsq").click(function () {
window.location.href = "czsq.html";
})
$(".menu_gzml").click(function () {
window.location.href = "#";
})
$(".menu_cgdj").click(function () {
window.location.href = "cgdj.html";
})
$(".menu_lthd").click(function () {
window.location.href = "lthd.html";
})
$(".menu_xwbd").click(function () {
window.location.href = "xwbd.html";
})
$(".menu_slfw").click(function () {
window.location.href = "slfw_2.html";
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ... @@ -409,7 +556,6 @@
window.location.href = "personal_center.html"
})
//返回功能
$('.icon-zuo').click(function () {
window.history.back();
... ...
... ... @@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_4jilbt7s27s.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
<link rel="stylesheet" type="text/css" href="css/wszt.css">
<link rel="stylesheet" type="text/css" href="css/dropload.css">
... ... @@ -26,6 +26,7 @@
.icon-iconfont-edu12{
color: #959595;
font-size: 0.5rem;
position: relative;
}
table{
margin-top: 0.1rem;
... ... @@ -70,6 +71,27 @@
font-size: 0.16rem;
}
.icon-shangsanjiao{
height: 0.5rem;
font-size: 0.6rem;
margin-left: 1.2rem;
position: absolute;
top: -0.28rem;
color: #F4F5F9;
}
.margin_lef{
margin-left: 0.2rem;
}
.menu{
/*display: flex;*/
position: absolute;
top: 0.69rem;
left: -1.4rem;
}
.menu_color{
color: #EA474B;
}
</style>
</head>
<body>
... ... @@ -86,7 +108,96 @@
</div>
<!--右菜单-->
<div class="iconfont icon-iconfont-edu12">
<!--菜单栏功能-->
<div class="menu" style="display: none;">
<!--菜单列表-->
<div class="head_menu">
<!--箭头-->
<div class="iconfont icon-shangsanjiao"></div>
<!--菜单-->
<div class="head_menu_item menu_index">
<!--图标-->
<div class="iconfont icon-zhuye2 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
首页
</div>
</div>
<div class="head_menu_item menu_gyzh">
<!--图标-->
<div class="iconfont icon-fangzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
关于展品
</div>
</div>
<div class="head_menu_item menu_zpfw">
<!--图标-->
<div class="iconfont icon-fangkuai margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展品范围
</div>
</div>
<div class="head_menu_item menu_zsml">
<!--图标-->
<div class="iconfont icon-diqiu1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展商名录
</div>
</div>
<div class="head_menu_item menu_czsq">
<!--图标-->
<div class="iconfont icon-zuanshi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参展申请
</div>
</div>
<div class="head_menu_item menu_gzml">
<!--图标-->
<div class="iconfont icon-lanzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
观众名录
</div>
</div>
<div class="head_menu_item menu_cgdj">
<!--图标-->
<div class="iconfont icon-gouwuche1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参观登记
</div>
</div>
<div class="head_menu_item menu_lthd">
<!--图标-->
<div class="iconfont icon-luyin margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
论坛活动
</div>
</div>
<div class="head_menu_item menu_xwbd">
<!--图标-->
<div class="iconfont icon-ic_language_px margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
新闻报道
</div>
</div>
<div class="head_menu_item menu_slfw">
<!--图标-->
<div class="iconfont icon-shuben margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
商旅服务
</div>
</div>
</div>
</div>
</div>
</div>
... ... @@ -185,7 +296,7 @@
</div>
<!--图片蒙层-->
<div class="mask">
<div class="mask" style="display: none;">
<div class="mask_pic">
<img src="images/17.png">
<div class="mask_pic_circle">
... ... @@ -238,6 +349,53 @@
<script src="js/dropload.min.js"></script>
<script>
//关闭图片
$('.mask_pic_circle').click(function () {
$('.mask').css("display","none")
})
//打开图片
$('.day_item,.day_item_circle').click(function () {
$('.mask').css("display","flex")
})
//左边菜单功能
$(".icon-iconfont-edu12").click(function () {
$(".menu").slideToggle();
})
//菜单内容跳转
$(".menu_index").click(function () {
window.location.href = "index.html";
})
$(".menu_gyzh").click(function () {
window.location.href = "gyzh.html";
})
$(".menu_zpfw").click(function () {
window.location.href = "zpfw.html";
})
$(".menu_zsml").click(function () {
window.location.href = "zsml.html";
})
$(".menu_czsq").click(function () {
window.location.href = "czsq.html";
})
$(".menu_gzml").click(function () {
window.location.href = "#";
})
$(".menu_cgdj").click(function () {
window.location.href = "cgdj.html";
})
$(".menu_lthd").click(function () {
window.location.href = "lthd.html";
})
$(".menu_xwbd").click(function () {
window.location.href = "xwbd.html";
})
$(".menu_slfw").click(function () {
window.location.href = "slfw_2.html";
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ... @@ -272,8 +430,6 @@
$(".box>.traffic_box").hide().eq($(this).index()).show();
})
// 下拉菜单
$(document).ready(function () {
... ...
... ... @@ -30,7 +30,7 @@
font-size: 0.6rem;
margin-left: 1.2rem;
position: absolute;
top: -0.4rem;
top: -0.28rem;
color: #F4F5F9;
}
.margin_lef{
... ... @@ -39,9 +39,12 @@
.menu{
/*display: flex;*/
position: absolute;
top: 0.8rem;
top: 0.69rem;
left: -1.4rem;
}
.menu_color{
color: #EA474B;
}
</style>
</head>
<body>
... ... @@ -59,14 +62,14 @@
<!--右菜单-->
<div class="iconfont icon-iconfont-edu12">
<!--菜单栏功能-->
<div class="menu">
<div class="menu" style="display: none;">
<!--菜单列表-->
<div class="head_menu">
<!--箭头-->
<div class="iconfont icon-shangsanjiao"></div>
<!--菜单-->
<div class="head_menu_item index">
<div class="head_menu_item menu_index">
<!--图标-->
<div class="iconfont icon-zhuye2 margin_lef"></div>
<!--文字-->
... ... @@ -74,7 +77,7 @@
首页
</div>
</div>
<div class="head_menu_item ">
<div class="head_menu_item menu_gyzh">
<!--图标-->
<div class="iconfont icon-fangzi margin_lef"></div>
<!--文字-->
... ... @@ -82,7 +85,7 @@
关于展品
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_zpfw">
<!--图标-->
<div class="iconfont icon-fangkuai margin_lef"></div>
<!--文字-->
... ... @@ -90,7 +93,7 @@
展品范围
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_zsml">
<!--图标-->
<div class="iconfont icon-diqiu1 margin_lef"></div>
<!--文字-->
... ... @@ -98,7 +101,7 @@
展商名录
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_czsq">
<!--图标-->
<div class="iconfont icon-zuanshi margin_lef"></div>
<!--文字-->
... ... @@ -106,7 +109,7 @@
参展申请
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_gzml">
<!--图标-->
<div class="iconfont icon-lanzi margin_lef"></div>
<!--文字-->
... ... @@ -114,7 +117,7 @@
观众名录
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_cgdj">
<!--图标-->
<div class="iconfont icon-gouwuche1 margin_lef"></div>
<!--文字-->
... ... @@ -122,7 +125,7 @@
参观登记
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_lthd">
<!--图标-->
<div class="iconfont icon-luyin margin_lef"></div>
<!--文字-->
... ... @@ -130,7 +133,7 @@
论坛活动
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_xwbd">
<!--图标-->
<div class="iconfont icon-ic_language_px margin_lef"></div>
<!--文字-->
... ... @@ -138,7 +141,7 @@
新闻报道
</div>
</div>
<div class="head_menu_item">
<div class="head_menu_item menu_slfw">
<!--图标-->
<div class="iconfont icon-shuben margin_lef"></div>
<!--文字-->
... ... @@ -252,6 +255,45 @@
<script src="js/dropload.min.js"></script>
<script>
//左边菜单功能
$(".icon-iconfont-edu12").click(function () {
$(".menu").slideToggle();
})
//菜单内容跳转
$(".menu_index").click(function () {
window.location.href = "index.html";
})
$(".menu_gyzh").click(function () {
window.location.href = "gyzh.html";
})
$(".menu_zpfw").click(function () {
window.location.href = "zpfw.html";
})
$(".menu_zsml").click(function () {
window.location.href = "zsml.html";
})
$(".menu_czsq").click(function () {
window.location.href = "czsq.html";
})
$(".menu_gzml").click(function () {
window.location.href = "#";
})
$(".menu_cgdj").click(function () {
window.location.href = "cgdj.html";
})
$(".menu_lthd").click(function () {
window.location.href = "lthd.html";
})
$(".menu_xwbd").click(function () {
window.location.href = "xwbd.html";
})
$(".menu_slfw").click(function () {
window.location.href = "slfw_2.html";
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ... @@ -274,9 +316,9 @@
$('.item').click(function () {
window.location.href = "nrxq.html";
})
//菜单功能
$(document).ready(function () {
//下拉刷新
$(document).ready(function () {
// 页数
var page = 1;
... ...
... ... @@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_2is4wniwevg.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
<link rel="stylesheet" type="text/css" href="css/zsml.css">
<link rel="stylesheet" type="text/css" href="css/dropload.css">
<link rel="stylesheet" type="text/css" href="css/page.css">
... ... @@ -25,6 +25,7 @@
.icon-iconfont-edu12{
color: #959595;
font-size: 0.5rem;
position: relative;
}
.icon-fangdajing{
color: #ffffff;
... ... @@ -67,6 +68,23 @@
.last{
margin-left: 0.1rem;
}
.menu{
position: absolute;
top: 0.69rem;
left: -1.4rem;
}
.icon-shangsanjiao{
height: 0.5rem;
font-size: 0.6rem;
margin-left: 1.2rem;
position: absolute;
top: -0.28rem;
color: #F4F5F9;
}
.margin_lef{
margin-left: 0.2rem;
}
</style>
</head>
<body>
... ... @@ -83,7 +101,96 @@
</div>
<!--右菜单-->
<div class="iconfont icon-iconfont-edu12">
<!--菜单栏功能-->
<div class="menu" style="display: none;">
<!--菜单列表-->
<div class="head_menu">
<!--箭头-->
<div class="iconfont icon-shangsanjiao"></div>
<!--菜单-->
<div class="head_menu_item menu_index">
<!--图标-->
<div class="iconfont icon-zhuye2 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
首页
</div>
</div>
<div class="head_menu_item menu_gyzh">
<!--图标-->
<div class="iconfont icon-fangzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
关于展品
</div>
</div>
<div class="head_menu_item menu_zpfw">
<!--图标-->
<div class="iconfont icon-fangkuai margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展品范围
</div>
</div>
<div class="head_menu_item menu_zsml">
<!--图标-->
<div class="iconfont icon-diqiu1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展商名录
</div>
</div>
<div class="head_menu_item menu_czsq">
<!--图标-->
<div class="iconfont icon-zuanshi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参展申请
</div>
</div>
<div class="head_menu_item menu_gzml">
<!--图标-->
<div class="iconfont icon-lanzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
观众名录
</div>
</div>
<div class="head_menu_item menu_cgdj">
<!--图标-->
<div class="iconfont icon-gouwuche1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参观登记
</div>
</div>
<div class="head_menu_item menu_lthd">
<!--图标-->
<div class="iconfont icon-luyin margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
论坛活动
</div>
</div>
<div class="head_menu_item menu_xwbd">
<!--图标-->
<div class="iconfont icon-ic_language_px margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
新闻报道
</div>
</div>
<div class="head_menu_item menu_slfw">
<!--图标-->
<div class="iconfont icon-shuben margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
商旅服务
</div>
</div>
</div>
</div>
</div>
</div>
... ... @@ -302,6 +409,45 @@
<script src="js/dropload.min.js"></script>
<script src="js/page.js"></script>
<script>
//左边菜单功能
$(".icon-iconfont-edu12").click(function () {
$(".menu").slideToggle();
})
//菜单内容跳转
$(".menu_index").click(function () {
window.location.href = "index.html";
})
$(".menu_gyzh").click(function () {
window.location.href = "gyzh.html";
})
$(".menu_zpfw").click(function () {
window.location.href = "zpfw.html";
})
$(".menu_zsml").click(function () {
window.location.href = "zsml.html";
})
$(".menu_czsq").click(function () {
window.location.href = "czsq.html";
})
$(".menu_gzml").click(function () {
window.location.href = "#";
})
$(".menu_cgdj").click(function () {
window.location.href = "cgdj.html";
})
$(".menu_lthd").click(function () {
window.location.href = "lthd.html";
})
$(".menu_xwbd").click(function () {
window.location.href = "xwbd.html";
})
$(".menu_slfw").click(function () {
window.location.href = "slfw_2.html";
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ...