Commit 4fb220a4 by 梁建民

css

parents 9ced89d7 5f8941d7
...@@ -5,7 +5,4 @@ ...@@ -5,7 +5,4 @@
<meta name="description" content=""/> <meta name="description" content=""/>
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;"/> <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;"/>
<title>IC业务助手</title> <title>IC业务助手</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/common/css/base.css"> <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common/base.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/common/css/fonts.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/common/css/navleft.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/common/css/top.css">
\ No newline at end of file
<div class="right_header"> <div class="right_header">
<div class="user_logo fr"> <div class="user_logo fr">
<img src="__PUBLIC__/images/navlogo.png" alt="IClogo"> <img src="__PUBLIC__/images/test.jpg" alt="IClogo">
</div> </div>
<div class="message_icon fr"> <div class="message_icon fr">
<span class="icon iconfont iconjuxing1"></span> <span class="icon iconfont iconjuxing1"></span>
......
This diff could not be displayed because it is too large.
...@@ -241,3 +241,10 @@ body { ...@@ -241,3 +241,10 @@ body {
min-height: 100%; min-height: 100%;
} }
// 字体样式
@import "./fonts.less";
// 侧边栏
@import "./navleft.less";
// 头部
@import "./top.less";
@font-face {
font-family: "iconfont";
src: url('../../fonts/iconfont.eot?t=1559702111729');
/* IE9 */
src: url('../../fonts/iconfont.eot?t=1559702111729#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('../../fonts/iconfont.woff?t=1559702111729') format('woff'), url('../../fonts/iconfont.ttf?t=1559702111729') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../../fonts/iconfont.svg?t=1559702111729#iconfont') format('svg');
/* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconjuxing:before {
content: "\e601";
}
.iconjuxing1:before {
content: "\e602";
}
.iconjuxing2:before {
content: "\e603";
}
.iconjuxing3:before {
content: "\e604";
}
.iconjuxing5:before {
content: "\e606";
}
.iconjuxing6:before {
content: "\e607";
}
.iconjuxing7:before {
content: "\e608";
}
.iconjuxing8:before {
content: "\e609";
}
.iconjuxing9:before {
content: "\e60a";
}
.iconjuxing10:before {
content: "\e60b";
}
.iconjuxing11:before {
content: "\e60c";
}
.iconjuxing12:before {
content: "\e60d";
}
.iconjuxing4:before {
content: "\e60f";
}
.iconjuxing13:before {
content: "\e610";
}
.iconjuxing14:before {
content: "\e611";
}
.iconjuxing15:before {
content: "\e612";
}
.iconChevronfuzhi:before {
content: "\e613";
}
.iconjuxing16:before {
content: "\e614";
}
.iconjuxing17:before {
content: "\e615";
}
.iconjuxing18:before {
content: "\e616";
}
.iconjuxing19:before {
content: "\e617";
}
.iconjuxing20:before {
content: "\e618";
}
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
bottom: 0; bottom: 0;
overflow: auto; overflow: auto;
} }
.nav_left ::-webkit-scrollbar { .nav_left::-webkit-scrollbar {
width: 2px; width: 2px;
} }
.nav_left .li_title { .nav_left .li_title {
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
bottom: 0; bottom: 0;
overflow: auto; overflow: auto;
& ::-webkit-scrollbar { &::-webkit-scrollbar {
width: 2px; width: 2px;
} }
......
...@@ -5,12 +5,12 @@ ...@@ -5,12 +5,12 @@
} }
.right_header .user_logo { .right_header .user_logo {
margin-right: 20px; margin-right: 20px;
margin-top: 35px; margin-top: 30px;
} }
.right_header .user_logo img { .right_header .user_logo img {
border-radius: 50% 50%; border-radius: 50% 50%;
height: 30px; height: 40px;
width: 30px; width: 40px;
} }
.right_header .message_icon { .right_header .message_icon {
margin-right: 20px; margin-right: 20px;
......
...@@ -5,12 +5,12 @@ ...@@ -5,12 +5,12 @@
.user_logo { .user_logo {
margin-right: 20px; margin-right: 20px;
margin-top: 35px; margin-top: 30px;
img { img {
border-radius: 50% 50%; border-radius: 50% 50%;
height: 30px; height: 40px;
width: 30px; width: 40px;
} }
} }
......
.home_content .user_info {
height: 170px;
background-color: #fff;
border-top: 1px solid #E6ECF2;
padding: 0 50px;
}
.home_content .user_info .info_detail {
margin-top: 30px;
}
.home_content .user_info .info_detail .info_logo {
height: 100px;
width: 100px;
border-radius: 50% 50%;
margin-right: 48px;
}
.home_content .user_info .info_detail .info_desc {
color: #2E3033;
}
.home_content .user_info .info_detail .info_desc p {
font-size: 18px;
}
.home_content .user_info .info_detail .info_desc h3 {
font-weight: 600;
font-size: 24px;
margin: 10px 0 20px;
}
.home_content .user_info .info_detail .info_desc .login_info {
color: #ADB6BF;
font-size: 16px;
}
.home_content .user_info .info_detail .info_desc .login_info .phone {
margin-right: 40px;
}
.home_content .user_info .info_detail .info_desc .login_info .phone span {
color: #515559;
}
.home_content .user_info .price_info {
margin-top: 45px;
text-align: center;
}
.home_content .user_info .price_info .hf {
margin: 0 80px;
}
.home_content .user_info .price_info .num {
font-size: 36px;
}
.home_content .user_info .price_info .num.xj_num {
color: #0D84D1;
}
.home_content .user_info .price_info .num.hf_num {
color: #EAA217;
}
.home_content .user_info .price_info .num.sp_num {
color: #686E73;
}
.home_content .user_info .price_info .num_desc {
font-size: 14px;
color: #8A9299;
}
.home_content .search_section {
width: 690px;
margin: 50px auto 0;
}
.home_content .search_section .search_div {
width: 690px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 60px;
}
.home_content .search_section .search_div .input_div {
width: 482px;
height: 100%;
border-radius: 0px 4px 4px 0px;
position: relative;
padding: 0 20px 0 70px;
}
.home_content .search_section .search_div .input_div .icon {
font-size: 30px;
position: absolute;
top: 8px;
color: #686E73;
left: 20px;
}
.home_content .search_section .search_div .input_div input {
height: 100%;
width: 100%;
font-size: 18px;
color: #515559;
line-height: 60px;
}
.home_content .search_section .search_div .input_btn {
width: 118px;
color: #fff;
font-size: 18px;
font-weight: 600;
height: 100%;
background-color: #0D84D1;
text-align: center;
line-height: 60px;
border-radius: 0px 4px 4px 0px;
cursor: pointer;
}
.home_content .search_section .search_command {
margin-top: 15px;
font-size: 14px;
}
.home_content .search_section .search_command .comman_title {
color: #515559;
font-weight: 600;
width: 65px;
}
.home_content .search_section .search_command .command_name {
color: #8A9299;
width: 625px;
}
.home_content .search_section .search_command .command_name div {
margin-left: 20px;
}
.home_content .search_section .search_command .command_name div.active {
color: #0D84D1;
}
.home_content .my_xj {
margin-top: 46px;
}
.home_content .my_xj .my_xj_title {
padding-left: 20px;
}
.home_content .my_xj .my_xj_title span {
height: 20px;
width: 2px;
background-color: #0D84D1;
vertical-align: sub;
margin-right: 13px;
}
.home_content .my_xj .my_xj_title b {
color: #515559;
font-size: 18px;
}
.home_content .my_xj .my_xj_list .my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
width: 20%;
margin: 20px 0 0 4%;
}
.home_content {
.user_info {
height: 170px;
background-color: #fff;
border-top: 1px solid #E6ECF2;
padding: 0 50px;
.info_detail {
margin-top: 30px;
.info_logo {
height: 100px;
width: 100px;
border-radius: 50% 50%;
margin-right: 48px;
}
.info_desc {
color: #2E3033;
p {
font-size: 18px;
}
h3 {
font-weight: 600;
font-size: 24px;
margin: 10px 0 20px;
}
.login_info {
color: #ADB6BF;
font-size: 16px;
.phone {
margin-right: 40px;
span {
color: #515559;
}
}
}
}
}
.price_info {
margin-top: 45px;
text-align: center;
.hf {
margin: 0 80px;
}
.num {
font-size: 36px;
&.xj_num {
color: #0D84D1;
}
&.hf_num {
color: #EAA217;
}
&.sp_num {
color: #686E73;
}
}
.num_desc {
font-size: 14px;
color: #8A9299;
}
}
}
.search_section {
width: 690px;
margin: 50px auto 0;
.search_div {
width: 690px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 60px;
.input_div {
width: 482px;
height: 100%;
border-radius: 0px 4px 4px 0px;
position: relative;
padding: 0 20px 0 70px;
.icon {
font-size: 30px;
position: absolute;
top: 8px;
color: #686E73;
left: 20px;
}
input {
height: 100%;
width: 100%;
font-size: 18px;
color: #515559;
line-height: 60px;
}
}
.input_btn {
width: 118px;
color: #fff;
font-size: 18px;
font-weight: 600;
height: 100%;
background-color: #0D84D1;
text-align: center;
line-height: 60px;
border-radius: 0px 4px 4px 0px;
cursor: pointer;
}
}
.search_command {
margin-top: 15px;
font-size: 14px;
.comman_title {
color: #515559;
font-weight: 600;
width: 65px;
}
.command_name {
color: #8A9299;
width: 625px;
div {
margin-left: 20px;
&.active {
color: #0D84D1;
}
}
}
}
}
.my_xj {
margin-top: 46px;
.my_xj_title {
padding-left: 20px;
span {
height: 20px;
width: 2px;
background-color: #0D84D1;
vertical-align: sub;
margin-right: 13px;
}
b {
color: #515559;
font-size: 18px;
}
}
.my_xj_list {
.my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
width:20%;
margin:20px 0 0 4%;
}
}
}
}
\ No newline at end of file
div {
color: red;
}
div{
color:red;
}
\ No newline at end of file
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment