updated 添加移动版

This commit is contained in:
mumuy 2021-11-05 09:05:29 +08:00
parent 8183afab7d
commit d916d2cfcd
24 changed files with 91 additions and 131 deletions

View File

@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

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

View File

@ -29,7 +29,10 @@
<div class="header">
<div class="inner">
<div class="mod-head">
<a href="/">返回首页 &gt;&gt;</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>&copy; <a href="http://passer-by.com">passer-by.com</a></p>
</div>
</div>

View File

@ -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]':['子女','儿女','小孩','孩子'],

View File

@ -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;
}

View File

@ -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;
}
}

1
vue/css/app.css Normal file

File diff suppressed because one or more lines are too long

View File

@ -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}

View File

@ -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)}

View File

@ -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}

18
vue/index.html Normal file
View File

@ -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>

2
vue/js/app.js Normal file

File diff suppressed because one or more lines are too long

1
vue/js/app.js.map Normal file

File diff suppressed because one or more lines are too long

2
vue/js/chunk-80f0de60.js Normal file
View File

@ -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

2
vue/js/chunk-8fc02c0c.js Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
vue/js/chunk-9764bf4c.js Normal file
View File

@ -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

13
vue/js/chunk-vendors.js Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long