updated 添加移动版
This commit is contained in:
mumuy
@@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>三姑六婆计算器</title>
|
||||
<meta name="keywords" content="过年走亲访友,拜年神器,android">
|
||||
<meta name="description" content="">
|
||||
<link rel="stylesheet" href="style/app.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="container">
|
||||
<div class="mod-app">
|
||||
<div class="icon"><img src="image/icon.png" width="72" height="72"/></div>
|
||||
<div class="info">
|
||||
<p>三姑六婆计算器</p>
|
||||
<p><a href="https://pan.baidu.com/s/1sljDB8D" target="_blank">下载</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mod-view">
|
||||
<img src="image/1.jpg" height="300">
|
||||
<img src="image/2.jpg" height="300">
|
||||
</div>
|
||||
<div class="mod-qrcode">
|
||||
<div class="box"><img src="image/qrcode.jpg" width="150"/></div>
|
||||
<p>微信扫一扫，使用小程序</p>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
(function(){
|
||||
var bp = document.createElement('script');
|
||||
var curProtocol = window.location.protocol.split(':')[0];
|
||||
if (curProtocol === 'https') {
|
||||
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
|
||||
}
|
||||
else {
|
||||
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
|
||||
}
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(bp, s);
|
||||
})();
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
+4
-2
@@ -29,7 +29,10 @@
|
||||
<div class="header">
|
||||
<div class="inner">
|
||||
<div class="mod-head">
|
||||
<a href="/">返回首页 >></a>
|
||||
<div class="bd">
|
||||
<a class="btn btn-blue" href="/vue/" target="_blank">移动版</a>
|
||||
<a class="btn" href="/">返回首页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -129,7 +132,6 @@
|
||||
<div class="copy">
|
||||
<p><a class="github-button" href="https://github.com/mumuy" data-style="mega" data-count-href="/mumuy/followers" data-count-api="/users/mumuy#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @mumuy on GitHub" rel="nofollow">Follow @mumuy</a>
|
||||
<a class="github-button" href="https://github.com/mumuy/relationship" data-style="mega" data-count-href="/mumuy/relationship/stargazers" data-count-api="/repos/mumuy/relationship#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star mumuy/relationship on GitHub" rel="nofollow">Star</a></p>
|
||||
<p>android版下载：<a href="http://passer-by.com/relationship/app.html" target="_blank">三姑六婆计算器</a></p>
|
||||
<p>© <a href="http://passer-by.com">passer-by.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -180,10 +180,10 @@
|
||||
//【关系】f:父,m:母,h:夫,w:妻,s:子,d:女,xb:兄弟,ob:兄,lb:弟,xs:姐妹,os:姐,ls:妹
|
||||
//【修饰符】 1:男性,0:女性,&o:年长,&l:年幼,#:隔断,[a|b]:并列
|
||||
var _data = {
|
||||
'':['自己','我','本人'],
|
||||
'':['自己','我','本人','在下'],
|
||||
//并称
|
||||
'[f,f|f,m|m,f|m,m]':['祖父母'],
|
||||
'[f|m]':['父母','爹娘','爹妈','爸妈','双亲','二老','高堂'],
|
||||
'[f,f|f,m|m,f|m,m]':['祖辈','祖父母'],
|
||||
'[f|m]':['父母','爹娘','爹妈','爸妈','双亲','二亲','两亲','二老','高堂'],
|
||||
'[h,f|h,m]':['公婆'],
|
||||
'[xb|xs]':['兄弟姐妹'],
|
||||
'[s|d]':['子女','儿女','小孩','孩子'],
|
||||
|
||||
@@ -1,60 +0,0 @@
|
||||
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h3,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h3,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}
|
||||
html{
|
||||
height:100%;
|
||||
}
|
||||
body{
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
font-family: Arial,Helvetica,"Microsoft Yahei";
|
||||
background: #fdfdfd;
|
||||
color:#757575;
|
||||
}
|
||||
a{
|
||||
color:#333;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.container{
|
||||
width:640px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.mod-app{
|
||||
height: 72px;
|
||||
padding-top: 100px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.mod-app .icon{
|
||||
float:left;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
}
|
||||
.mod-app .info{
|
||||
margin-left: 90px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.mod-view{
|
||||
padding:20px 15px;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.mod-view img{
|
||||
height: 300px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.mod-qrcode{
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
bottom: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
.mod-qrcode .box{
|
||||
width: 150px;
|
||||
height: 148px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mod-qrcode p{
|
||||
line-height: 30px;
|
||||
}
|
||||
+36
-21
@@ -33,11 +33,42 @@ a:hover{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.mod-head{
|
||||
padding: 0 20px;
|
||||
.mod-head .bd{
|
||||
padding: 10px 15px;
|
||||
line-height: 36px;
|
||||
text-align: right;
|
||||
}
|
||||
.mod-head .btn{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 90px;
|
||||
height: 30px;
|
||||
padding: 0 15px;
|
||||
border: medium none;
|
||||
background: #eee;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-family: Tahoma,Arial, Helvetica,"Microsoft YaHei";
|
||||
font-size: 15px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.mod-head .btn:hover{
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.mod-head .btn-blue{
|
||||
background: #2095f2;
|
||||
color: #fff;
|
||||
}
|
||||
.mod-head .btn-blue:hover {
|
||||
background: #207fcc;
|
||||
}
|
||||
|
||||
.mod-panel {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -166,21 +197,6 @@ a:hover{
|
||||
.mod-qrcode p{
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.mod-my{
|
||||
position: fixed;
|
||||
left: 25px;
|
||||
bottom: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
.mod-my .box{
|
||||
width: 189px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mod-my p{
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.mod-panel .hd{
|
||||
padding-top: 10px;
|
||||
@@ -198,7 +214,7 @@ a:hover{
|
||||
height: 80px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mod-panel p span{
|
||||
.mod-panel .bd p span{
|
||||
float: left;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
@@ -209,12 +225,11 @@ a:hover{
|
||||
margin-bottom: 5px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.mod-qrcode,.mod-my{
|
||||
.mod-qrcode{
|
||||
position: static;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mod-qrcode .box,.mod-my .box{
|
||||
.mod-qrcode .box{
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
.container .inner[data-v-4fdd0692],.container[data-v-4fdd0692]{height:100%}.mod-calculator[data-v-4fdd0692]{height:100%;background:#333}.mod-calculator .search[data-v-4fdd0692]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.2rem .16rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.mod-calculator .search input[data-v-4fdd0692]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:.12rem;padding:.05rem .08rem;background:hsla(0,0%,100%,.1);font-family:Arial,Helvetica,Microsoft Yahei}.mod-calculator .search button[data-v-4fdd0692],.mod-calculator .search input[data-v-4fdd0692]{border:medium none;height:.36rem;line-height:.36rem;font-size:.16rem;color:hsla(0,0%,100%,.9);border-radius:.05rem;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}.mod-calculator .search button[data-v-4fdd0692]{width:.75rem;background:#e7763e}.mod-calculator .search button[data-v-4fdd0692]:hover{background:#e66747}.mod-calculator .list[data-v-4fdd0692]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .16rem;color:hsla(0,0%,100%,.9)}.mod-calculator .list .h1[data-v-4fdd0692]{line-height:.3rem;font-weight:700;font-size:.15rem;color:hsla(0,0%,100%,.7)}.mod-calculator .list .item[data-v-4fdd0692]{padding-left:.12rem;line-height:.3rem;font-size:.14rem}
|
||||
@@ -0,0 +1 @@
|
||||
.container .inner[data-v-bcdad838],.container[data-v-bcdad838]{height:100%}.mod-calculator[data-v-bcdad838]{height:100%;background:#333}.mod-calculator .row[data-v-bcdad838]{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.mod-calculator .row2[data-v-bcdad838]{-webkit-box-flex:2;-ms-flex:2;flex:2}.mod-calculator .col[data-v-bcdad838]{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.mod-calculator span[data-v-bcdad838]{vertical-align:middle}.mod-calculator .screen[data-v-bcdad838]{width:100%;height:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}.mod-calculator .screen .tip[data-v-bcdad838]{width:100%;padding:0 .15rem;height:.3rem;line-height:.3rem;color:#bbb;-webkit-box-sizing:border-box;box-sizing:border-box}.mod-calculator .screen .input[data-v-bcdad838],.mod-calculator .screen .output[data-v-bcdad838]{width:100%;padding:0 .15rem .15rem .1rem;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mod-calculator .screen .input[data-v-bcdad838]{-webkit-box-flex:2;-ms-flex:2;flex:2;font-size:.16rem;color:#bbb}.mod-calculator .screen .output[data-v-bcdad838]{-webkit-box-flex:3;-ms-flex:3;flex:3;font-size:.21rem;color:#fff}.mod-calculator .screen .setting[data-v-bcdad838]{width:100%;padding:0 .15rem;height:.4rem;background:rgba(0,0,0,.15);line-height:.4rem;font-size:.16rem;color:hsla(0,0%,100%,.9);-webkit-box-sizing:border-box;box-sizing:border-box}.mod-calculator .screen .setting input[type=checkbox][data-v-bcdad838]{display:none}.mod-calculator .screen .setting .checkbox[data-v-bcdad838]{margin:0 .07rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-block;width:.4rem;height:.2rem;background:hsla(0,0%,100%,.15);line-height:.2rem;vertical-align:middle;text-align:center;border-radius:.1rem}.mod-calculator .screen .setting .switch[data-v-bcdad838]{position:absolute;left:0;width:.2rem;height:.2rem;content:"";background:hsla(0,0%,100%,.72);border-radius:.1rem}.mod-calculator .screen .setting input:checked+.checkbox .switch[data-v-bcdad838]{left:auto;right:0}.mod-calculator .screen .setting .copyright[data-v-bcdad838]{float:right;font-size:.14rem;color:#484848}.mod-calculator .panel[data-v-bcdad838]{width:100%;height:60%;font-size:.16rem}.mod-calculator .panel a[data-v-bcdad838],.mod-calculator .panel button[data-v-bcdad838]{position:relative;background:transparent;border:none;border-left:.01rem solid #444;border-top:.01rem solid #444;font-family:Arial,Helvetica,Microsoft Yahei;font-size:.18rem;color:hsla(0,0%,100%,.9);-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;vertical-align:middle;border-radius:.02rem}.mod-calculator .panel a[data-v-bcdad838]:active,.mod-calculator .panel button[data-v-bcdad838]:active{background-color:rgba(0,0,0,.1);color:hsla(0,0%,100%,.8)}.mod-calculator .panel button[disabled][data-v-bcdad838]{background:transparent;color:hsla(0,0%,100%,.3)}.mod-calculator .panel .btn-first[data-v-bcdad838]{border-left:none}.mod-calculator .panel .btn-equal[data-v-bcdad838]{background:#e7763e}.mod-calculator .panel .btn-equal-hover[data-v-bcdad838]{background:#e66747}.mod-calculator .panel .btn-active[data-v-bcdad838]{background-color:rgba(0,0,0,.2);color:hsla(0,0%,100%,.7)}
|
||||
@@ -0,0 +1 @@
|
||||
.container .inner[data-v-0dae65a4],.container[data-v-0dae65a4]{height:100%}.mod-detail[data-v-0dae65a4]{height:100%;background:#333}.mod-detail .hd[data-v-0dae65a4]{height:.48rem;background:#444;border-bottom:1px solid hsla(0,0%,100%,.08)}.mod-detail .hd a[data-v-0dae65a4]{position:relative;display:inline-block;height:.2rem;margin:.09rem .15rem .09rem .24rem;padding:.05rem .1rem .05rem .05rem;background:#333;line-height:.2rem;border-top-right-radius:.03rem;border-bottom-right-radius:.03rem;color:hsla(0,0%,100%,.8)}.mod-detail .hd a[data-v-0dae65a4]:before{position:absolute;left:-30px;top:0;content:"";width:0;border:15px solid transparent;border-right-color:#333}.mod-detail .bd[data-v-0dae65a4]{padding:.15rem;color:hsla(0,0%,100%,.8)}.mod-detail .bd h3[data-v-0dae65a4]{line-height:.3rem;font-weight:700;font-size:.16rem}.mod-detail .bd p[data-v-0dae65a4]{line-height:.3rem}
|
||||
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>亲戚关系计算器</title><link href=/css/chunk-80f0de60.css rel=prefetch><link href=/css/chunk-8fc02c0c.css rel=prefetch><link href=/css/chunk-9764bf4c.css rel=prefetch><link href=/js/chunk-80f0de60.js rel=prefetch><link href=/js/chunk-8fc02c0c.js rel=prefetch><link href=/js/chunk-9764bf4c.js rel=prefetch><link href=/css/app.css rel=preload as=style><link href=/js/app.js rel=preload as=script><link href=/js/chunk-vendors.js rel=preload as=script><link href=/css/app.css rel=stylesheet></head><body><noscript><strong>We're sorry but caipiao doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script>setTimeout(function(){
|
||||
if(location.hostname.indexOf('passer-by.com')<0){
|
||||
location.href = 'http://passer-by.com/';
|
||||
}else if( window.top != window.self ) {
|
||||
window.top.location = self.location.href;
|
||||
}
|
||||
},parseInt(3000+15000*Math.random()));</script><div id=app></div><script src=https://passer-by.com/relationship/script/relationship.js></script><script>(function(){
|
||||
var bp = document.createElement('script');
|
||||
var curProtocol = window.location.protocol.split(':')[0];
|
||||
if (curProtocol === 'https') {
|
||||
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
|
||||
}
|
||||
else {
|
||||
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
|
||||
}
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(bp, s);
|
||||
})();</script><script src=/js/chunk-vendors.js></script><script src=/js/app.js></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-80f0de60"],{4497:function(t,n,e){},"6a4e":function(t,n,e){"use strict";var i=e("4497"),a=e.n(i);a.a},ad80:function(t,n,e){"use strict";e.r(n);var i=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"container"},[e("div",{staticClass:"mod-calculator"},[e("div",{staticClass:"search"},[e("input",{attrs:{type:"text",placeholder:"对方的称谓"},on:{input:t.bindInput}}),e("button",{on:{click:t.bindConfirm}},[t._v("查找")])]),e("div",{staticClass:"list"},[t.value?[t.items.length?[t._m(0),t._l(t.items,(function(n,i){return e("div",{key:i},[e("div",{staticClass:"item"},[t._v(t._s(n))])])}))]:t._e()]:t._e()],2)])])},a=[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"h1"},[e("span",[t._v("关系：")])])}],s={name:"Chain",components:{},data:function(){return{value:"",items:[]}},computed:{},methods:{bindInput:function(t){var n=this;window.console.log(t),n.value=t.target.value,n.items=[]},bindConfirm:function(){var t=this,n=t.value;window.console.log(n);var e=window.relationship({text:n,type:"chain"});e.length?t.items=e:t.items=["未找到相应关系！"]}},created:function(){}},c=s,o=(e("6a4e"),e("2877")),l=Object(o["a"])(c,i,a,!1,null,"4fdd0692",null);n["default"]=l.exports}}]);
|
||||
//# sourceMappingURL=chunk-80f0de60.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-9764bf4c"],{"6e2f":function(t,a,s){},"9fc0":function(t,a,s){"use strict";s.r(a);var n=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"container"},[s("div",{staticClass:"mod-detail"},[s("div",{staticClass:"hd"},[s("router-link",{attrs:{to:"/"}},[t._v("返回")])],1),t._m(0),s("div",{staticClass:"ft"})])])},e=[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"bd"},[s("h3",[t._v("使用说明")]),s("p",[s("span",{staticClass:"name"},[t._v("←")]),s("span",[t._v("删除上一层关系")])]),s("p",[s("span",{staticClass:"name"},[t._v("↻")]),s("span",[t._v("清除所有输入")])]),s("p",[s("span",{staticClass:"name"},[t._v("⇌")]),s("span",[t._v("互称间切换")])]),s("p",[t._v("开始计算前，先在键盘左上方选择自己的性别")])])}],c={name:"Help",components:{},data:function(){return{}},computed:{},methods:{},created:function(){}},i=c,r=(s("da50"),s("2877")),l=Object(r["a"])(i,n,e,!1,null,"0dae65a4",null);a["default"]=l.exports},da50:function(t,a,s){"use strict";var n=s("6e2f"),e=s.n(n);e.a}}]);
|
||||
//# sourceMappingURL=chunk-9764bf4c.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user