Skip to content

施宇 / icsales

Go to a project
Commit effdc89a by 施宇
Options

11

parent 7133a501
Expand all
Inline Side-by-side
Showing with 691 additions and 20 deletions
Application/Common/Conf/config_url.php
......@@ -16,6 +16,7 @@ return array(
'URL_MAP_RULES' => array(//静态路由
'index' => 'Home/Index/index',
'indexsearch' => 'Home/Index/indexsearch',
'login' => 'Home/Index/login',
'home' => 'Home/Index/home',
'inquiry' => 'Home/Index/inquiry',
......
Application/Home/Controller/IndexController.class.php
......@@ -6,9 +6,7 @@ use Think\Controller;
class IndexController extends Controller
{
/**
* 登录页面
*/
/**
* 首页
*/
......@@ -16,6 +14,16 @@ class IndexController extends Controller
{
$this->display('Index/index');
}
/**
* 首页搜索结果
*/
public function indexsearch()
{
$this->display('Index/search');
}
/**
* 登录页面
*/
public function login()
{
$this->display('Login/index');
......
Application/Home/View/GoodManage/uploadresult.html
......@@ -12,9 +12,6 @@
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content upload_result_content">
<div class="edit_div">
<span class=" icon iconfont iconjuxing14"></span>
</div>
<div class="content">
<div class="nav_title">商品管理 > 发布商品 > 上传结果</div>
<div class="filter_section clr">
......
Application/Home/View/Index/index.html
......@@ -5,14 +5,17 @@
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css">
<style>
.search_section {
.search_section,
.mobile_top_text {
background: url('__PUBLIC__/images/homebg.png') no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
<!-- pc下的页面 -->
<div class="index_wrapper">
<include file="public/indexheader" />
<div class="content index_content">
......@@ -50,9 +53,16 @@
</div>
</div>
<div class="lb_item fl">
<img src="__PUBLIC__/images/lb3.png" alt="">
<div class="btn_div btn">
<img src="__PUBLIC__/images/lb2.png" alt="">
<div class="btn_div boxsiz">
<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>
......@@ -63,6 +73,9 @@
</div>
<div class="jy_div">
<div class="width_1190">
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold h3_common">您的交易，是我们最重要的</h3>
<p>对于交易每个环节，都是非常重要的。从询价到报价，从商品资讯到在线沟通，每条数据我们都替你保<br />护，所有记录均加密保存至云端供查阅。</p>
<div class="jy_ul clr">
......@@ -95,6 +108,9 @@
</div>
<div class="hz_div">
<div class="width_1190">
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold h3_common">合作伙伴</h3>
<p>专注于优化交易，我们希望为用户提供更多的数据支持和服务体验，我们还在努力接入更多的数据...</p>
<div class="hz_list clr">
......@@ -129,13 +145,131 @@
<include file="public/indexfoot" />
</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>
$('.lb_nav span').click(function () {
$('.index_wrapper .lb_nav span').click(function () {
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')
});
$('.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>
</body>
......
dist/css/common/base.less
......@@ -522,9 +522,11 @@ body {
width:1190px;
margin:0 auto;
}
.index_wrapper {
position: relative;
min-height: 100%;
min-width: 1190px;
.content{
padding:119px 0 212px 0;
}
......@@ -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";
......
dist/css/index.css
......@@ -2,6 +2,22 @@
font-size: 38px;
color: #2E3033;
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 {
height: 710px;
......@@ -123,8 +139,34 @@
height: 48px;
width: 140px;
color: #fff;
top: 0;
top: 149px;
right: 65px;
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 {
height: 100%;
......@@ -134,6 +176,15 @@
text-align: center;
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 {
color: #8A9299;
font-size: 16px;
......@@ -172,6 +223,15 @@
padding-bottom: 100px;
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 {
color: #8A9299;
font-size: 16px;
......@@ -188,3 +248,198 @@
height: 80px;
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/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 {
padding: 20px 20px 0 20px;
}
.search_content .search_condition {
margin: 0 20px;
}
.search_content .search_section {
width: 690px;
margin: 30px auto 0;
......@@ -42,7 +39,7 @@
.search_content .search_condition {
padding: 22px 21px;
background-color: #fff;
margin-top: 20px;
margin: 20px 20px 0;
}
.search_content .search_condition .search_nav {
border-bottom: 1px solid #F5F9FC;
......
dist/css/search.less
......@@ -2,9 +2,6 @@
.nav_title{
padding:20px 20px 0 20px;
}
.search_condition{
margin:0 20px;
}
.search_section {
width: 690px;
margin: 30px auto 0;
......@@ -49,7 +46,7 @@
.search_condition {
padding: 22px 21px;
background-color: #fff;
margin-top: 20px;
margin:20px 20px 0;
.search_nav {
border-bottom: 1px solid #F5F9FC;
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