Skip to content

施宇 / icsales

Go to a project
Commit effdc89a by 施宇
Options

11

parent 7133a501
Inline Side-by-side
Showing with 1289 additions and 45 deletions
Application/Common/Conf/config_url.php
...@@ -16,6 +16,7 @@ return array( ...@@ -16,6 +16,7 @@ return array(
'URL_MAP_RULES' => array(//静态路由 'URL_MAP_RULES' => array(//静态路由
'index' => 'Home/Index/index', 'index' => 'Home/Index/index',
'indexsearch' => 'Home/Index/indexsearch',
'login' => 'Home/Index/login', 'login' => 'Home/Index/login',
'home' => 'Home/Index/home', 'home' => 'Home/Index/home',
'inquiry' => 'Home/Index/inquiry', 'inquiry' => 'Home/Index/inquiry',
......
Application/Home/Controller/IndexController.class.php
...@@ -6,9 +6,7 @@ use Think\Controller; ...@@ -6,9 +6,7 @@ use Think\Controller;
class IndexController extends Controller class IndexController extends Controller
{ {
/**
* 登录页面
*/
/** /**
* 首页 * 首页
*/ */
...@@ -16,6 +14,16 @@ class IndexController extends Controller ...@@ -16,6 +14,16 @@ class IndexController extends Controller
{ {
$this->display('Index/index'); $this->display('Index/index');
} }
/**
* 首页搜索结果
*/
public function indexsearch()
{
$this->display('Index/search');
}
/**
* 登录页面
*/
public function login() public function login()
{ {
$this->display('Login/index'); $this->display('Login/index');
......
Application/Home/View/GoodManage/uploadresult.html
...@@ -12,9 +12,6 @@ ...@@ -12,9 +12,6 @@
<div class="wrapper_right"> <div class="wrapper_right">
<include file="public/top" /> <include file="public/top" />
<div class="right_content upload_result_content"> <div class="right_content upload_result_content">
<div class="edit_div">
<span class=" icon iconfont iconjuxing14"></span>
</div>
<div class="content"> <div class="content">
<div class="nav_title">商品管理 > 发布商品 > 上传结果</div> <div class="nav_title">商品管理 > 发布商品 > 上传结果</div>
<div class="filter_section clr"> <div class="filter_section clr">
......
Application/Home/View/Index/index.html
...@@ -5,14 +5,17 @@ ...@@ -5,14 +5,17 @@
<include file="public/header" /> <include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css"> <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css">
<style> <style>
.search_section { .search_section,
.mobile_top_text {
background: url('__PUBLIC__/images/homebg.png') no-repeat; background: url('__PUBLIC__/images/homebg.png') no-repeat;
background-size: 100% 100%;
} }
</style> </style>
</head> </head>
<body> <body>
<!-- pc下的页面 -->
<div class="index_wrapper"> <div class="index_wrapper">
<include file="public/indexheader" /> <include file="public/indexheader" />
<div class="content index_content"> <div class="content index_content">
...@@ -43,16 +46,23 @@ ...@@ -43,16 +46,23 @@
<div class="lb_item fl"> <div class="lb_item fl">
<img src="__PUBLIC__/images/lb2.png" alt=""> <img src="__PUBLIC__/images/lb2.png" alt="">
<div class="qrcode_div"> <div class="qrcode_div">
<div class="xcx_div"> <div class="xcx_div">
<img src="__PUBLIC__/images/xcx.png" alt=""> <img src="__PUBLIC__/images/xcx.png" alt="">
</div> </div>
<p>微信扫一扫，进入小程序</p> <p>微信扫一扫，进入小程序</p>
</div> </div>
</div> </div>
<div class="lb_item fl"> <div class="lb_item fl">
<img src="__PUBLIC__/images/lb3.png" alt=""> <img src="__PUBLIC__/images/lb2.png" alt="">
<div class="btn_div btn"> <div class="btn_div boxsiz">
<span class="icon iconfont iconjuxing25"></span> <span class="icon iconfont iconjuxing25"></span>
<p class="phone_type">iPhone</p>
<p class="text">敬请期待</p>
</div>
<div class="btn_div boxsiz android">
<span class="icon iconfont iconjuxing24"></span>
<p class="phone_type">Android</p>
<p class="text">敬请期待</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -63,6 +73,9 @@ ...@@ -63,6 +73,9 @@
</div> </div>
<div class="jy_div"> <div class="jy_div">
<div class="width_1190"> <div class="width_1190">
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold h3_common">您的交易，是我们最重要的</h3> <h3 class="bold h3_common">您的交易，是我们最重要的</h3>
<p>对于交易每个环节，都是非常重要的。从询价到报价，从商品资讯到在线沟通，每条数据我们都替你保<br />护，所有记录均加密保存至云端供查阅。</p> <p>对于交易每个环节，都是非常重要的。从询价到报价，从商品资讯到在线沟通，每条数据我们都替你保<br />护，所有记录均加密保存至云端供查阅。</p>
<div class="jy_ul clr"> <div class="jy_ul clr">
...@@ -95,6 +108,9 @@ ...@@ -95,6 +108,9 @@
</div> </div>
<div class="hz_div"> <div class="hz_div">
<div class="width_1190"> <div class="width_1190">
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold h3_common">合作伙伴</h3> <h3 class="bold h3_common">合作伙伴</h3>
<p>专注于优化交易，我们希望为用户提供更多的数据支持和服务体验，我们还在努力接入更多的数据...</p> <p>专注于优化交易，我们希望为用户提供更多的数据支持和服务体验，我们还在努力接入更多的数据...</p>
<div class="hz_list clr"> <div class="hz_list clr">
...@@ -129,13 +145,131 @@ ...@@ -129,13 +145,131 @@
<include file="public/indexfoot" /> <include file="public/indexfoot" />
</div> </div>
<!-- pc下的页面 -->
<!-- 移动端下的页面 -->
<div class="mobile_wrapper">
<div class="mobile_top">
<div class="mobile_top_text">
<img src="__PUBLIC__/images/navlogo.png" alt="">
<h3 class="bold ic">IC业务助手</h3>
<p>让询报价更轻松、便捷</p>
<h3 class="mobile_h3_common bold">专注芯片交易，让交易更简单</h3>
<div class="lb_nav">
<span class="active">网页版</span>
<span>小程序</span>
<span>手机版</span>
</div>
<div class="lb_div">
<div class="lb_div_content clr">
<div class="lb_item fl">
<img src="__PUBLIC__/images/mlb1.png" alt="">
</div>
<div class="lb_item fl">
<img src="__PUBLIC__/images/mlb2.png" alt="">
</div>
<div class="lb_item fl">
<img src="__PUBLIC__/images/mlb2.png" alt="">
</div>
</div>
</div>
</div>
<div class="jy_div">
<div class="jy_div_content">
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold mobile_h3_common">您的交易，是我们最重要的</h3>
<p>对于交易每个环节，都是非常重要的。从询价到报价，从商品资讯到在线沟通，每条数据我们都替你保<br />护，所有记录均加密保存至云端供查阅。</p>
<div class="jy_ul clr">
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy1.png" alt="">
<h4 class="bold">一键询价</h4>
<div>提交您要的需求信息，一键全网发布。剩下的交给我们来处理。</div>
</div>
<div class="jy_li fl no_margin">
<img src="__PUBLIC__/images/jy2.png" alt="">
<h4 class="bold">快速报价</h4>
<div>询价中心，支持询价内容筛选，快速找到自己擅长的询价，快速完成报价。</div>
</div>
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy3.png" alt="">
<h4 class="bold">一键发布商品</h4>
<div>只要使用微信或手机登录，无需经过复杂的流程，即可手机一键免费发布商品。</div>
</div>
<div class="jy_li fl no_margin">
<img src="__PUBLIC__/images/jy4.png" alt="">
<h4 class="bold">无延迟沟通</h4>
<div>询价内容，自动发送到当前消息对话。询报价消息实时同步推送，零延迟沟通。</div>
</div>
</div>
</div>
</div>
<div class="hz_div">
<div class="hz_div_content">
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold mobile_h3_common">合作伙伴</h3>
<p>专注于优化交易，我们希望为用户提供更多的数据支持和服务体验，我们还在努力接入更多的数据...</p>
<div class="hz_list clr">
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz1.png" alt="">
</div>
<div class="hz_item fl no_margin">
<img src="__PUBLIC__/images/hz2.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz3.png" alt="">
</div>
<div class="hz_item fl no_margin">
<img src="__PUBLIC__/images/hz4.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz5.png" alt="">
</div>
<div class="hz_item fl no_margin">
<img src="__PUBLIC__/images/hz6.png" alt="">
</div>
<div class="hz_item fl ">
<img src="__PUBLIC__/images/hz7.png" alt="">
</div>
<div class="hz_item fl no_margin">
<img src="__PUBLIC__/images/hz8.png" alt="">
</div>
</div>
</div>
</div>
<div class="bottom_section">
<p class="bottom_top">
<span class="time">服务时间 <i>9:00-22:00</i></span>
<span class="phone">联系电话: <i>400-888-1688</i></span>
</p>
<p class="bottom_center">copyright &#169 2019 www.ICsales.com</p>
<div class="bottom_bottom">
<img src="__PUBLIC__/icons/wx.png" alt="" class="wx">
<img src="__PUBLIC__/icons/wb.png" alt="" class="wb">
</div>
</div>
</div>
</div>
<!-- 移动端下的页面 -->
<script> <script>
$('.lb_nav span').click(function () { $('.index_wrapper .lb_nav span').click(function () {
var index = $(this).index(); var index = $(this).index();
$('.lb_div_content').css('left',-(index*1190)+'px'); $('.index_wrapper .lb_div_content').css('left', -(index * 1190) + 'px');
$(this).addClass('active').siblings().removeClass('active') $(this).addClass('active').siblings().removeClass('active')
});
$('.input_btn').click(function () {
window.location.href = '/indexsearch'
}) })
$('.mobile_wrapper .lb_nav span').click(function () {
var index = $(this).index();
$('.mobile_wrapper .lb_div_content').css('left', -(index * 700/7) + 'vw');
$(this).addClass('active').siblings().removeClass('active')
});
</script> </script>
</body> </body>
......
Application/Home/View/Index/search.html 0 → 100644
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/indexsearch.css">
</head>
<body>
<div class="index_wrapper search_wrapper">
<include file="public/indexheader" />
<div class="content">
<div class="width_1190">
<div class="search_section ">
<div class="search_div clr">
<div class="input_div fl">
<span class="icon iconfont iconjuxing"></span>
<input type="text" placeholder="请输入要搜索的内容">
</div>
<div class="input_btn fl btn_48 btn bold">
搜索
</div>
</div>
</div>
<div class="nav_title">
首页 > 搜索 > 搜索结果 > <span>300</span>信息
</div>
<div class="search_condition">
<ul class="search_nav clr">
<li class="search_sp fl active">商品</li>
<li class="search_xj fl">询价</li>
</ul>
<div class="zz condition_content">
<span class="bold">资质：</span>
<div class="condition_right_content clr">
<div class="fl active">贸易商</div>
<div class="fl">代理商</div>
<div class="fl">分销商</div>
<div class="fl">分销商</div>
<div class="fl">贸易分销商商</div>
<div class="fl">贸分销商易商</div>
</div>
</div>
<div class="fz condition_content ">
<span class="bold">封装：</span>
<div class="condition_right_content clr">
<div class="fl">贸易商</div>
<div class="fl">贸易商</div>
<div class="fl">贸易商</div>
</div>
</div>
</div>
<div class="goods_data_list search_data_list">
<div class="my_xj_list clr ">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">
TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR
</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
</div>
<div class="btn_div">
<div class="btn">登录，查看更多结果</div>
</div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到相关信息</p>
</div>
</div>
</div>
</div>
<include file="public/indexfoot" />
</div>
<script>
</script>
</body>
</html>
\ No newline at end of file
dist/css/common/base.css
...@@ -420,6 +420,7 @@ body { ...@@ -420,6 +420,7 @@ body {
.index_wrapper { .index_wrapper {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
min-width: 1190px;
} }
.index_wrapper .content { .index_wrapper .content {
padding: 119px 0 212px 0; padding: 119px 0 212px 0;
...@@ -506,11 +507,27 @@ body { ...@@ -506,11 +507,27 @@ body {
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
} }
@media screen and (max-width: 1024px) {
.index_wrapper {
display: none;
}
.mobile_wrapper {
display: block;
}
}
@media screen and (min-width: 1025px) {
.index_wrapper {
display: block;
}
.mobile_wrapper {
display: none;
}
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1560242605876'); src: url('iconfont.eot?t=1560479691061');
/* IE9 */ /* IE9 */
src: url('iconfont.eot?t=1560242605876#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1560242605876') format('woff'), url('iconfont.ttf?t=1560242605876') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1560242605876#iconfont') format('svg'); src: url('iconfont.eot?t=1560479691061#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1560479691061') format('woff'), url('iconfont.ttf?t=1560479691061') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1560479691061#iconfont') format('svg');
/* iOS 4.1- */ /* iOS 4.1- */
} }
.iconfont { .iconfont {
...@@ -601,6 +618,12 @@ body { ...@@ -601,6 +618,12 @@ body {
.iconjuxing23:before { .iconjuxing23:before {
content: "\e61b"; content: "\e61b";
} }
.iconjuxing24:before {
content: "\e61c";
}
.iconjuxing25:before {
content: "\e61d";
}
.nav_left { .nav_left {
width: 177px; width: 177px;
background: #fff; background: #fff;
......
dist/css/common/base.less
...@@ -522,9 +522,11 @@ body { ...@@ -522,9 +522,11 @@ body {
width:1190px; width:1190px;
margin:0 auto; margin:0 auto;
} }
.index_wrapper { .index_wrapper {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
min-width: 1190px;
.content{ .content{
padding:119px 0 212px 0; padding:119px 0 212px 0;
} }
...@@ -632,6 +634,22 @@ body { ...@@ -632,6 +634,22 @@ body {
} }
} }
} }
@media screen and (max-width:1024px) {
.index_wrapper{
display: none;
}
.mobile_wrapper{
display: block;
}
}
@media screen and (min-width:1025px) {
.index_wrapper{
display: block;
}
.mobile_wrapper{
display: none;
}
}
// 字体样式 // 字体样式
@import "./fonts.less"; @import "./fonts.less";
......
dist/css/index.css
...@@ -2,6 +2,22 @@ ...@@ -2,6 +2,22 @@
font-size: 38px; font-size: 38px;
color: #2E3033; color: #2E3033;
padding-top: 90px; padding-top: 90px;
position: relative;
z-index: 3;
}
.index_content .w_yuan {
position: absolute;
z-index: 2;
height: 62px;
width: 62px;
border-radius: 50% 50%;
}
.index_content .w_yuan .l_yuan {
height: 44px;
width: 44px;
border-radius: 50% 50%;
background-color: #fff;
margin: 9px;
} }
.index_content .top_section { .index_content .top_section {
height: 710px; height: 710px;
...@@ -123,8 +139,34 @@ ...@@ -123,8 +139,34 @@
height: 48px; height: 48px;
width: 140px; width: 140px;
color: #fff; color: #fff;
top: 0; top: 149px;
right: 65px;
font-size: 14px; font-size: 14px;
background-color: #ADB6BF;
border-radius: 4px;
text-align: left;
padding-left: 54px;
cursor: pointer;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div.android {
top: 217px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div span {
position: absolute;
top: 10px;
left: 15px;
font-size: 24px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div p {
color: #fff;
margin: 0;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div p.phone_type {
font-size: 12px;
margin-top: 8px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div p.text {
font-size: 13px;
} }
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item img { .index_content .top_section .search_section .lb_div .lb_div_content .lb_item img {
height: 100%; height: 100%;
...@@ -134,6 +176,15 @@ ...@@ -134,6 +176,15 @@
text-align: center; text-align: center;
padding-bottom: 100px; padding-bottom: 100px;
} }
.index_content .jy_div .width_1190 {
position: relative;
z-index: 1;
}
.index_content .jy_div .w_yuan {
background-color: rgba(234, 162, 23, 0.2);
top: 79px;
left: 345px;
}
.index_content .jy_div p { .index_content .jy_div p {
color: #8A9299; color: #8A9299;
font-size: 16px; font-size: 16px;
...@@ -172,6 +223,15 @@ ...@@ -172,6 +223,15 @@
padding-bottom: 100px; padding-bottom: 100px;
background: linear-gradient(180deg, #f5f9fc 0%, rgba(253, 254, 255, 0) 100%); background: linear-gradient(180deg, #f5f9fc 0%, rgba(253, 254, 255, 0) 100%);
} }
.index_content .hz_div .width_1190 {
position: relative;
z-index: 1;
}
.index_content .hz_div .w_yuan {
background-color: rgba(13, 132, 209, 0.2);
top: 84px;
right: 495px;
}
.index_content .hz_div p { .index_content .hz_div p {
color: #8A9299; color: #8A9299;
font-size: 16px; font-size: 16px;
...@@ -188,3 +248,198 @@ ...@@ -188,3 +248,198 @@
height: 80px; height: 80px;
width: 166px; width: 166px;
} }
.mobile_wrapper .mobile_h3_common {
font-size: 6vw;
color: #2E3033;
z-index: 3;
position: relative;
}
.mobile_wrapper .w_yuan {
position: absolute;
z-index: 2;
height: 11.42857143vw;
width: 11.42857143vw;
border-radius: 50% 50%;
}
.mobile_wrapper .w_yuan .l_yuan {
height: 7.85714286vw;
width: 7.85714286vw;
border-radius: 50% 50%;
background-color: #fff;
margin: 1.78571429vw;
}
.mobile_wrapper .mobile_top .mobile_top_text {
padding-top: 11.42857143vw;
text-align: center;
}
.mobile_wrapper .mobile_top .mobile_top_text img {
height: 110px;
width: 110px;
}
.mobile_wrapper .mobile_top .mobile_top_text .ic {
font-size: 5vw;
color: #3F3A3A;
margin-top: 9px;
}
.mobile_wrapper .mobile_top .mobile_top_text p {
font-size: 4vw;
color: #9F9FA0;
margin-top: 10px;
}
.mobile_wrapper .mobile_top .mobile_top_text .mobile_h3_common {
padding: 10.71428571vw 0;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_nav span {
border: 1px solid #D8DFE6;
color: #8A9299;
font-size: 3.14285714vw;
padding: 0.57142857vw 3.85714286vw;
border-radius: 2.85714286vw;
margin-right: 2.85714286vw;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_nav span.active {
border: 1px solid #0D84D1;
color: #0D84D1;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_div {
position: relative;
height: 51.71428571vw;
overflow: hidden;
margin-top: 5.57142857vw;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_div .lb_div_content {
position: absolute;
top: 0;
left: 0;
width: 300vw;
bottom: 0;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
/* IE 9 */
-moz-transition: all 0.4s ease-out;
/* Firefox */
-webkit-transition: all 0.4s ease-out;
/* Safari 和 Chrome */
-o-transition: all 0.4s ease-out;
/* Opera */
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_div .lb_div_content .lb_item {
width: 100vw;
height: 100%;
position: relative;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_div .lb_div_content .lb_item img {
height: 100%;
width: 100%;
}
.mobile_wrapper .jy_div {
text-align: center;
padding-bottom: 14.28571429vw;
}
.mobile_wrapper .jy_div .jy_div_content {
position: relative;
z-index: 1;
}
.mobile_wrapper .jy_div .w_yuan {
background-color: rgba(234, 162, 23, 0.2);
top: 12.14285714vw;
left: 11.42857143vw;
}
.mobile_wrapper .jy_div .mobile_h3_common {
padding: 13.57142857vw 0 5vw;
}
.mobile_wrapper .jy_div p {
color: #8A9299;
font-size: 3.42857143vw;
padding: 0 5vw;
}
.mobile_wrapper .jy_div .jy_ul {
padding: 0 7.71428571vw;
}
.mobile_wrapper .jy_div .jy_ul .jy_li {
width: 40vw;
margin: 8.57142857vw 4.57142857vw 0 0;
}
.mobile_wrapper .jy_div .jy_ul .jy_li.no_margin {
margin-right: 0;
}
.mobile_wrapper .jy_div .jy_ul .jy_li img {
height: 28.57142857vw;
width: 100%;
}
.mobile_wrapper .jy_div .jy_ul .jy_li h4 {
color: #2E3033;
font-size: 3.71428571vw;
}
.mobile_wrapper .jy_div .jy_ul .jy_li div {
font-size: 3.42857143vw;
color: #ADB6BF;
margin-top: 7px;
text-align: left;
}
.mobile_wrapper .hz_div {
text-align: center;
padding-bottom: 14.28571429vw;
background: linear-gradient(180deg, #f5f9fc 0%, rgba(253, 254, 255, 0) 100%);
}
.mobile_wrapper .hz_div .hz_div_content {
position: relative;
z-index: 1;
}
.mobile_wrapper .hz_div .w_yuan {
background-color: rgba(13, 132, 209, 0.2);
top: 12vw;
right: 35vw;
}
.mobile_wrapper .hz_div .mobile_h3_common {
padding: 13.57142857vw 0 5vw;
}
.mobile_wrapper .hz_div p {
color: #8A9299;
font-size: 3.42857143vw;
padding: 0 5vw;
}
.mobile_wrapper .hz_div .hz_list {
margin: 2.85714286vw 8.57142857vw;
}
.mobile_wrapper .hz_div .hz_list .hz_item {
margin: 5.71428571vw 6.85714286vw 0 0;
}
.mobile_wrapper .hz_div .hz_list .hz_item.no_margin {
margin-right: 0;
}
.mobile_wrapper .hz_div .hz_list .hz_item img {
height: 18.28571429vw;
width: 38vw;
}
.mobile_wrapper .bottom_section {
margin: 0 2.85714286vw;
padding-bottom: 8.57142857vw;
border-top: 1px solid #E6ECF2;
font-size: 3.42857143vw;
color: #ADB6BF;
text-align: center;
}
.mobile_wrapper .bottom_section .bottom_top {
margin-top: 4.57142857vw;
}
.mobile_wrapper .bottom_section .bottom_top i {
color: #686E73;
}
.mobile_wrapper .bottom_section .bottom_top .phone {
margin-left: 5.71428571vw;
}
.mobile_wrapper .bottom_section .bottom_center {
font-size: 3.14285714vw;
margin-top: 1.71428571vw;
}
.mobile_wrapper .bottom_section .bottom_bottom {
margin-top: 7.14285714vw;
}
.mobile_wrapper .bottom_section .bottom_bottom img {
height: 11.42857143vw;
width: 11.42857143vw;
}
.mobile_wrapper .bottom_section .bottom_bottom img.wb {
margin-left: 11.85714286vw;
}
dist/css/index.less
...@@ -3,6 +3,24 @@ ...@@ -3,6 +3,24 @@
font-size: 38px; font-size: 38px;
color: #2E3033; color: #2E3033;
padding-top: 90px; padding-top: 90px;
position: relative;
z-index: 3;
}
.w_yuan {
position: absolute;
z-index: 2;
height: 62px;
width: 62px;
border-radius: 50% 50%;
.l_yuan {
height: 44px;
width: 44px;
border-radius: 50% 50%;
background-color: #fff;
margin: 9px
}
} }
.top_section { .top_section {
...@@ -100,7 +118,7 @@ ...@@ -100,7 +118,7 @@
transition: all .4s ease-out; transition: all .4s ease-out;
-ms-transition: all .4s ease-out; -ms-transition: all .4s ease-out;
/* IE 9 */ /* IE 9 */
-moz-transition:all .4s ease-out; -moz-transition: all .4s ease-out;
/* Firefox */ /* Firefox */
-webkit-transition: all .4s ease-out; -webkit-transition: all .4s ease-out;
/* Safari 和 Chrome */ /* Safari 和 Chrome */
...@@ -111,35 +129,74 @@ ...@@ -111,35 +129,74 @@
width: 1190px; width: 1190px;
height: 100%; height: 100%;
position: relative; position: relative;
.qrcode_div{
.qrcode_div {
position: absolute; position: absolute;
top:149px; top: 149px;
right:58px; right: 58px;
.xcx_div{
height:160px; .xcx_div {
width:160px; height: 160px;
width: 160px;
background-color: #fff; background-color: #fff;
img{
height:120px; img {
width:120px; height: 120px;
margin-top:20px; width: 120px;
margin-top: 20px;
} }
} }
p{
p {
font-size: 14px; font-size: 14px;
color:#8A9299; color: #8A9299;
margin-top:12px; margin-top: 12px;
} }
} }
.btn_div{
.btn_div {
position: absolute; position: absolute;
height:48px; height: 48px;
width:140px; width: 140px;
color:#fff; color: #fff;
top:0; top: 149px;
right: 65px;
font-size: 14px; font-size: 14px;
background-color: #ADB6BF;
border-radius: 4px;
text-align: left;
padding-left: 54px;
cursor: pointer;
&.android {
top: 217px;
}
span {
position: absolute;
top: 10px;
left: 15px;
font-size: 24px;
}
p {
color: #fff;
margin: 0;
&.phone_type {
font-size: 12px;
margin-top: 8px;
}
&.text {
font-size: 13px;
}
}
} }
img { img {
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -157,6 +214,17 @@ ...@@ -157,6 +214,17 @@
text-align: center; text-align: center;
padding-bottom: 100px; padding-bottom: 100px;
.width_1190 {
position: relative;
z-index: 1;
}
.w_yuan {
background-color: rgba(234, 162, 23, .2);
top: 79px;
left: 345px;
}
p { p {
color: #8A9299; color: #8A9299;
font-size: 16px; font-size: 16px;
...@@ -206,6 +274,17 @@ ...@@ -206,6 +274,17 @@
padding-bottom: 100px; padding-bottom: 100px;
background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(253, 254, 255, 0) 100%); background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(253, 254, 255, 0) 100%);
.width_1190 {
position: relative;
z-index: 1;
}
.w_yuan {
background-color: rgba(13, 132, 209, .2);
top: 84px;
right: 495px;
}
p { p {
color: #8A9299; color: #8A9299;
font-size: 16px; font-size: 16px;
...@@ -227,4 +306,251 @@ ...@@ -227,4 +306,251 @@
} }
} }
}
@fixedNum: 7;
.mobile_wrapper {
.mobile_h3_common {
font-size: 42vw/@fixedNum;
color: #2E3033;
z-index: 3;
position: relative;
}
.w_yuan {
position: absolute;
z-index: 2;
height: 80vw/@fixedNum;
width: 80vw/@fixedNum;
border-radius: 50% 50%;
.l_yuan {
height: 55vw/@fixedNum;
width: 55vw/@fixedNum;
border-radius: 50% 50%;
background-color: #fff;
margin: 12.5vw/@fixedNum;
}
}
.mobile_top {
.mobile_top_text {
padding-top: 80vw/@fixedNum;
text-align: center;
img {
height: 110px;
width: 110px;
}
.ic {
font-size: 5vw;
color: #3F3A3A;
margin-top: 9px;
}
p {
font-size: 4vw;
color: #9F9FA0;
margin-top: 10px;
}
.mobile_h3_common {
padding: 75vw/@fixedNum 0;
}
.lb_nav {
span {
border: 1px solid #D8DFE6;
color: #8A9299;
font-size: 22vw/@fixedNum;
padding: 4vw/@fixedNum 27vw/@fixedNum;
border-radius: 20vw/@fixedNum;
margin-right: 20vw/@fixedNum;
&.active {
border: 1px solid #0D84D1;
color: #0D84D1;
}
}
}
.lb_div {
position: relative;
height: 362vw/@fixedNum;
overflow: hidden;
margin-top: 39vw/@fixedNum;
.lb_div_content {
position: absolute;
top: 0;
left: 0;
width: 2100vw/@fixedNum;
;
bottom: 0;
transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
/* IE 9 */
-moz-transition: all .4s ease-out;
/* Firefox */
-webkit-transition: all .4s ease-out;
/* Safari 和 Chrome */
-o-transition: all .4s ease-out;
/* Opera */
.lb_item {
width: 700vw/@fixedNum;
height: 100%;
position: relative;
img {
height: 100%;
width: 100%;
}
}
}
}
}
}
.jy_div {
text-align: center;
padding-bottom: 100vw/@fixedNum;
.jy_div_content {
position: relative;
z-index: 1;
}
.w_yuan {
background-color: rgba(234, 162, 23, .2);
top: 85vw/@fixedNum;
left: 80vw/@fixedNum;
}
.mobile_h3_common {
padding: 95vw/@fixedNum 0 35vw/@fixedNum;
}
p {
color: #8A9299;
font-size: 24vw/@fixedNum;
padding: 0 35vw/@fixedNum;
}
.jy_ul {
padding: 0 54vw/@fixedNum;
.jy_li {
width: 280vw/@fixedNum;
margin: 60vw/@fixedNum 32vw/@fixedNum 0 0;
&.no_margin {
margin-right: 0
}
img {
height: 200vw/@fixedNum;
width: 100%;
}
h4 {
color: #2E3033;
font-size: 26vw/@fixedNum;
}
div {
font-size: 24vw/@fixedNum;
color: #ADB6BF;
margin-top: 7px;
text-align: left;
}
}
}
}
.hz_div {
text-align: center;
padding-bottom: 100vw/@fixedNum;
background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(253, 254, 255, 0) 100%);
.hz_div_content {
position: relative;
z-index: 1;
}
.w_yuan {
background-color: rgba(13, 132, 209, .2);
top: 84vw/@fixedNum;
right: 245vw/@fixedNum;
}
.mobile_h3_common {
padding: 95vw/@fixedNum 0 35vw/@fixedNum;
}
p {
color: #8A9299;
font-size: 24vw/@fixedNum;
padding: 0 35vw/@fixedNum;
}
.hz_list {
margin: 20vw/@fixedNum 60vw/@fixedNum;
.hz_item {
margin: 40vw/@fixedNum 48vw/@fixedNum 0 0;
&.no_margin {
margin-right: 0
}
img {
height: 128vw/@fixedNum;
width: 266vw/@fixedNum;
}
}
}
}
.bottom_section{
margin:0 20vw/@fixedNum;
padding-bottom:60vw/@fixedNum;
border-top:1px solid #E6ECF2;
font-size: 24vw/@fixedNum;
color:#ADB6BF;
text-align: center;
.bottom_top{
margin-top:32vw/@fixedNum;
i{
color:#686E73;
}
.phone{
margin-left:40vw/@fixedNum;
}
}
.bottom_center{
font-size: 22vw/@fixedNum;
margin-top:12vw/@fixedNum;
}
.bottom_bottom{
margin-top:50vw/@fixedNum;
img{
height:80vw/@fixedNum;
width:80vw/@fixedNum;
&.wb{
margin-left:83vw/@fixedNum;
}
}
}
}
} }
\ No newline at end of file
dist/css/indexsearch.css 0 → 100644
.search_wrapper {
background-color: #F5F9FC;
}
.search_wrapper .content .width_1190 .search_section {
width: 690px;
margin: 0 auto;
padding-top: 30px;
}
.search_wrapper .content .width_1190 .search_section .search_div {
width: 690px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 48px;
}
.search_wrapper .content .width_1190 .search_section .search_div .input_div {
width: 482px;
height: 100%;
border-radius: 0px 4px 4px 0px;
position: relative;
padding: 0 20px 0 70px;
}
.search_wrapper .content .width_1190 .search_section .search_div .input_div .icon {
font-size: 30px;
position: absolute;
top: 9px;
color: #ADB6BF;
left: 20px;
}
.search_wrapper .content .width_1190 .search_section .search_div .input_div input {
height: 100%;
width: 100%;
font-size: 16px;
color: #515559;
line-height: 48px;
}
.search_wrapper .content .width_1190 .search_section .search_div .input_btn {
width: 118px;
border-radius: 0px 4px 4px 0px;
}
.search_wrapper .content .width_1190 .nav_title {
padding: 30px 0;
}
.search_wrapper .content .width_1190 .nav_title span {
color: #61A0F2;
}
.search_wrapper .content .width_1190 .search_condition {
padding: 22px 21px;
background-color: #fff;
}
.search_wrapper .content .width_1190 .search_condition .search_nav {
border-bottom: 1px solid #F5F9FC;
padding-bottom: 5px;
}
.search_wrapper .content .width_1190 .search_condition .search_nav li {
padding: 2px 5px;
font-size: 16px;
color: #686E73;
cursor: pointer;
}
.search_wrapper .content .width_1190 .search_condition .search_nav li.active {
color: #0D84D1;
font-weight: 600;
}
.search_wrapper .content .width_1190 .search_condition .search_nav li.search_xj {
margin-left: 44px;
}
.search_wrapper .content .width_1190 .search_condition .condition_content {
font-size: 14px;
color: #686E73;
position: relative;
margin-top: 26px;
}
.search_wrapper .content .width_1190 .search_condition .condition_content span {
padding: 6px 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.search_wrapper .content .width_1190 .search_condition .condition_content .condition_right_content {
margin-left: 42px;
}
.search_wrapper .content .width_1190 .search_condition .condition_content .condition_right_content div {
padding: 6px 8px;
margin-right: 34px;
cursor: pointer;
margin: 0 34px 5px 0;
}
.search_wrapper .content .width_1190 .search_condition .condition_content .condition_right_content div.active {
background-color: #0D84D1;
color: #fff !important;
border-radius: 2px;
}
.search_wrapper .content .width_1190 .search_condition .condition_content .condition_right_content div:hover {
color: #0D84D1;
}
.search_wrapper .content .width_1190 .search_data_list {
width: 1230px;
margin: 0 auto;
}
.search_wrapper .content .width_1190 .search_data_list .my_xj_list {
padding: 0;
}
.search_wrapper .content .width_1190 .search_data_list .my_xj_list .my_xj_item {
margin-left: 0 !important;
margin-right: 20px !important;
width: 282.5px !important;
}
.search_wrapper .content .width_1190 .search_data_list .btn_div {
width: 220px;
margin: 0 auto;
padding: 40px 0;
}
.search_wrapper .content .width_1190 .no_data {
padding: 60px 0 203px;
}
dist/css/indexsearch.less 0 → 100644
.search_wrapper {
background-color: #F5F9FC;
.content {
.width_1190 {
.search_section {
width: 690px;
margin: 0 auto;
padding-top: 30px;
.search_div {
width: 690px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 48px;
.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: 9px;
color: #ADB6BF;
left: 20px;
}
input {
height: 100%;
width: 100%;
font-size: 16px;
color: #515559;
line-height: 48px;
}
}
.input_btn {
width: 118px;
border-radius: 0px 4px 4px 0px;
}
}
}
.nav_title {
padding: 30px 0;
span {
color: #61A0F2;
}
}
.search_condition {
padding: 22px 21px;
background-color: #fff;
.search_nav {
border-bottom: 1px solid #F5F9FC;
padding-bottom: 5px;
li {
padding: 2px 5px;
font-size: 16px;
color: #686E73;
cursor: pointer;
&.active {
color: #0D84D1;
font-weight: 600;
}
&.search_xj {
margin-left: 44px;
}
}
}
.condition_content {
font-size: 14px;
color: #686E73;
position: relative;
margin-top: 26px;
span {
padding: 6px 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.condition_right_content {
margin-left: 42px;
div {
padding: 6px 8px;
margin-right: 34px;
cursor: pointer;
margin: 0 34px 5px 0;
&.active {
background-color: #0D84D1;
color: #fff !important;
border-radius: 2px;
}
&:hover {
color: #0D84D1;
}
}
}
}
}
.search_data_list {
width:1230px;
margin:0 auto;
.my_xj_list {
padding: 0;
.my_xj_item {
margin-left:0 !important;
margin-right: 20px !important;
width: 282.5px !important;
}
}
.btn_div {
width: 220px;
margin: 0 auto;
padding: 40px 0;
}
}
.no_data {
padding: 60px 0 203px;
}
}
}
}
\ No newline at end of file
dist/css/search.css
.search_content .nav_title { .search_content .nav_title {
padding: 20px 20px 0 20px; padding: 20px 20px 0 20px;
} }
.search_content .search_condition {
margin: 0 20px;
}
.search_content .search_section { .search_content .search_section {
width: 690px; width: 690px;
margin: 30px auto 0; margin: 30px auto 0;
...@@ -42,7 +39,7 @@ ...@@ -42,7 +39,7 @@
.search_content .search_condition { .search_content .search_condition {
padding: 22px 21px; padding: 22px 21px;
background-color: #fff; background-color: #fff;
margin-top: 20px; margin: 20px 20px 0;
} }
.search_content .search_condition .search_nav { .search_content .search_condition .search_nav {
border-bottom: 1px solid #F5F9FC; border-bottom: 1px solid #F5F9FC;
......
dist/css/search.less
...@@ -2,9 +2,6 @@ ...@@ -2,9 +2,6 @@
.nav_title{ .nav_title{
padding:20px 20px 0 20px; padding:20px 20px 0 20px;
} }
.search_condition{
margin:0 20px;
}
.search_section { .search_section {
width: 690px; width: 690px;
margin: 30px auto 0; margin: 30px auto 0;
...@@ -49,7 +46,7 @@ ...@@ -49,7 +46,7 @@
.search_condition { .search_condition {
padding: 22px 21px; padding: 22px 21px;
background-color: #fff; background-color: #fff;
margin-top: 20px; margin:20px 20px 0;
.search_nav { .search_nav {
border-bottom: 1px solid #F5F9FC; border-bottom: 1px solid #F5F9FC;
padding-bottom: 5px; padding-bottom: 5px;
......
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