Skip to content

T
tl_estate
Commit f293f9c5 authored by 刘丹's avatar 刘丹
Browse files
Options

前端

parent 22d94f6d
Hide whitespace changes
Inline Side-by-side
Showing with 263 additions and 264 deletions
application/index/view/global/frame_tpl.html
View file @ f293f9c5
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<title>{$title}</title>
{include file="global/header_tpl" /} {include file="global/header_tpl" /}
</head> </head>
<body> <body>
<div class="navbar">
<div class="container-fluid">
<a class="brand">
<i><img src="/resource/image/houtai_footer_icon1.png" class="houtai_footer_icon1"></i>
<span class="hidden-phone">同联商业后台管理中心</span>
</a>
</div>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
管理员vip
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">修改密码</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">退出登录</a></li>
</ul>
</div>
</div>
{include file="global/footer_tpl" /} {include file="global/footer_tpl" /}
<div id="wrapper">
{include file="global/navigation" /}
{__CONTENT__} {__CONTENT__}
</div>
</body> </body>
</html> </html>
application/index/view/global/navigation.html
View file @ f293f9c5
//导航
\ No newline at end of file <nav class="navbar navbar-inverse" id="sidebar-wrapper" role="navigation">
<ul class="nav sidebar-nav">
<!--便于后期更改使用-->
<!--<li class="sidebar-brand">-->
<!--<a href="#">-->
<!--Bootstrap 3-->
<!--</a>-->
<!--</li>-->
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Dropdown <span class="caret"></span></a>-->
<!--<ul class="dropdown-menu" role="menu">-->
<!--<li class="dropdown-header">Dropdown heading</li>-->
<!--<li><a href="#">Action</a></li>-->
<!--<li><a href="#">Another action</a></li>-->
<!--<li><a href="#">Something else here</a></li>-->
<!--<li><a href="#">Separated link</a></li>-->
<!--<li><a href="#">One more separated link</a></li>-->
<!--</ul>-->
<!--</li>-->
<li>
<a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> 预约看铺列表</a>
</li>
<li>
<a href="#"><i class="fa fa-fw fa-folder"></i> 委托转铺列表</a>
</li>
<li>
<a href="#"><i class="fa fa-fw fa-file-o"></i> 用户列表</a>
</li>
</ul>
</nav>
application/index/view/member/home.html
View file @ f293f9c5
<!DOCTYPE html> {layout name="global/frame_tpl" /}
<html>
<head lang="en">
<meta charset="UTF-8">
<title>同联后台管理中心</title>
</head>
<body>
{include file="global/footer_tpl" /}
<input type="hidden" class="page-load" id="home" /> <input type="hidden" class="page-load" id="home" />
<!--头部star-->
<div class="navbar">
<div class="container-fluid">
<a class="brand">
<i><img src="/resource/image/houtai_footer_icon1.png" class="houtai_footer_icon1"></i>
<span class="hidden-phone">同联商业后台管理中心</span>
</a>
</div>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
管理员vip
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">修改密码</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">退出登录</a></li>
</ul>
</div>
</div>
<!--导航star--> <!--导航star-->
<div id="wrapper">
<!-- Sidebar --> <!-- Sidebar -->
<nav class="navbar navbar-inverse" id="sidebar-wrapper" role="navigation">
<ul class="nav sidebar-nav">
<!--便于后期更改使用-->
<!--<li class="sidebar-brand">-->
<!--<a href="#">-->
<!--Bootstrap 3-->
<!--</a>-->
<!--</li>-->
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Dropdown <span class="caret"></span></a>-->
<!--<ul class="dropdown-menu" role="menu">-->
<!--<li class="dropdown-header">Dropdown heading</li>-->
<!--<li><a href="#">Action</a></li>-->
<!--<li><a href="#">Another action</a></li>-->
<!--<li><a href="#">Something else here</a></li>-->
<!--<li><a href="#">Separated link</a></li>-->
<!--<li><a href="#">One more separated link</a></li>-->
<!--</ul>-->
<!--</li>-->
<li>
<a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> 预约看铺列表</a>
</li>
<li>
<a href="#"><i class="fa fa-fw fa-folder"></i> 委托转铺列表</a>
</li>
<li>
<a href="#"><i class="fa fa-fw fa-file-o"></i> 用户列表</a>
</li>
</ul>
</nav>
<!-- /#sidebar-wrapper --> <!-- /#sidebar-wrapper -->
<!-- Page Content --> <!-- Page Content -->
...@@ -78,7 +21,7 @@ ...@@ -78,7 +21,7 @@
<tr> <tr>
<td colspan="6"> <td colspan="6">
<form action="" method="get" id="form_search"> <form action="" method="get" id="form_search">
<span class="fore-span">提交时间</span> <span class="fore-span">提交时间</span>
<input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="start_date" name="start_date" type="datetime-local" value=""> <input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="start_date" name="start_date" type="datetime-local" value="">
<input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="datetime-local" value=""> <input class="form-control btn4" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="datetime-local" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="company_name" name="company_user_name" placeholder="客户姓名" type="text" value=""> <input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="company_name" name="company_user_name" placeholder="客户姓名" type="text" value="">
...@@ -167,7 +110,7 @@ ...@@ -167,7 +110,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- /#wrapper --> <!-- /#wrapper -->
<!-- /#跟进模态框 --> <!-- /#跟进模态框 -->
<div class="modal fade" id="modal-process" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-process" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
...@@ -182,13 +125,13 @@ ...@@ -182,13 +125,13 @@
</h4> </h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="table-responsive"> <div class="table-responsive table-responsive1">
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead> <thead>
<tr> <tr>
<th>跟进内容</th> <th>跟进内容</th>
<th>First Name</th> <th>跟进人</th>
<th>Last Name</th> <th>跟进时间</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -222,6 +165,4 @@ ...@@ -222,6 +165,4 @@
</div> </div>
</div><!-- /.modal-content --> </div><!-- /.modal-content -->
</div><!-- /.modal --> </div><!-- /.modal -->
</div> </div>
</body> \ No newline at end of file
</html>
\ No newline at end of file
public/resource/css/home.css
View file @ f293f9c5
.navbar{
background: #ff9419;
width: 100%;
height: 40px;
}
.container-fluid{
float: left;
}
.hidden-phone{
color: #FFFFFF;
text-shadow: none;
line-height: 46px;
font-size: 21px;
float: left;
margin-left: 8px;
}
.hidden-phone:hover{
text-decoration:none;
}
.houtai_footer_icon1{
width: 27px;
height: 27px;
float: left;
margin-top: 10px;
}
.dropdown{
float: right;
margin-top: 7px;
margin-right: 10px;
}
.dropdown-menu{
min-width:72px;
}
/*-------------------------------*/
/* VARIABLES */
/*-------------------------------*/
body {
position: relative;
overflow-x: hidden;
}
body,
html {
height: 100%;
}
.nav .open > a {
background-color: transparent;
}
.nav .open > a:hover {
background-color: transparent;
}
.nav .open > a:focus {
background-color: transparent;
}
/*-------------------------------*/
/* Wrappers */
/*-------------------------------*/
#wrapper {
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
padding-left: 0;
height: 97%;
transition: all 0.5s ease;
}
#wrapper.toggled {
}
#wrapper.toggled #sidebar-wrapper {
width: 0px;
}
#sidebar-wrapper {
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
background: #1a1a1a;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: all 0.5s ease;
width: 220px;
z-index: 1000;
float: left;
}
#sidebar-wrapper::-webkit-scrollbar {
display: block;
}
#page-content-wrapper {
width: 100%;
}
.navbar{
border: none;
}
.container{
width: 100%;
}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav {
list-style: none;
margin: 0;
padding: 0;
top: 10px;
width: 220px;
}
.sidebar-nav li {
display: inline-block;
line-height: 20px;
position: relative;
width: 100%;
}
.sidebar-nav li:before {
background-color: #ff9419;
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
width: 3px;
z-index: -1;
}
.sidebar-nav li:first-child a {
background-color: #1a1a1a;
color: #ffffff;
}
.sidebar-nav li:nth-child(2):before {
background-color: #ff9419;
}
.sidebar-nav li:nth-child(3):before {
background-color: #ff9419;
}
.sidebar-nav li:nth-child(4):before {
background-color: #ff9419;
}
.sidebar-nav li:hover:before {
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
width: 100%;
}
.sidebar-nav li a {
color: #dddddd;
display: block;
padding: 10px 15px 10px 30px;
text-decoration: none;
}
.sidebar-nav li.open:hover before {
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
width: 100%;
}
.sidebar-nav .dropdown-menu {
background-color: #222222;
border-radius: 0;
border: none;
box-shadow: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
background-color: transparent;
color: #ffffff;
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
font-size: 20px;
height: 65px;
line-height: 44px;
}
/*-------------------------------*/
/* Dark Overlay */
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
/*中间内容开始*/ /*中间内容开始*/
.btn1{ .btn1{
display: inline-block; display: inline-block;
...@@ -231,4 +38,9 @@ html { ...@@ -231,4 +38,9 @@ html {
.fore-span{ .fore-span{
float: left; float: left;
line-height: 34px; line-height: 34px;
}
/*跟进的弹窗*/
.table-responsive1 {
overflow-y: auto;
max-height: 140px;
} }
\ No newline at end of file
public/resource/css/public.css
View file @ f293f9c5
...@@ -7,4 +7,197 @@ body { ...@@ -7,4 +7,197 @@ body {
} }
a:hover{ a:hover{
text-decoration:none; text-decoration:none;
}
.navbar{
background: #ff9419;
width: 100%;
height: 40px;
}
.container-fluid{
float: left;
}
.hidden-phone{
color: #FFFFFF;
text-shadow: none;
line-height: 46px;
font-size: 21px;
float: left;
margin-left: 8px;
}
.hidden-phone:hover{
text-decoration:none;
}
.houtai_footer_icon1{
width: 27px;
height: 27px;
float: left;
margin-top: 10px;
}
.dropdown{
float: right;
margin-top: 7px;
margin-right: 10px;
}
.dropdown-menu{
min-width:72px;
}
/*-------------------------------*/
/* VARIABLES */
/*-------------------------------*/
body {
position: relative;
overflow-x: hidden;
}
body,
html {
height: 100%;
}
.nav .open > a {
background-color: transparent;
}
.nav .open > a:hover {
background-color: transparent;
}
.nav .open > a:focus {
background-color: transparent;
}
/*-------------------------------*/
/* Wrappers */
/*-------------------------------*/
#wrapper {
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
padding-left: 0;
height: 97%;
transition: all 0.5s ease;
}
#wrapper.toggled {
}
#wrapper.toggled #sidebar-wrapper {
width: 0px;
}
#sidebar-wrapper {
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
background: #1a1a1a;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: all 0.5s ease;
width: 220px;
z-index: 1000;
float: left;
}
#sidebar-wrapper::-webkit-scrollbar {
display: block;
}
#page-content-wrapper {
width: 100%;
}
.navbar{
border: none;
}
.container{
width: 100%;
}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav {
list-style: none;
margin: 0;
padding: 0;
top: 10px;
width: 220px;
}
.sidebar-nav li {
display: inline-block;
line-height: 20px;
position: relative;
width: 100%;
}
.sidebar-nav li:before {
background-color: #ff9419;
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
width: 3px;
z-index: -1;
}
.sidebar-nav li:first-child a {
background-color: #1a1a1a;
color: #ffffff;
}
.sidebar-nav li:nth-child(2):before {
background-color: #ff9419;
}
.sidebar-nav li:nth-child(3):before {
background-color: #ff9419;
}
.sidebar-nav li:nth-child(4):before {
background-color: #ff9419;
}
.sidebar-nav li:hover:before {
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
width: 100%;
}
.sidebar-nav li a {
color: #dddddd;
display: block;
padding: 10px 15px 10px 30px;
text-decoration: none;
}
.sidebar-nav li.open:hover before {
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
width: 100%;
}
.sidebar-nav .dropdown-menu {
background-color: #222222;
border-radius: 0;
border: none;
box-shadow: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
background-color: transparent;
color: #ffffff;
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
font-size: 20px;
height: 65px;
line-height: 44px;
}
/*-------------------------------*/
/* Dark Overlay */
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
} }
\ 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 to comment