remove some file
This commit is contained in:
1 parent
c659f795dd
commit
3c4e5f17e2
33 files changed
-593
No files matched your search
@@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
||||||
|
|
||||||
<title>{% block title %}{% endblock %}{[title]}</title>
|
|
||||||
<meta name="description" content="{[description]}">
|
|
||||||
<meta name="keywords" content="{[keywords]}">
|
|
||||||
<script>
|
|
||||||
!function(){var a="@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:hover{text-decoration:underline}ins,a{text-decoration:none}",b=document.createElement("style");if(document.getElementsByTagName("head")[0].appendChild(b),b.styleSheet)b.styleSheet.disabled||(b.styleSheet.cssText=a);else try{b.innerHTML=a}catch(c){b.innerText=a}}();
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
!function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("将根据已有的meta标签来设置缩放比例");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(a){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));
|
|
||||||
</script>
|
|
||||||
{% block head %}{% endblock %}
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="content-box">{% block main %}{% endblock %}</div>
|
|
||||||
</body>
|
|
||||||
<script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
|
|
||||||
{% block footer %}{% endblock %}
|
|
||||||
</html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "node",
|
|
||||||
"description":"node",
|
|
||||||
"keywords":"node"
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
|
|
||||||
{% extends 'base.tpl' %}
|
|
||||||
|
|
||||||
{% block title %}node-{% endblock %}
|
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<link href="./index.css?v={[now()]}" rel="stylesheet">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block main %}
|
|
||||||
|
|
||||||
<div class="index-main">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block footer %}
|
|
||||||
<script src="./index.js?v={[now()]}"></script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
//加载弹窗组件(不用可去掉)
|
|
||||||
var dialog = require('../../script/extends/phone/dialog');
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/*加载公共样式*/
|
|
||||||
@import '../../style/common/phone/_common.styl';
|
|
||||||
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
||||||
|
|
||||||
<title>{% block title %}{% endblock %}{[title]}</title>
|
|
||||||
<meta name="description" content="{[description]}">
|
|
||||||
<meta name="keywords" content="{[keywords]}">
|
|
||||||
{% block head %}{% endblock %}
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="content-box">{% block main %}{% endblock %}</div>
|
|
||||||
</body>
|
|
||||||
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
|
|
||||||
{% block footer %}{% endblock %}
|
|
||||||
</html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "node",
|
|
||||||
"description":"node",
|
|
||||||
"keywords":"node"
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
|
|
||||||
{% extends 'base.tpl' %}
|
|
||||||
|
|
||||||
{% block title %}node-{% endblock %}
|
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<link href="./index.css?v={[now()]}" rel="stylesheet">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block main %}
|
|
||||||
|
|
||||||
<div class="index-main">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block footer %}
|
|
||||||
<script src="./index.js?v={[now()]}"></script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "../../style/common/pc/_common.styl";
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
||||||
|
|
||||||
<title>{% block title %}{% endblock %}{[title]}</title>
|
|
||||||
<meta name="description" content="{[description]}">
|
|
||||||
<meta name="keywords" content="{[keywords]}">
|
|
||||||
{% block head %}{% endblock %}
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="content-box">{% block main %}{% endblock %}</div>
|
|
||||||
</body>
|
|
||||||
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
|
|
||||||
{% block footer %}{% endblock %}
|
|
||||||
</html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "node",
|
|
||||||
"description":"node",
|
|
||||||
"keywords":"node"
|
|
||||||
}
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
|
|
||||||
{% extends 'base.tpl' %}
|
|
||||||
|
|
||||||
{% block title %}node-{% endblock %}
|
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<link href="./index.css?v={[now()]}" rel="stylesheet">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block main %}
|
|
||||||
|
|
||||||
<div class="index-main">
|
|
||||||
<video id="video" width="200" height="150" autoplay=""></video>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block footer %}
|
|
||||||
<script type="text/javascript">
|
|
||||||
var vedio = document.querySelector('#video');
|
|
||||||
|
|
||||||
//constraints 参数是一个包含了video 和 audio两个成员的MediaStreamConstraints
|
|
||||||
//对象,用于说明请求的媒体类型。必须至少一个类型或者两个同时可以被指定。
|
|
||||||
var constraints = {
|
|
||||||
audio: false,
|
|
||||||
video: {
|
|
||||||
frameRate: { ideal: 10,max: 15,min: 8 }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//获取设备(摄像头或者麦克风)
|
|
||||||
navigator.mediaDevices.getUserMedia({ audio: false, video: true })
|
|
||||||
.then(function(mediaStream){
|
|
||||||
console.log(mediaStream);
|
|
||||||
video.src = window.URL.createObjectURL(mediaStream);
|
|
||||||
video.onloadedmetadata = function(e) {
|
|
||||||
video.play();
|
|
||||||
console.log(e);
|
|
||||||
};
|
|
||||||
})
|
|
||||||
.catch(function(error){
|
|
||||||
console.log(error);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script src="./index.js?v={[now()]}"></script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "../../style/common/pc/_common.styl";
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
||||||
|
|
||||||
<title>{% block title %}{% endblock %}{[title]}</title>
|
|
||||||
<meta name="description" content="{[description]}">
|
|
||||||
<meta name="keywords" content="{[keywords]}">
|
|
||||||
{% block head %}{% endblock %}
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="content-box">{% block main %}{% endblock %}</div>
|
|
||||||
</body>
|
|
||||||
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
|
|
||||||
{% block footer %}{% endblock %}
|
|
||||||
</html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "node",
|
|
||||||
"description":"node",
|
|
||||||
"keywords":"node"
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<h1>hello,{{name}}</h1>
|
|
||||||
<p>哈哈哈哈</p>
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
|
|
||||||
{% extends 'base.tpl' %}
|
|
||||||
|
|
||||||
{% block title %}node-{% endblock %}
|
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<link href="./index.css?v={[now()]}" rel="stylesheet">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block main %}
|
|
||||||
|
|
||||||
<div class="index-main">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block footer %}
|
|
||||||
<script src="./index.js?v={[now()]}"></script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
|
|
||||||
var hello = require('../../script/tmodjs/test-pc/hello');
|
|
||||||
|
|
||||||
$('.index-main').append(hello({name:'大兄弟'}));
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "../../style/common/pc/_common.styl";
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
||||||
|
|
||||||
<title>{% block title %}{% endblock %}{[title]}</title>
|
|
||||||
<meta name="description" content="{[description]}">
|
|
||||||
<meta name="keywords" content="{[keywords]}">
|
|
||||||
<script>
|
|
||||||
!function(){var a="@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:hover{text-decoration:underline}ins,a{text-decoration:none}",b=document.createElement("style");if(document.getElementsByTagName("head")[0].appendChild(b),b.styleSheet)b.styleSheet.disabled||(b.styleSheet.cssText=a);else try{b.innerHTML=a}catch(c){b.innerText=a}}();
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
!function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("将根据已有的meta标签来设置缩放比例");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(a){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));
|
|
||||||
</script>
|
|
||||||
{% block head %}{% endblock %}
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="content-box">{% block main %}{% endblock %}</div>
|
|
||||||
</body>
|
|
||||||
<script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
|
|
||||||
{% block footer %}{% endblock %}
|
|
||||||
</html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "node",
|
|
||||||
"description":"node",
|
|
||||||
"keywords":"node"
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<h1>hello,{{name}}</h1>
|
|
||||||
<p>哈哈哈哈!</p>
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
|
|
||||||
{% extends 'base.tpl' %}
|
|
||||||
|
|
||||||
{% block title %}node-{% endblock %}
|
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<link href="./index.css?v={[now()]}" rel="stylesheet">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block main %}
|
|
||||||
|
|
||||||
<div class="index-main">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block footer %}
|
|
||||||
<script src="./index.js?v={[now()]}"></script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
|
|
||||||
//加载弹窗组件(不用可去掉)
|
|
||||||
//var dialog = require('../../script/extends/phone/dialog');
|
|
||||||
|
|
||||||
var hello = require('../../script/tmodjs/test/hello');
|
|
||||||
|
|
||||||
$('.index-main').append(hello({name:'大兄弟'}));
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/*加载公共样式*/
|
|
||||||
@import '../../style/common/phone/_common.styl';
|
|
||||||
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
||||||
|
|
||||||
<title>{% block title %}{% endblock %}{[title]}</title>
|
|
||||||
<meta name="description" content="{[description]}">
|
|
||||||
<meta name="keywords" content="{[keywords]}">
|
|
||||||
{% block head %}{% endblock %}
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="content-box" class="content-box">{% block main %}{% endblock %}</div>
|
|
||||||
</body>
|
|
||||||
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
|
|
||||||
{% block footer %}{% endblock %}
|
|
||||||
</html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "测试你是怎样的人",
|
|
||||||
"description":"丰田-凯美瑞-测试你是怎样的人",
|
|
||||||
"keywords":"丰田-凯美瑞-测试你是怎样的人"
|
|
||||||
}
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
|
|
||||||
{% extends 'base.tpl' %}
|
|
||||||
|
|
||||||
{% block title %}丰田-凯美瑞-{% endblock %}
|
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<link href="./index.css?v={[now()]}" rel="stylesheet">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block main %}
|
|
||||||
<div id="index-main" class="index-main">
|
|
||||||
<div class="img-list">
|
|
||||||
<div class="item cur">
|
|
||||||
<img alt="丰田-凯美瑞-双擎" src="./images/toyotacamry_hev.png">
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<img alt="丰田-凯美瑞" src="./images/toyotacamry_xle.png">
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="item" style="margin-right:0">
|
|
||||||
<img alt="丰田-凯美瑞-运动" src="./images/toyotacamry_xse.png">
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="btn-box">
|
|
||||||
<a id="btn" href="javascript:;"></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block footer %}
|
|
||||||
<script src="./index.js?v={[now()]}"></script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,49 +0,0 @@
|
|||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
|
|
||||||
var resultTpl = require('../../script/tmodjs/toyotacamry/result');
|
|
||||||
|
|
||||||
var _resultData = {};
|
|
||||||
var _conclusionArray = [
|
|
||||||
['是商场上的进取者,是时尚界的弄潮儿,你永远先人一步走在前列,你是先锋行者',
|
|
||||||
'是智慧又炫酷的互联网精英,更是勇于创新的革新者。你,就是独具慧眼新一代'],
|
|
||||||
['受不了将就,忍不了低规格,追求品质是你与生俱来的基因,你就是天生贵族',
|
|
||||||
'境界高、品味高、品质要求更要高,没错,你就是众人追捧的社会精英'],
|
|
||||||
['脸上一直挂着阳光,脚下一直奔波在路上。你知道,生命的美好不存在于想象,而在追逐的远方,你是阳光型动派',
|
|
||||||
'热爱旅游,钟情运动,你昂扬的姿态是人群中最独特的存在。你好啊!行走的正能量']
|
|
||||||
];
|
|
||||||
var _titleArray = [['./images/title_hev_1.png','./images/title_hev_2.png'],['./images/title_xle_1.png','./images/title_xle_2.png'],['./images/title_xse_1.png','./images/title_xse_2.png']];
|
|
||||||
var _typeArray = ['hev','xle','xse'];
|
|
||||||
var _index = 0;
|
|
||||||
var _type = 0;
|
|
||||||
|
|
||||||
|
|
||||||
$('.item').click(function(){
|
|
||||||
//console.log(this);
|
|
||||||
$(this).siblings().removeClass('cur');
|
|
||||||
$(this).addClass('cur');
|
|
||||||
_index = $(this).index();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#btn').click(function(){
|
|
||||||
_type = Math.floor(Math.random()*2);
|
|
||||||
_resultData.picType = _typeArray[_index];
|
|
||||||
_resultData.title = _titleArray[_index][_type];
|
|
||||||
_resultData.conclusion = _conclusionArray[_index][_type];
|
|
||||||
var resultHtml = $(resultTpl(_resultData));
|
|
||||||
resultHtml.css({
|
|
||||||
opacity:0,
|
|
||||||
marginLeft:'100%'
|
|
||||||
});
|
|
||||||
$('#content-box').html(resultHtml);
|
|
||||||
resultHtml.animate({
|
|
||||||
opacity:1,
|
|
||||||
marginLeft:0
|
|
||||||
},500,function(){
|
|
||||||
resultHtml.removeAttr('style');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,154 +0,0 @@
|
|||||||
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
* @authors Tony.Deng (dengtongyu123@163.com)
|
|
||||||
* @date 2017-05-06 21:15:04
|
|
||||||
* @version $Id$
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "../../style/common/pc/_common.styl";
|
|
||||||
|
|
||||||
$bg = './images/toyotacamry_bg.jpg';
|
|
||||||
|
|
||||||
$gou = './images/toyotacamry_gou.png';
|
|
||||||
|
|
||||||
$btn = './images/toyotacamry_btn.png';
|
|
||||||
|
|
||||||
$hev = './images/hev_pic.png';
|
|
||||||
|
|
||||||
$xle = './images/xle_pic.png';
|
|
||||||
|
|
||||||
$xse = './images/xse_pic.png';
|
|
||||||
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #030520
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-box {
|
|
||||||
width: 600px;
|
|
||||||
height: 400px;
|
|
||||||
background-image: url($bg);
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
margin: 0 auto;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.index-main {
|
|
||||||
width: 600px;
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-list {
|
|
||||||
padding-top: 160px;
|
|
||||||
width: 552px;
|
|
||||||
height: 144px;
|
|
||||||
margin: 0 auto;
|
|
||||||
&>.item {
|
|
||||||
width: 176px;
|
|
||||||
height: 144px;
|
|
||||||
float: left;
|
|
||||||
margin-right: 12px;
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
&>img {
|
|
||||||
border: transparent solid 3px;
|
|
||||||
&:hover {
|
|
||||||
border: #244dca solid 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&>span {
|
|
||||||
display: none;
|
|
||||||
width: 19px;
|
|
||||||
height: 19px;
|
|
||||||
background-image: url($gou);
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
position: absolute;
|
|
||||||
left: 3px;
|
|
||||||
bottom: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&>.cur {
|
|
||||||
&>img {
|
|
||||||
border: #244dca solid 3px;
|
|
||||||
}
|
|
||||||
&>span {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-box {
|
|
||||||
padding-top: 16px;
|
|
||||||
width: 263px;
|
|
||||||
height: 48px;
|
|
||||||
margin: 0 auto;
|
|
||||||
&>a {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
background-image: url($btn);
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-box {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
//padding-top: 153px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-main {
|
|
||||||
//width: 546px;
|
|
||||||
//height: 226px;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: relative;
|
|
||||||
&>h1 {
|
|
||||||
position: absolute;
|
|
||||||
left: 26px;
|
|
||||||
top:153px;
|
|
||||||
}
|
|
||||||
&>p {
|
|
||||||
width: 490px;
|
|
||||||
height: 40px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 60px;
|
|
||||||
top: 203px;
|
|
||||||
color: #e0e1e3;
|
|
||||||
font-size: 14px;
|
|
||||||
font-family: 'Microsoft YaHei';
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hev {
|
|
||||||
background-image: url($hev);
|
|
||||||
}
|
|
||||||
|
|
||||||
.xle {
|
|
||||||
background-image: url($xle);
|
|
||||||
}
|
|
||||||
|
|
||||||
.xse {
|
|
||||||
background-image: url($xse);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="result-box {{picType}}">
|
|
||||||
<div class="result-main">
|
|
||||||
<h1><img src="{{title}}"></h1>
|
|
||||||
<p>测试结果:{{conclusion}}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
Reference in new issue
Block a user