Commit 5f8941d7 by 施宇

2222

parent ea44baec
<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.
...@@ -375,12 +375,12 @@ body { ...@@ -375,12 +375,12 @@ body {
} }
.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 @@
} }
.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;
} }
} }
......
...@@ -2,4 +2,143 @@ ...@@ -2,4 +2,143 @@
height: 170px; height: 170px;
background-color: #fff; background-color: #fff;
border-top: 1px solid #E6ECF2; 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{ .home_content {
.user_info{ .user_info {
height:170px; height: 170px;
background-color: #fff; background-color: #fff;
border-top:1px solid #E6ECF2; 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
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