Skip to content

Q
qsl_web
Commit 8b4120e5 by 邓丽
Options

login

parent 910c5988
Showing with 416 additions and 60 deletions
dist/css/index.css
......@@ -375,7 +375,7 @@ input,
textarea {
outline: none;
border: none;
-webkit-appearance: none;
/* -webkit-appearance : none;*/
}
button,
input,
......@@ -677,14 +677,14 @@ th {
.ourEdge > ul li > span .edgeIcon1 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -186px 0px;
background-position: -93px -93px;
width: 93px;
height: 93px;
}
.ourEdge > ul li > span .edgeIcon2 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: 0px -93px;
background-position: -279px -186px;
width: 93px;
height: 93px;
}
......@@ -698,21 +698,21 @@ th {
.ourEdge > ul li > span .edgeIcon4 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -186px -186px;
background-position: -279px -93px;
width: 93px;
height: 93px;
}
.ourEdge > ul li > span .edgeIcon5 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -93px 0px;
background-position: -279px 0px;
width: 93px;
height: 93px;
}
.ourEdge > ul li > span .edgeIcon6 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: 0px 0px;
background-position: -186px 0px;
width: 93px;
height: 93px;
}
......@@ -734,14 +734,14 @@ th {
.ourEdge > ul li:hover > span .edgeIcon1 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -93px -93px;
background-position: 0px -93px;
width: 93px;
height: 93px;
}
.ourEdge > ul li:hover > span .edgeIcon2 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -279px -186px;
background-position: -186px -93px;
width: 93px;
height: 93px;
}
......@@ -755,21 +755,21 @@ th {
.ourEdge > ul li:hover > span .edgeIcon4 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -279px 0px;
background-position: -186px -186px;
width: 93px;
height: 93px;
}
.ourEdge > ul li:hover > span .edgeIcon5 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -186px -93px;
background-position: -93px 0px;
width: 93px;
height: 93px;
}
.ourEdge > ul li:hover > span .edgeIcon6 {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -279px -93px;
background-position: 0px 0px;
width: 93px;
height: 93px;
}
......@@ -1022,11 +1022,9 @@ article.case section ul.lists li a .mask span p {
article.case section ul.lists li a .mask span p > b {
display: inline-block;
color: #ffffff;
/* font-size: 24px;*/
text-align: center;
letter-spacing: 3px;
border-bottom: 3px solid #1dd2af;
/* .small();*/
}
article.case section ul.lists li a .mask.enterMask b {
animation: large 0.5s;
......@@ -1236,7 +1234,7 @@ article.case section:after {
.gallery .search span a > i {
display: inline-block;
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -194px;
background-position: -379px -239px;
width: 18px;
height: 19px;
float: left;
......@@ -1490,26 +1488,26 @@ article.case section:after {
}
.activeDetails .coverShow .intro ul li .time {
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -175px;
background-position: -379px -220px;
width: 19px;
height: 19px;
vertical-align: top;
}
.activeDetails .coverShow .intro ul li .panel {
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -156px;
background-position: -379px -201px;
width: 19px;
height: 19px;
}
.activeDetails .coverShow .intro ul li .client {
background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -246px;
background-position: -372px -291px;
width: 14px;
height: 19px;
}
.activeDetails .coverShow .intro ul li .view {
background-image: url(../../dist/img/icon/icon.png);
background-position: -379px -213px;
background-position: -379px -258px;
width: 19px;
height: 14px;
}
......@@ -1655,18 +1653,42 @@ article.case section:after {
height: auto;
overflow: hidden;
text-align: center;
padding: 70px 0;
}
.activity .title h2 {
.activity .title .bannerBg {
margin: 0 auto;
width: 1200px;
height: 565px;
overflow: hidden;
background: url("../img/bgBanner.jpg");
margin-bottom: 30px;
}
.activity .title .bannerBg .logo {
margin: 0 auto;
width: 140px;
height: 140px;
overflow: hidden;
border-radius: 50%;
background: #dddddd;
border: 4px solid #FFFFFF;
margin-top: 12%;
}
.activity .title .bannerBg .logo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.activity .title .bannerBg h2 {
font-size: 28px;
text-align: center;
line-height: 60px;
line-height: 80px;
color: #FFFFFF;
}
.activity .title div {
.activity .title .tabs {
height: 120px;
line-height: 120px;
}
.activity .title div a {
.activity .title .tabs a {
display: inline-block;
font-size: 14px;
width: 63px;
......@@ -1679,7 +1701,7 @@ article.case section:after {
border-radius: 4px;
border-radius: 0px;
}
.activity .title div a.active {
.activity .title .tabs a.active {
width: 63px;
height: 34px;
line-height: 34px;
......@@ -1830,3 +1852,110 @@ article.case section:after {
text-align: center;
line-height: 500px;
}
/*登录页面*/
.login {
margin: 0 auto;
width: 100%;
height: auto;
overflow: hidden;
background: #367fa9;
background-image: url(../img/loginBg.png);
background-size: 100%;
background-repeat: no-repeat;
}
.login .loginForm {
margin: 0 auto;
width: 440px;
height: 340px;
overflow: hidden;
margin-top: 15%;
padding: 20px 40px;
background: #FFFFFF;
border: 6px solid rgba(0, 0, 0, 0.42);
}
.login .loginForm .loginLogo {
height: 55px;
line-height: 55px;
margin-bottom: 15px;
text-align: center;
}
.login .loginForm span {
display: block;
margin: 0 auto;
width: 350px;
height: 42px;
overflow: hidden;
border: 1px solid #dddddd;
margin-bottom: 15px;
}
.login .loginForm span label {
display: inline-block;
margin: 0 auto;
width: 40px;
height: 42px;
overflow: hidden;
line-height: 42px;
vertical-align: middle;
text-align: center;
}
.login .loginForm span label i {
display: inline-block;
vertical-align: middle;
}
.login .loginForm span label .nick {
background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -179px;
width: 24px;
height: 22px;
}
.login .loginForm span label .password {
background-image: url(../../dist/img/icon/icon.png);
background-position: -372px -156px;
width: 24px;
height: 23px;
}
.login .loginForm span input {
display: inline-block;
height: 40px;
line-height: 40px;
width: 300px;
font-size: 14px;
}
.login .loginForm #loginBtn {
width: 350px;
height: 45px;
line-height: 45px;
background: #367fa9;
color: #fff;
outline: none;
border: 1px solid #367fa9;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
letter-spacing: 4px;
}
.login .loginForm small {
height: 30px;
font-size: 12px;
color: #ff7072;
text-align: center;
}
.login .loginForm .remember {
height: 23px;
line-height: 23px;
clear: both;
}
.login .loginForm .remember input {
display: inline-block;
width: 16px;
height: 17px;
border: 1px solid #ccc;
vertical-align: middle;
margin-right: 5px;
}
.login .loginForm .remember b {
display: inline-block;
vertical-align: middle;
font-size: 16px;
font-weight: 400;
}
dist/html/aboutUs.html
......@@ -34,7 +34,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/case.html
......@@ -34,7 +34,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/caseDetails.html
......@@ -35,7 +35,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/caseSpecific.html
......@@ -35,7 +35,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/gal_activity.html
......@@ -35,7 +35,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......@@ -45,10 +45,15 @@
<article class="activity">
<!--title-->
<section class="title">
<h2>企业名称</h2>
<!-- <div>
<div class="bannerBg">
<div class="logo">
<img src="" alt=""/>
</div>
<h2>企业名称</h2>
</div>
<div class="tabs">
<a class="active">活动</a><a>直播</a>
</div>-->
</div>
</section>
<!--合作商家-->
<section class="cooperation activeSlide">
......
dist/html/gal_activityDetails.html
......@@ -34,7 +34,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/gallery.html
......@@ -35,7 +35,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/index.html
......@@ -15,7 +15,6 @@
<link rel="stylesheet" href="../css/demo.css">
<link rel="stylesheet" href="../css/style-demo.css">
<link rel="stylesheet" href="../css/index.css">
<script src="../js/jquery-1.11.1.js"></script>
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -48,7 +47,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......@@ -279,7 +278,7 @@
</ul>
</footer>
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/responsiveslides.min.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.min.js"></script>
......
dist/html/linkUs.html
......@@ -34,7 +34,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/login.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="screen-orientation" content="horizontal">
<meta content="telephone=no" name="format-detection" />
<meta name="keywords" content="企业肖像,企业产品,企业广告,会议跟拍,企业宣传,VR摄影,VR直播,全方位影像服务">
<meta name="description" content="企视录提供企业肖像、企业产品、企业广告、会议跟拍、企业宣传片、VR摄影、VR直播等全方位影像服务，可满足企业全面需求，目前企视录合作摄影师覆盖全国主要一二线城市，可在全国范围内提供企业视觉服务，企视录自主开发的SAAS影像管理系统，可以满足企业影像存储、管理、分发、媒体发布等全方位需求，可有效提高企业运营效率。">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<article class="login">
<form action="">
<div class="loginForm">
<div class="loginLogo">
<img src="../img/loginLogo.png" alt=""/>
</div>
<span>
<label><i class="nick"></i></label> <input type="text" placeholder="请输入账户名（1-12位英文或汉字）" />
</span>
<span>
<label><i class="password"></i></label> <input type="text" placeholder="请输入密码（6-20位非空字符）" />
</span>
<input type="button" value="登录" id="loginBtn"/>
<small>用户名或密码错误，请重新输入！</small>
<p class="remember"><input type="checkbox" name=""><b>记住密码</b></p>
</div>
</form>
</article>
<script src="../js/jquery-1.11.1.js"></script>
<!--表单验证-->
<script>
/*背景图满屏*/
var H=window.screen.availHeight;
window.onload = function(){
$(".login").height(H);
}
</script>
</body>
</html>
dist/html/logo.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="screen-orientation" content="horizontal">
<meta content="telephone=no" name="format-detection" />
<meta name="keywords" content="企业肖像,企业产品,企业广告,会议跟拍,企业宣传,VR摄影,VR直播,全方位影像服务">
<meta name="description" content="企视录提供企业肖像、企业产品、企业广告、会议跟拍、企业宣传片、VR摄影、VR直播等全方位影像服务，可满足企业全面需求，目前企视录合作摄影师覆盖全国主要一二线城市，可在全国范围内提供企业视觉服务，企视录自主开发的SAAS影像管理系统，可以满足企业影像存储、管理、分发、媒体发布等全方位需求，可有效提高企业运营效率。">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/index.css">
<script src="../js/jquery-1.11.1.js"></script>
</head>
<body>
<article class="login">
</article>
</body>
</html>
dist/html/privacy.html
......@@ -34,7 +34,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/html/works.html
......@@ -34,7 +34,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
dist/img/icon/icon.png
dist/img/icon/icon.png

43.1 KB | W: | H:

dist/img/icon/icon.png

42.6 KB | W: | H:

dist/img/icon/icon.png
dist/img/icon/icon.png
dist/img/icon/icon.png
dist/img/icon/icon.png
  • 2-up
  • Swipe
  • Onion skin
src/less/common/base.less
......@@ -86,7 +86,7 @@ ul {
input, textarea {
outline: none;
border: none;
-webkit-appearance : none;
/* -webkit-appearance : none;*/
}
button,
input,
......
src/less/index.less
......@@ -369,11 +369,9 @@ article.case {
>b{
display: inline-block;
color: #ffffff;
/* font-size: 24px;*/
text-align: center;
letter-spacing:3px;
border-bottom: 3px solid #1dd2af;
/* .small();*/
}
}
}
......@@ -753,14 +751,32 @@ article.case {
.activity{
.margin-auto(1200px,auto);
text-align: center;
padding: 70px 0;
.title{
h2{
font-size: 28px;
text-align: center;
line-height: 60px;
}
div{
.bannerBg{
.margin-auto(1200px,565px);
background: url("../img/bgBanner.jpg");
margin-bottom: 30px;
.logo{
.margin-auto(140px,140px);
border-radius: 50%;
background: #dddddd;
border: 4px solid #FFFFFF;
margin-top:12%;
img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
h2{
font-size: 28px;
text-align: center;
line-height: 80px;
color: #FFFFFF;
}
}
.tabs{
height: 120px;
line-height: 120px;
a{
......@@ -899,8 +915,88 @@ article.case {
color: #cccccc;
text-align: center;
line-height:500px;
}
}
}
\ No newline at end of file
}
/*登录页面*/
.login{
.margin-auto(100%,auto);
background: #367fa9;
background-image: url(../img/loginBg.png);
background-size: 100%;
background-repeat: no-repeat;
.loginForm{
.margin-auto(440px,340px);
margin-top: 15%;
padding: 20px 40px;
background: #FFFFFF;
border: 6px solid rgba(0, 0, 0, 0.42);
.loginLogo{
height: 55px;
line-height: 55px;
margin-bottom: 15px;
text-align: center;
}
span{
display: block;
.margin-auto(350px,42px);
border: 1px solid #dddddd;
margin-bottom:15px;
label{
display: inline-block;
.margin-auto(40px,42px);
line-height: 42px;
vertical-align: middle;
text-align: center;
i{
display: inline-block;
vertical-align: middle;
}
.nick{
.sprite(@user);
}
.password{
.sprite(@lock);
}
}
input{
display: inline-block;
height: 40px;
line-height: 40px;
width: 300px;
font-size: 14px;
}
}
#loginBtn{
.button(350px,45px,#367fa9,#fff);
font-size: 16px;
font-weight:600;
letter-spacing: 4px;
}
small{
height: 30px;
font-size: 12px;
color: #ff7072;
text-align: center;
}
.remember{
height: 23px;
line-height: 23px;
clear: both;
input{
display: inline-block;
width: 16px;
height: 17px;
border: 1px solid #ccc;
vertical-align: middle;
margin-right: 5px;
}
b{
display: inline-block;
vertical-align: middle;
font-size: 16px;
font-weight: 400;
}
}
}
}
\ No newline at end of file
src/pages/common/header.ejs
......@@ -16,7 +16,7 @@
<a href="">直播间</a>
</li>-->
</ul>
<a class="login">
<a class="login" href="../html/login.html">
登录
</a>
</header>
......
src/pages/gal_activity.ejs
......@@ -21,10 +21,15 @@
<article class="activity">
<!--title-->
<section class="title">
<h2>企业名称</h2>
<!-- <div>
<div class="bannerBg">
<div class="logo">
<img src="" alt=""/>
</div>
<h2>企业名称</h2>
</div>
<div class="tabs">
<a class="active">活动</a><a>直播</a>
</div>-->
</div>
</section>
<!--合作商家-->
<section class="cooperation activeSlide">
......
src/pages/index.ejs
......@@ -15,7 +15,6 @@
<link rel="stylesheet" href="../css/demo.css">
<link rel="stylesheet" href="../css/style-demo.css">
<link rel="stylesheet" href="../css/index.css">
<script src="../js/jquery-1.11.1.js"></script>
<script>
/*便于百度搜索引擎*/
var _hmt = _hmt || [];
......@@ -247,7 +246,7 @@
<!--引入公用版权部分-->
<% include ./common/footer.ejs %>
<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/responsiveslides.min.js"></script>
<script src="../js/jquery.mousewheel-3.1.12.js"></script>
<script src="../js/jquery.jcarousellite.min.js"></script>
......
src/pages/login.ejs 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="screen-orientation" content="horizontal">
<meta content="telephone=no" name="format-detection" />
<meta name="keywords" content="企业肖像,企业产品,企业广告,会议跟拍,企业宣传,VR摄影,VR直播,全方位影像服务">
<meta name="description" content="企视录提供企业肖像、企业产品、企业广告、会议跟拍、企业宣传片、VR摄影、VR直播等全方位影像服务，可满足企业全面需求，目前企视录合作摄影师覆盖全国主要一二线城市，可在全国范围内提供企业视觉服务，企视录自主开发的SAAS影像管理系统，可以满足企业影像存储、管理、分发、媒体发布等全方位需求，可有效提高企业运营效率。">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content=”IE=edge,chrome=1″ />
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
<title>企视录官网</title>
<link href="../../logo_128.ico" rel="Shortcut Icon">
<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<article class="login">
<form action="">
<div class="loginForm">
<div class="loginLogo">
<img src="../img/loginLogo.png" alt=""/>
</div>
<span>
<label><i class="nick"></i></label> <input type="text" placeholder="请输入账户名（1-12位英文或汉字）" />
</span>
<span>
<label><i class="password"></i></label> <input type="text" placeholder="请输入密码（6-20位非空字符）" />
</span>
<input type="button" value="登录" id="loginBtn"/>
<small>用户名或密码错误，请重新输入！</small>
<p class="remember"><input type="checkbox" name=""><b>记住密码</b></p>
</div>
</form>
</article>
<script src="../js/jquery-1.11.1.js"></script>
<!--表单验证-->
<script>
/*背景图满屏*/
var H=window.screen.availHeight;
window.onload = function(){
$(".login").height(H);
}
</script>
</body>
</html>
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