webfront / zhenwei · 提交

转到一个项目

作者 乔爽
提交 ab7caba172f0b838a1518f2605e6fbf101e8c943 1 个父辈 11ca00f3

update

内嵌 并排对比
正在显示 5 个修改的文件 包含 155 行增加 和 9 行删除
... ... @@ -34,6 +34,8 @@ body{
font-weight: bold;
}
.items{
margin-top: 0.88rem;
margin-bottom: 1rem;
... ... @@ -141,3 +143,35 @@ body{
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.16rem;
margin-left: 0.1rem;
}
... ...
... ... @@ -127,7 +127,7 @@ body{
}
.func_page{
width: 4.5rem;
width: 7.5rem;
display: flex;
margin-bottom: 1.3rem;
}
... ...
... ... @@ -10,6 +10,10 @@
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/base.js"></script>
<style>
.iconfont{
font-size: 0.4rem;
}
.icon-diqiu{
font-size: 0.35rem;
}
... ...
... ... @@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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>
... ... @@ -19,6 +19,24 @@
.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.4rem;
color: #F4F5F9;
}
.margin_lef{
margin-left: 0.2rem;
}
.menu{
/*display: flex;*/
position: absolute;
top: 0.8rem;
left: -1.4rem;
}
</style>
</head>
... ... @@ -36,7 +54,96 @@
</div>
<!--右菜单-->
<div class="iconfont icon-iconfont-edu12">
<!--菜单栏功能-->
<div class="menu">
<!--菜单列表-->
<div class="head_menu">
<!--箭头-->
<div class="iconfont icon-shangsanjiao"></div>
<!--菜单-->
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-zhuye2 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
首页
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-fangzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
关于展品
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-fangkuai margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展品范围
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-diqiu1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
展商名录
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-zuanshi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参展申请
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-lanzi margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
观众名录
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-gouwuche1 margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
参观登记
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-luyin margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
论坛活动
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-ic_language_px margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
新闻报道
</div>
</div>
<div class="head_menu_item">
<!--图标-->
<div class="iconfont icon-shuben margin_lef"></div>
<!--文字-->
<div class="head_menu_item_text">
商旅服务
</div>
</div>
</div>
</div>
</div>
</div>
... ...
... ... @@ -29,9 +29,10 @@
margin-bottom: 0.4rem;
}
.pageTest{
width: 4.5rem;
height: 0.5rem;
/*width: ;*/
width: 7.5rem;
display: flex;
justify-content: center;
}
.activP{
background-color: #367fa9!important;
... ... @@ -48,8 +49,8 @@
border: none;
}
.pagingUl li{
width: 0.5rem;
height: 0.5rem;
width: 0.45rem;
height: 0.4rem;
display: flex;
}
.pagingUl li a{
... ... @@ -57,10 +58,10 @@
background-color: transparent;
}
.prv{
margin-left: 0.2rem;
margin-left: 0.1rem;
}
.last{
margin-left: 0.2rem;
margin-left: 0.1rem;
}
</style>
</head>
... ... @@ -300,7 +301,7 @@
//分页功能
$('.pageTest').page({
leng: 3,//分页总数
leng: 8,//分页总数
activeClass: 'activP' , //active 类样式定义
firstPage: '首页',//
... ...