Skip to content

Q
qsl_web
Commit 8b4120e5 by 邓丽
Options

login

parent 910c5988
Showing with 507 additions and 129 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/icon/icon.less
......@@ -100,38 +100,38 @@ At the bottom of this section, we provide information about the spritesheet itse
@-right-image: '../../dist/img/icon/icon.png';
@-right: 372px 52px -372px -52px 27px 52px 399px 367px '../../dist/img/icon/icon.png' 'Right';
@-shape-a-name: 'Shape_a';
@-shape-a-x: 186px;
@-shape-a-y: 0px;
@-shape-a-offset-x: -186px;
@-shape-a-offset-y: 0px;
@-shape-a-x: 93px;
@-shape-a-y: 93px;
@-shape-a-offset-x: -93px;
@-shape-a-offset-y: -93px;
@-shape-a-width: 93px;
@-shape-a-height: 93px;
@-shape-a-total-width: 399px;
@-shape-a-total-height: 367px;
@-shape-a-image: '../../dist/img/icon/icon.png';
@-shape-a: 186px 0px -186px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'Shape_a';
@-shape-a: 93px 93px -93px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'Shape_a';
@-shape-aa-name: 'Shape_aa';
@-shape-aa-x: 93px;
@-shape-aa-x: 0px;
@-shape-aa-y: 93px;
@-shape-aa-offset-x: -93px;
@-shape-aa-offset-x: 0px;
@-shape-aa-offset-y: -93px;
@-shape-aa-width: 93px;
@-shape-aa-height: 93px;
@-shape-aa-total-width: 399px;
@-shape-aa-total-height: 367px;
@-shape-aa-image: '../../dist/img/icon/icon.png';
@-shape-aa: 93px 93px -93px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'Shape_aa';
@-shape-aa: 0px 93px 0px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'Shape_aa';
@bubble-name: 'bubble';
@bubble-x: 379px;
@bubble-y: 156px;
@bubble-y: 201px;
@bubble-offset-x: -379px;
@bubble-offset-y: -156px;
@bubble-offset-y: -201px;
@bubble-width: 19px;
@bubble-height: 19px;
@bubble-total-width: 399px;
@bubble-total-height: 367px;
@bubble-image: '../../dist/img/icon/icon.png';
@bubble: 379px 156px -379px -156px 19px 19px 399px 367px '../../dist/img/icon/icon.png' 'bubble';
@bubble: 379px 201px -379px -201px 19px 19px 399px 367px '../../dist/img/icon/icon.png' 'bubble';
@calendar-name: 'calendar';
@calendar-x: 0px;
@calendar-y: 335px;
......@@ -145,37 +145,37 @@ At the bottom of this section, we provide information about the spritesheet itse
@calendar: 0px 335px 0px -335px 32px 32px 399px 367px '../../dist/img/icon/icon.png' 'calendar';
@copy-name: 'copy';
@copy-x: 386px;
@copy-y: 246px;
@copy-y: 291px;
@copy-offset-x: -386px;
@copy-offset-y: -246px;
@copy-offset-y: -291px;
@copy-width: 9px;
@copy-height: 10px;
@copy-total-width: 399px;
@copy-total-height: 367px;
@copy-image: '../../dist/img/icon/icon.png';
@copy: 386px 246px -386px -246px 9px 10px 399px 367px '../../dist/img/icon/icon.png' 'copy';
@copy: 386px 291px -386px -291px 9px 10px 399px 367px '../../dist/img/icon/icon.png' 'copy';
@gray-calendar-name: 'grayCalendar';
@gray-calendar-x: 379px;
@gray-calendar-y: 175px;
@gray-calendar-y: 220px;
@gray-calendar-offset-x: -379px;
@gray-calendar-offset-y: -175px;
@gray-calendar-offset-y: -220px;
@gray-calendar-width: 19px;
@gray-calendar-height: 19px;
@gray-calendar-total-width: 399px;
@gray-calendar-total-height: 367px;
@gray-calendar-image: '../../dist/img/icon/icon.png';
@gray-calendar: 379px 175px -379px -175px 19px 19px 399px 367px '../../dist/img/icon/icon.png' 'grayCalendar';
@gray-calendar: 379px 220px -379px -220px 19px 19px 399px 367px '../../dist/img/icon/icon.png' 'grayCalendar';
@heart-name: 'heart';
@heart-x: 372px;
@heart-y: 228px;
@heart-y: 273px;
@heart-offset-x: -372px;
@heart-offset-y: -228px;
@heart-offset-y: -273px;
@heart-width: 21px;
@heart-height: 18px;
@heart-total-width: 399px;
@heart-total-height: 367px;
@heart-image: '../../dist/img/icon/icon.png';
@heart: 372px 228px -372px -228px 21px 18px 399px 367px '../../dist/img/icon/icon.png' 'heart';
@heart: 372px 273px -372px -273px 21px 18px 399px 367px '../../dist/img/icon/icon.png' 'heart';
@left-gray-name: 'leftGray';
@left-gray-x: 372px;
@left-gray-y: 0px;
......@@ -189,26 +189,37 @@ At the bottom of this section, we provide information about the spritesheet itse
@left-gray: 372px 0px -372px 0px 27px 52px 399px 367px '../../dist/img/icon/icon.png' 'leftGray';
@line-name: 'line';
@line-x: 372px;
@line-y: 156px;
@line-y: 201px;
@line-offset-x: -372px;
@line-offset-y: -156px;
@line-offset-y: -201px;
@line-width: 7px;
@line-height: 72px;
@line-total-width: 399px;
@line-total-height: 367px;
@line-image: '../../dist/img/icon/icon.png';
@line: 372px 156px -372px -156px 7px 72px 399px 367px '../../dist/img/icon/icon.png' 'line';
@line: 372px 201px -372px -201px 7px 72px 399px 367px '../../dist/img/icon/icon.png' 'line';
@location-name: 'location';
@location-x: 372px;
@location-y: 246px;
@location-y: 291px;
@location-offset-x: -372px;
@location-offset-y: -246px;
@location-offset-y: -291px;
@location-width: 14px;
@location-height: 19px;
@location-total-width: 399px;
@location-total-height: 367px;
@location-image: '../../dist/img/icon/icon.png';
@location: 372px 246px -372px -246px 14px 19px 399px 367px '../../dist/img/icon/icon.png' 'location';
@location: 372px 291px -372px -291px 14px 19px 399px 367px '../../dist/img/icon/icon.png' 'location';
@lock-name: 'lock';
@lock-x: 372px;
@lock-y: 156px;
@lock-offset-x: -372px;
@lock-offset-y: -156px;
@lock-width: 24px;
@lock-height: 23px;
@lock-total-width: 399px;
@lock-total-height: 367px;
@lock-image: '../../dist/img/icon/icon.png';
@lock: 372px 156px -372px -156px 24px 23px 399px 367px '../../dist/img/icon/icon.png' 'lock';
@new-name: 'new';
@new-x: 32px;
@new-y: 335px;
......@@ -233,37 +244,37 @@ At the bottom of this section, we provide information about the spritesheet itse
@right-gray: 372px 104px -372px -104px 26px 52px 399px 367px '../../dist/img/icon/icon.png' 'rightGray';
@search-name: 'search';
@search-x: 379px;
@search-y: 194px;
@search-y: 239px;
@search-offset-x: -379px;
@search-offset-y: -194px;
@search-offset-y: -239px;
@search-width: 18px;
@search-height: 19px;
@search-total-width: 399px;
@search-total-height: 367px;
@search-image: '../../dist/img/icon/icon.png';
@search: 379px 194px -379px -194px 18px 19px 399px 367px '../../dist/img/icon/icon.png' 'search';
@search: 379px 239px -379px -239px 18px 19px 399px 367px '../../dist/img/icon/icon.png' 'search';
@shape-b-name: 'shape_b';
@shape-b-x: 0px;
@shape-b-y: 93px;
@shape-b-offset-x: 0px;
@shape-b-offset-y: -93px;
@shape-b-x: 279px;
@shape-b-y: 186px;
@shape-b-offset-x: -279px;
@shape-b-offset-y: -186px;
@shape-b-width: 93px;
@shape-b-height: 93px;
@shape-b-total-width: 399px;
@shape-b-total-height: 367px;
@shape-b-image: '../../dist/img/icon/icon.png';
@shape-b: 0px 93px 0px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_b';
@shape-b: 279px 186px -279px -186px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_b';
@shape-bb-name: 'shape_bb';
@shape-bb-x: 279px;
@shape-bb-y: 186px;
@shape-bb-offset-x: -279px;
@shape-bb-offset-y: -186px;
@shape-bb-x: 186px;
@shape-bb-y: 93px;
@shape-bb-offset-x: -186px;
@shape-bb-offset-y: -93px;
@shape-bb-width: 93px;
@shape-bb-height: 93px;
@shape-bb-total-width: 399px;
@shape-bb-total-height: 367px;
@shape-bb-image: '../../dist/img/icon/icon.png';
@shape-bb: 279px 186px -279px -186px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_bb';
@shape-bb: 186px 93px -186px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_bb';
@shape-c-name: 'shape_c';
@shape-c-x: 0px;
@shape-c-y: 186px;
......@@ -287,86 +298,97 @@ At the bottom of this section, we provide information about the spritesheet itse
@shape-cc-image: '../../dist/img/icon/icon.png';
@shape-cc: 93px 186px -93px -186px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_cc';
@shape-d-name: 'shape_d';
@shape-d-x: 186px;
@shape-d-y: 186px;
@shape-d-offset-x: -186px;
@shape-d-offset-y: -186px;
@shape-d-x: 279px;
@shape-d-y: 93px;
@shape-d-offset-x: -279px;
@shape-d-offset-y: -93px;
@shape-d-width: 93px;
@shape-d-height: 93px;
@shape-d-total-width: 399px;
@shape-d-total-height: 367px;
@shape-d-image: '../../dist/img/icon/icon.png';
@shape-d: 186px 186px -186px -186px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_d';
@shape-d: 279px 93px -279px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_d';
@shape-dd-name: 'shape_dd';
@shape-dd-x: 279px;
@shape-dd-y: 0px;
@shape-dd-offset-x: -279px;
@shape-dd-offset-y: 0px;
@shape-dd-x: 186px;
@shape-dd-y: 186px;
@shape-dd-offset-x: -186px;
@shape-dd-offset-y: -186px;
@shape-dd-width: 93px;
@shape-dd-height: 93px;
@shape-dd-total-width: 399px;
@shape-dd-total-height: 367px;
@shape-dd-image: '../../dist/img/icon/icon.png';
@shape-dd: 279px 0px -279px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_dd';
@shape-dd: 186px 186px -186px -186px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_dd';
@shape-e-name: 'shape_e';
@shape-e-x: 93px;
@shape-e-x: 279px;
@shape-e-y: 0px;
@shape-e-offset-x: -93px;
@shape-e-offset-x: -279px;
@shape-e-offset-y: 0px;
@shape-e-width: 93px;
@shape-e-height: 93px;
@shape-e-total-width: 399px;
@shape-e-total-height: 367px;
@shape-e-image: '../../dist/img/icon/icon.png';
@shape-e: 93px 0px -93px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_e';
@shape-e: 279px 0px -279px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_e';
@shape-ee-name: 'shape_ee';
@shape-ee-x: 186px;
@shape-ee-y: 93px;
@shape-ee-offset-x: -186px;
@shape-ee-offset-y: -93px;
@shape-ee-x: 93px;
@shape-ee-y: 0px;
@shape-ee-offset-x: -93px;
@shape-ee-offset-y: 0px;
@shape-ee-width: 93px;
@shape-ee-height: 93px;
@shape-ee-total-width: 399px;
@shape-ee-total-height: 367px;
@shape-ee-image: '../../dist/img/icon/icon.png';
@shape-ee: 186px 93px -186px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_ee';
@shape-ee: 93px 0px -93px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_ee';
@shape-f-name: 'shape_f';
@shape-f-x: 0px;
@shape-f-x: 186px;
@shape-f-y: 0px;
@shape-f-offset-x: 0px;
@shape-f-offset-x: -186px;
@shape-f-offset-y: 0px;
@shape-f-width: 93px;
@shape-f-height: 93px;
@shape-f-total-width: 399px;
@shape-f-total-height: 367px;
@shape-f-image: '../../dist/img/icon/icon.png';
@shape-f: 0px 0px 0px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_f';
@shape-f: 186px 0px -186px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_f';
@shape-ff-name: 'shape_ff';
@shape-ff-x: 279px;
@shape-ff-y: 93px;
@shape-ff-offset-x: -279px;
@shape-ff-offset-y: -93px;
@shape-ff-x: 0px;
@shape-ff-y: 0px;
@shape-ff-offset-x: 0px;
@shape-ff-offset-y: 0px;
@shape-ff-width: 93px;
@shape-ff-height: 93px;
@shape-ff-total-width: 399px;
@shape-ff-total-height: 367px;
@shape-ff-image: '../../dist/img/icon/icon.png';
@shape-ff: 279px 93px -279px -93px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_ff';
@shape-ff: 0px 0px 0px 0px 93px 93px 399px 367px '../../dist/img/icon/icon.png' 'shape_ff';
@user-name: 'user';
@user-x: 372px;
@user-y: 179px;
@user-offset-x: -372px;
@user-offset-y: -179px;
@user-width: 24px;
@user-height: 22px;
@user-total-width: 399px;
@user-total-height: 367px;
@user-image: '../../dist/img/icon/icon.png';
@user: 372px 179px -372px -179px 24px 22px 399px 367px '../../dist/img/icon/icon.png' 'user';
@view-name: 'view';
@view-x: 379px;
@view-y: 213px;
@view-y: 258px;
@view-offset-x: -379px;
@view-offset-y: -213px;
@view-offset-y: -258px;
@view-width: 19px;
@view-height: 14px;
@view-total-width: 399px;
@view-total-height: 367px;
@view-image: '../../dist/img/icon/icon.png';
@view: 379px 213px -379px -213px 19px 14px 399px 367px '../../dist/img/icon/icon.png' 'view';
@view: 379px 258px -379px -258px 19px 14px 399px 367px '../../dist/img/icon/icon.png' 'view';
@spritesheet-width: 399px;
@spritesheet-height: 367px;
@spritesheet-image: '../../dist/img/icon/icon.png';
@spritesheet-sprites: @-icon1 @-icon2 @-icon3 @-icon4 @-icon5 @-icon6 @-left @-right @-shape-a @-shape-aa @bubble @calendar @copy @gray-calendar @heart @left-gray @line @location @new @right-gray @search @shape-b @shape-bb @shape-c @shape-cc @shape-d @shape-dd @shape-e @shape-ee @shape-f @shape-ff @view;
@spritesheet-sprites: @-icon1 @-icon2 @-icon3 @-icon4 @-icon5 @-icon6 @-left @-right @-shape-a @-shape-aa @bubble @calendar @copy @gray-calendar @heart @left-gray @line @location @lock @new @right-gray @search @shape-b @shape-bb @shape-c @shape-cc @shape-d @shape-dd @shape-e @shape-ee @shape-f @shape-ff @user @view;
@spritesheet: 399px 367px '../../dist/img/icon/icon.png' @spritesheet-sprites;
/*
......
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