updated 修复一处bug及页面改版
This commit is contained in:
PASSER-BY
parent
90e9ac00b9
commit
b91d285a35
2
dist/relationship.min.js
vendored
2
dist/relationship.min.js
vendored
File diff suppressed because one or more lines are too long
2
dist/relationship.zh-HK.min.js
vendored
2
dist/relationship.zh-HK.min.js
vendored
File diff suppressed because one or more lines are too long
54
image/bg.svg
Normal file
54
image/bg.svg
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="1440px" height="448px" viewBox="0 0 1440 448" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
|
||||||
|
<title>编组 5备份</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="-5.68700053%" y1="45.5298642%" x2="84.7892757%" y2="53.934985%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#FBFCFD" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F8FCFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient cx="49.4552285%" cy="50%" fx="49.4552285%" fy="50%" r="94.8348304%" gradientTransform="translate(0.494552,0.500000),scale(0.311111,1.000000),rotate(90.000000),translate(-0.494552,-0.500000)" id="radialGradient-2">
|
||||||
|
<stop stop-color="#FFFFFF" stop-opacity="0.5" offset="0%"></stop>
|
||||||
|
<stop stop-color="#EDF6FF" stop-opacity="0.578179633" offset="100%"></stop>
|
||||||
|
</radialGradient>
|
||||||
|
<rect id="path-3" x="0" y="0" width="1440" height="448"></rect>
|
||||||
|
<linearGradient x1="72.8463444%" y1="12.5451885%" x2="72.8463444%" y2="295.836589%" id="linearGradient-5">
|
||||||
|
<stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9FD7FF" stop-opacity="0.383058348" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="16.6159843%" y1="49.1386719%" x2="5.85340543%" y2="50.8613281%" id="linearGradient-6">
|
||||||
|
<stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F2F7FC" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<rect id="path-7" x="0" y="259" width="1440" height="189"></rect>
|
||||||
|
<linearGradient x1="54.7550093%" y1="16.6478641%" x2="54.7550093%" y2="112.331979%" id="linearGradient-8">
|
||||||
|
<stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D2ECFF" stop-opacity="0.225387893" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="导航方案备份">
|
||||||
|
<g id="编组-5备份">
|
||||||
|
<g id="路径备份">
|
||||||
|
<g id="蒙版">
|
||||||
|
<g transform="translate(0.000000, 0.000000)">
|
||||||
|
<mask id="mask-4" fill="white">
|
||||||
|
<use xlink:href="#path-3"></use>
|
||||||
|
</mask>
|
||||||
|
<g>
|
||||||
|
<use fill="url(#linearGradient-1)" xlink:href="#path-3"></use>
|
||||||
|
<use fill="url(#radialGradient-2)" xlink:href="#path-3"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形备份-32" mask="url(#mask-4)">
|
||||||
|
<use fill="url(#linearGradient-5)" xlink:href="#path-7"></use>
|
||||||
|
<use fill="url(#linearGradient-6)" xlink:href="#path-7"></use>
|
||||||
|
</g>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient-8)" mask="url(#mask-4)" x="0" y="166" width="1440" height="282"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.3 KiB |
164
index.html
164
index.html
@ -30,27 +30,31 @@
|
|||||||
<div class="mod-head">
|
<div class="mod-head">
|
||||||
<div class="bd">
|
<div class="bd">
|
||||||
<span class="language">
|
<span class="language">
|
||||||
<a class="active" href="index.html">简体</a>
|
<a class="active" href="/relationship/">简体</a>
|
||||||
<span>/</span>
|
<span>/</span>
|
||||||
<a href="zh-HK.html">繁體</a>
|
<a href="zh-HK.html">繁體</a>
|
||||||
</span>
|
</span>
|
||||||
<a class="btn" href="/relationship/vue/" target="_blank">手机版</a>
|
|
||||||
<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank" title="Github">
|
<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank" title="Github">
|
||||||
<svg aria-hidden="true" class="octicon" height="20" title="GitHub " version="1.1" viewBox="0 0 16 16" width="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>
|
<svg aria-hidden="true" class="octicon" height="20" title="GitHub " version="1.1" viewBox="0 0 16 16" width="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>
|
||||||
<span>Github</span>
|
<span>Github</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="btn" href="/">返回首页</a>
|
<a class="btn" href="/">个人网站</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="inner">
|
<div class="mod-panel">
|
||||||
<div class="mod-panel">
|
<div class="inner">
|
||||||
<div class="hd">
|
<div class="hd">
|
||||||
<h1>中国亲戚关系计算器<span class="tag">开源算法</span></h1>
|
<h1><span class="name">中国</span><span>亲戚关系计算器</span><span class="tag">开源算法</span></h1>
|
||||||
<p>逢年过节遇到三姑六婆，拒绝叫不出口的尴尬！轻松搞定亲戚关系～</p>
|
<p>逢年过节遇到三姑六婆，拒绝叫不出口的尴尬！轻松搞定亲戚关系～</p>
|
||||||
<p>当前亲戚称呼大全已收录约<b id="count">-</b>条亲戚关系</p>
|
<p>当前亲戚称呼大全已收录约<b id="count">-</b>条亲戚关系</p>
|
||||||
|
<div class="picture">
|
||||||
|
<img src="image/app.png" width="320" alt="亲戚称呼换算APP"/>
|
||||||
|
<a class="btn" href="/relationship/vue/" target="_blank">访问手机版</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bd">
|
<div class="bd">
|
||||||
<div class="c-hd">
|
<div class="c-hd">
|
||||||
@ -135,24 +139,6 @@
|
|||||||
<p>计算结果：</p>
|
<p>计算结果：</p>
|
||||||
<p><textarea name="result" readonly></textarea></p>
|
<p><textarea name="result" readonly></textarea></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="intro">
|
|
||||||
<h3>使用案例</h3>
|
|
||||||
<p class="q">1. 使用别称查询：</p>
|
|
||||||
<p class="a">姥姥的爸爸的老窦 / 娘子的爹地的母亲 / 岳丈的妈咪 </p>
|
|
||||||
<p class="q">2. 使用合称查询：</p>
|
|
||||||
<p class="a">舅舅的孙辈 / 爸爸的祖父母 / 姑妈的兄弟姐妹 / 表姐妹的孩子</p>
|
|
||||||
<p class="q">3. 大小数字混合查询：</p>
|
|
||||||
<p class="a">儿子的大舅的二姑妈的七舅姥爷 / 女婿的小姨</p>
|
|
||||||
<p class="q">4. 不限制方向祖辈孙辈跨度，反复查询：</p>
|
|
||||||
<p class="a">舅妈的婆婆的外甥的姨妈的侄子的爷爷 / 老公的丈母娘的儿媳</p>
|
|
||||||
<p class="q">5. 年龄推导：</p>
|
|
||||||
<p class="a">哥哥的表姐 = 姑表姐、舅表姐</p>
|
|
||||||
<p class="a">堂妹的姐姐 = 堂姐妹</p>
|
|
||||||
<p class="a">弟弟的表哥 = 姑表兄弟、舅表兄弟</p>
|
|
||||||
<p class="q">6. 根据语境确认性别：</p>
|
|
||||||
<p class="a">老婆的女儿的外婆 = 岳母</p>
|
|
||||||
<p class="a">爱人的婆婆的儿子 = 兄弟</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="c-panel">
|
<div class="c-panel">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -173,10 +159,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="intro">
|
<div class="intro">
|
||||||
<h3>应用场景</h3>
|
<h3>应用场景</h3>
|
||||||
<p class="q">“七舅姥爷”和我是什么关系？</p>
|
<p class="q">外舅公是我妈的谁？</p>
|
||||||
<p class="q">“堂弟”和“表弟”如何区分在？</p>
|
<p class="q">我爸应该叫舅老爷什么？</p>
|
||||||
<p class="q">“外甥”和“侄子”的区别在哪里？</p>
|
<p class="q">我岳父怎么叫我弟弟什么？</p>
|
||||||
<p class="q">“姑表舅表哥”是我的谁？</p>
|
<p class="q">我哥如何称呼我岳母？</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="c-panel">
|
<div class="c-panel">
|
||||||
@ -215,44 +201,104 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="intro">
|
<div class="intro">
|
||||||
<h3>应用场景</h3>
|
<h3>应用场景</h3>
|
||||||
<p class="q">外舅公是我妈的谁？</p>
|
<p class="q">“七舅姥爷”和我“三叔公”是什么关系？</p>
|
||||||
<p class="q">我爸应该叫舅老爷什么？</p>
|
<p class="q">我的“堂弟”要叫“表弟”什么？</p>
|
||||||
<p class="q">我岳父怎么叫我弟弟什么？</p>
|
|
||||||
<p class="q">我哥如何称呼我岳母？</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ft">
|
</div>
|
||||||
<div class="banner">
|
</div>
|
||||||
<a href="/relationship/vue/" target="_blank">
|
<div class="mod-intro">
|
||||||
<span class="picture">
|
<div class="inner">
|
||||||
<img src="image/app.png" width="213" alt="亲戚称呼换算APP"/>
|
<div class="hd"><span>功能支持</span></div>
|
||||||
</span>
|
<div class="bd">
|
||||||
<span class="title">亲戚称呼计算器移动版</span>
|
<ul>
|
||||||
<span class="subtitle">无需下载APP，手机即查即用</span>
|
<li>
|
||||||
</a>
|
<div class="item">
|
||||||
</div>
|
<p class="q">1. 使用别称查询：</p>
|
||||||
<div class="article">
|
<p class="a">姥姥的爸爸的老窦 = 外曾外曾祖父</p>
|
||||||
<p>亲属是基于婚姻、血缘和法律拟制而形成的社会关系。亲属关系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孙子女和外孙子女、儿媳和公婆、女婿和岳父母、以及其他三代以内的旁系血亲，如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹等。</p>
|
<p class="a">娘子的爹地的母亲 = 祖岳母</p>
|
||||||
<p>亲属称谓指是以本人为中心确定亲族成员和本人关系的名称，是基于血亲姻亲基础上的亲属之间相互称呼的名称、叫法。汉族的家族亲属关系条理分明尊卑有序：比自己长一辈的称呼有姨姑舅叔伯，同辈的有兄弟姊妹、堂表亲等等，下一辈有甥侄等等。中国人由于姻亲而产生的亲戚关系相当庞杂，“祖宗十八代”“五服”“九族”让人难以区分，其派生出的各种称谓也是中华文化的一大特征。</p>
|
<p class="a">岳丈的妈咪的细佬 = 舅祖岳父</p>
|
||||||
<p>如今由于工作生活节奏差异，很多关系稍疏远的亲戚之间来往并不多，年龄差异长幼辈分模糊。春节拜年走亲戚遇到七大姑八大姨，往往会搞不清楚哪位亲戚应该喊什么称呼，很是尴尬。不仅小孩搞不清亲戚关系和亲戚称谓，就连年轻一代的大人也都常常模糊混乱。</p>
|
</div>
|
||||||
<p>“中国亲戚关系计算器”为你避免了叫错、不会叫亲戚的尴尬，收录了中国亲戚关系称呼大全，只需简单的输入即可完成称呼计算。称呼计算器同时兼容了不同地域的方言叫法，你可以称呼父亲为：“老爸”、“爹地”、“老爷子”等等。让您准确的叫出亲戚称谓，理清亲属之间的亲戚关系，轻松掌握中国式的亲戚关系换算，让你更了解中国文化。</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
<div class="copy">
|
<div class="item">
|
||||||
<p><span>本程序基于MIT许可协议开源，使用请保留版权信息</span></p>
|
<p class="q">2. 使用合称查询：</p>
|
||||||
<p><span>程序持续更新，如发现错漏可在此</span><a class="text-red" href="https://github.com/mumuy/relationship/issues" rel="nofollow" target="_blank">反馈问题</a></p>
|
<p class="a">姐夫的双亲 = 姊妹姻父 / 姊妹姻母</p>
|
||||||
<p class="buttons">
|
<p class="a">妈妈的祖父母 = 外曾祖父 / 外曾祖母</p>
|
||||||
<a class="github-button" href="https://github.com/mumuy" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @mumuy on GitHub">Follow @mumuy</a>
|
<p class="a">弟弟的孩子 = 侄子 / 侄女</p>
|
||||||
<a class="github-button" href="https://github.com/mumuy/relationship" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mumuy/relationship on GitHub">Star</a>
|
</div>
|
||||||
</p>
|
</li>
|
||||||
<p>© <a href="http://passer-by.com">passer-by.com</a></p>
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">3. 大小数字混合查询：</p>
|
||||||
|
<p class="a">大哥的二姑妈的七舅姥爷 = 舅曾外祖父</p>
|
||||||
|
<p class="a">二女婿的小姨 = 女姻姨妹</p>
|
||||||
|
<p class="a">大佬的三舅公的次子 = 舅表伯父 / 舅表叔父</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">4. 不限制祖辈孙辈跨度查询：</p>
|
||||||
|
<p class="a">舅妈的婆婆的外甥的姨妈的侄子 = 舅表舅父</p>
|
||||||
|
<p class="a">老公的丈母娘的儿媳 = 兄弟媳妇</p>
|
||||||
|
<p class="a">外婆的孙子的舅妈的仔 = 舅表兄弟</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">5. 根据年龄推导可能性：</p>
|
||||||
|
<p class="a">哥哥的表姐 = 姑表姐、舅表姐</p>
|
||||||
|
<p class="a">堂妹的姐姐 = 堂姐妹</p>
|
||||||
|
<p class="a">弟弟的表哥 = 姑表兄弟、舅表兄弟</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">6. 根据语境确认性别：</p>
|
||||||
|
<p class="a">老婆的女儿的外婆 = 岳母</p>
|
||||||
|
<p class="a">爱人的婆婆的儿子 = 兄弟</p>
|
||||||
|
<p class="a">岳母的配偶的儿子的爸爸 = 岳父</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mod-article">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="bd">
|
||||||
|
<p>亲属是基于婚姻、血缘和法律拟制而形成的社会关系。亲属关系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孙子女和外孙子女、儿媳和公婆、女婿和岳父母、以及其他三代以内的旁系血亲，如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹等。</p>
|
||||||
|
<p>亲属称谓指是以本人为中心确定亲族成员和本人关系的名称，是基于血亲姻亲基础上的亲属之间相互称呼的名称、叫法。汉族的家族亲属关系条理分明尊卑有序：比自己长一辈的称呼有姨姑舅叔伯，同辈的有兄弟姊妹、堂表亲等等，下一辈有甥侄等等。中国人由于姻亲而产生的亲戚关系相当庞杂，“祖宗十八代”“五服”“九族”让人难以区分，其派生出的各种称谓也是中华文化的一大特征。</p>
|
||||||
|
<p>如今由于工作生活节奏差异，很多关系稍疏远的亲戚之间来往并不多，年龄差异长幼辈分模糊。春节拜年走亲戚遇到七大姑八大姨，往往会搞不清楚哪位亲戚应该喊什么称呼，很是尴尬。不仅小孩搞不清亲戚关系和亲戚称谓，就连年轻一代的大人也都常常模糊混乱。</p>
|
||||||
|
<p>“中国亲戚关系计算器”为你避免了叫错、不会叫亲戚的尴尬，收录了中国亲戚关系称呼大全，只需简单的输入即可完成称呼计算。称呼计算器同时兼容了不同地域的方言叫法，你可以称呼父亲为：“老爸”、“爹地”、“老爷子”等等。让您准确的叫出亲戚称谓，理清亲属之间的亲戚关系，轻松掌握中国式的亲戚关系换算，让你更了解中国文化。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mod-copy">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="hd"><span>算法开源</span></div>
|
||||||
|
<div class="bd">
|
||||||
|
<p><span>本程序基于 <a href="https://github.com/mumuy/relationship/blob/master/LICENSE" rel="nofollow" target="_blank">MIT许可协议</a> 开源，除需在源码中保留版权信息和许可声明外，你有权利进行使用、复制、修改、合并、出版发行等</span></p>
|
||||||
|
<p><span>算法持续更新中，如发现错漏或有想法建议可在此</span> <a class="text-red" href="https://github.com/mumuy/relationship/issues" rel="nofollow" target="_blank">反馈问题</a></p>
|
||||||
|
<div class="buttons">
|
||||||
|
<a class="github-button" href="https://github.com/mumuy" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @mumuy on GitHub">Follow @mumuy</a>
|
||||||
|
<a class="github-button" href="https://github.com/mumuy/relationship/fork" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork mumuy/relationship on GitHub">Fork</a>
|
||||||
|
<a class="github-button" href="https://github.com/mumuy/relationship" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mumuy/relationship on GitHub">Star</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mod-qrcode">
|
</div>
|
||||||
<div class="box"><img src="image/qrcode.jpg" width="150" alt="亲戚关系微信小程序"/></div>
|
<div class="mod-foot">
|
||||||
<p>微信扫一扫，使用小程序</p>
|
<div class="inner">
|
||||||
|
<div class="bd">
|
||||||
|
<div class="box">
|
||||||
|
<p><img src="image/qrcode.jpg" width="150" alt="亲戚关系微信小程序"/></p>
|
||||||
|
<p>微信扫一扫，使用小程序</p>
|
||||||
|
</div>
|
||||||
|
<p>Copyright © <a href="http://passer-by.com">passer-by.com</a></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -579,7 +579,7 @@
|
|||||||
's,d,d,d,h':['曾外曾外孙女婿'],
|
's,d,d,d,h':['曾外曾外孙女婿'],
|
||||||
'd':['女儿','千金','掌上明珠','息女','闺女','囡女','乖囡','囡囡','丫头','姑娘','女亲','长女','次女','幼女','女','阿女','女女','x女儿'],
|
'd':['女儿','千金','掌上明珠','息女','闺女','囡女','乖囡','囡囡','丫头','姑娘','女亲','长女','次女','幼女','女','阿女','女女','x女儿'],
|
||||||
'd,h':['女婿','姑爷','女婿子','女婿儿','儿婿','子婿','息婿','囝婿','x女婿'],
|
'd,h':['女婿','姑爷','女婿子','女婿儿','儿婿','子婿','息婿','囝婿','x女婿'],
|
||||||
'd,s':['外孙'],
|
'd,s':['外孙','外孙儿'],
|
||||||
'd,s,w':['外孙媳妇','外孙妇','外孙新妇'],
|
'd,s,w':['外孙媳妇','外孙妇','外孙新妇'],
|
||||||
'd,s,s':['外曾孙','重外孙'],
|
'd,s,s':['外曾孙','重外孙'],
|
||||||
'd,s,s,w':['外曾孙媳妇','外曾孙妇'],
|
'd,s,s,w':['外曾孙媳妇','外曾孙妇'],
|
||||||
@ -1286,7 +1286,7 @@
|
|||||||
if(sex>-1&&selector.indexOf(',1')==-1&&selector.indexOf(',0')==-1){
|
if(sex>-1&&selector.indexOf(',1')==-1&&selector.indexOf(',0')==-1){
|
||||||
selector = ','+sex+selector;
|
selector = ','+sex+selector;
|
||||||
}
|
}
|
||||||
if(selector.match(/,[w0],w|,[h1],h/)){ //同志关系去除
|
if(selector.match(/,[mwd0](&[ol])?,w|,[hfs1](&[ol])?,h/)){ //同志关系去除
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
var s='';
|
var s='';
|
||||||
@ -1304,7 +1304,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}while(s!=selector);
|
}while(s!=selector);
|
||||||
if(selector.match(/,[w0],w|,[h1],h/)){ //同志关系去除
|
if(selector.match(/,[mwd0](&[ol])?,w|,[hfs1](&[ol])?,h/)){ //同志关系去除
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
selector = selector.replace(/,[01]/,'').substr(1); //去前面逗号和性别信息
|
selector = selector.replace(/,[01]/,'').substr(1); //去前面逗号和性别信息
|
||||||
@ -1463,6 +1463,9 @@
|
|||||||
var to_ids = selector2id(to,my_sex);
|
var to_ids = selector2id(to,my_sex);
|
||||||
var from_rids = [];
|
var from_rids = [];
|
||||||
var to_rids = [];
|
var to_rids = [];
|
||||||
|
if(!from_ids.length||!to_ids.length){
|
||||||
|
return false;
|
||||||
|
}
|
||||||
if(to){
|
if(to){
|
||||||
var toIsMale = false;
|
var toIsMale = false;
|
||||||
var toIsFemale = false;
|
var toIsFemale = false;
|
||||||
|
|||||||
501
style/index.css
501
style/index.css
@ -23,21 +23,23 @@ a:hover{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.wrapper{
|
.wrapper{
|
||||||
background: #fdfdfd;
|
background: url('../image/bg.svg') center top no-repeat;
|
||||||
|
}
|
||||||
|
.header{
|
||||||
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
.container{
|
.container{
|
||||||
padding: 0 15px 30px;
|
padding-bottom: 30px;
|
||||||
}
|
}
|
||||||
.inner{
|
.inner{
|
||||||
max-width: 720px;
|
max-width: 1000px;
|
||||||
|
padding: 0 10px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mod-head .bd{
|
.mod-head .bd{
|
||||||
max-width: 540px;
|
|
||||||
height: 36px;
|
height: 36px;
|
||||||
padding: 10px;
|
padding: 10px 0;
|
||||||
margin:0 auto 5px;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.mod-head .bd span.language{
|
.mod-head .bd span.language{
|
||||||
@ -45,7 +47,8 @@ a:hover{
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
background: #f0f0f0;
|
background: rgba(255,255,255,0.3);
|
||||||
|
border: 1px solid rgba(0,0,0,0.05);
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
color: #666;
|
color: #666;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
@ -63,9 +66,9 @@ a:hover{
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
min-width: 56px;
|
min-width: 56px;
|
||||||
height: 34px;
|
height: 34px;
|
||||||
background: #fff;
|
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
border: 1px solid #ececec;
|
background: rgba(255,255,255,0.3);
|
||||||
|
border: 1px solid rgba(0,0,0,0.05);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -107,60 +110,94 @@ a:hover{
|
|||||||
opacity: .02;
|
opacity: .02;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mod-panel {
|
.mod-panel{
|
||||||
width: 100%;
|
margin-bottom: 75px;
|
||||||
}
|
}
|
||||||
.mod-panel h1{
|
.mod-panel .hd{
|
||||||
line-height: 32px;
|
float: left;
|
||||||
font-size: 22px;
|
width: 50%;
|
||||||
color:#212121;
|
padding-top: 15px;
|
||||||
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
.mod-panel h1 span.tag{
|
.mod-panel .hd h1{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
line-height: 30px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
|
color:#1a2b3b;
|
||||||
|
}
|
||||||
|
.mod-panel .hd h1 span.name{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.mod-panel .hd h1 span.tag{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
background: rgb(246, 248, 250);
|
background: rgba(255, 255, 255,0.8);
|
||||||
line-height: 22px;
|
line-height: 26px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: rgb(110, 119, 129);
|
color: rgb(110, 119, 129);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.03);
|
||||||
}
|
}
|
||||||
.mod-panel h2{
|
.mod-panel .hd p{
|
||||||
line-height: 30px;
|
line-height: 26px;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
.mod-panel .hd .picture{
|
||||||
|
position: relative;
|
||||||
|
padding-top: 15px;
|
||||||
|
margin-right: 20%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: normal;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
}
|
||||||
.mod-panel .hd,.mod-panel .bd{
|
.mod-panel .hd .picture .btn{
|
||||||
max-width: 540px;
|
display: inline-block;
|
||||||
margin:0 auto;
|
height: 36px;
|
||||||
|
margin-top: -20px;
|
||||||
|
padding: 0 20px;
|
||||||
|
background: #2095f2;
|
||||||
|
border: 1px solid rgba(0,0,0,0.05);
|
||||||
|
border-radius: 6px;
|
||||||
|
line-height: 36px;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #fff;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: color .2s,opacity .2s;
|
||||||
|
font-family: Tahoma,Arial, Helvetica,"Microsoft YaHei";
|
||||||
|
outline: none;
|
||||||
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
.mod-panel .hd{
|
.mod-panel .hd .picture .btn:hover {
|
||||||
padding: 10px 0;
|
background: #207fcc;
|
||||||
margin-bottom: 5px;
|
|
||||||
line-height: 22px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
.mod-panel .hd b{
|
.mod-panel .hd b{
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
color: #fd7474;
|
color: #fd7474;
|
||||||
}
|
}
|
||||||
|
.mod-panel .bd{
|
||||||
|
margin-left: 55%;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.025);
|
||||||
|
border: 1px solid rgba(0,0,0,0.025);
|
||||||
|
}
|
||||||
.mod-panel .bd .c-hd{
|
.mod-panel .bd .c-hd{
|
||||||
height: 36px;
|
height: 44px;
|
||||||
margin-bottom: 10px;
|
border-bottom: 1px solid #f4f4f4;
|
||||||
border-bottom: 1px solid #f0f0f0;
|
|
||||||
}
|
}
|
||||||
.mod-panel .bd .c-hd li{
|
.mod-panel .bd .c-hd li{
|
||||||
float: left;
|
float: left;
|
||||||
width: 33.33%;
|
width: 33.33%;
|
||||||
height: 36px;
|
height: 44px;
|
||||||
line-height: 36px;
|
line-height: 44px;
|
||||||
}
|
}
|
||||||
.mod-panel .bd .c-hd li a{
|
.mod-panel .bd .c-hd li a{
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
color: #999;
|
color: #999;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -180,18 +217,36 @@ a:hover{
|
|||||||
background: #2095f2;
|
background: #2095f2;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
.mod-panel .bd .c-bd{
|
||||||
|
height: 450px;
|
||||||
|
padding: 18px 20px;
|
||||||
|
}
|
||||||
.mod-panel .bd .c-panel{
|
.mod-panel .bd .c-panel{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.mod-panel .bd .operation{
|
.mod-panel .bd .c-panel .operation{
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
.mod-panel .bd .row{
|
.mod-panel .bd .c-panel .row{
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
.mod-panel .bd .field{
|
.mod-panel .bd .c-panel .field{
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
}
|
}
|
||||||
|
.mod-panel .bd .c-panel .intro{
|
||||||
|
padding: 10px 15px;
|
||||||
|
margin: 25px 0;
|
||||||
|
background: #fffbf5;
|
||||||
|
line-height: 24px;
|
||||||
|
color: #666;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.mod-panel .bd .c-panel .intro h3{
|
||||||
|
line-height: 30px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
.mod-panel .bd p{
|
.mod-panel .bd p{
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@ -206,7 +261,7 @@ a:hover{
|
|||||||
.mod-panel .bd .input-text{
|
.mod-panel .bd .input-text{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 30px;
|
height: 36px;
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
border: 1px solid #ebebeb;
|
border: 1px solid #ebebeb;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
@ -220,7 +275,7 @@ a:hover{
|
|||||||
}
|
}
|
||||||
.mod-panel .bd .btn {
|
.mod-panel .bd .btn {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
min-width: 90px;
|
min-width: 80px;
|
||||||
background: #f0f0f0;
|
background: #f0f0f0;
|
||||||
border: medium none;
|
border: medium none;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
@ -256,7 +311,8 @@ a:hover{
|
|||||||
background: #e18309;
|
background: #e18309;
|
||||||
}
|
}
|
||||||
.mod-panel .bd .btn-small{
|
.mod-panel .bd .btn-small{
|
||||||
min-width: 40px;
|
min-width: 36px;
|
||||||
|
margin-right: -1px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.mod-panel .bd .btn[disabled]{
|
.mod-panel .bd .btn[disabled]{
|
||||||
@ -279,164 +335,144 @@ a:hover{
|
|||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
.mod-panel .bd p span{
|
.mod-panel .bd p span{
|
||||||
margin-right: 10px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
.mod-panel .ft{
|
|
||||||
padding-top: 10px;
|
.mod-intro{
|
||||||
border-top:1px dotted #e0e0e0;
|
margin-bottom: 65px;
|
||||||
}
|
}
|
||||||
.mod-panel .about{
|
.mod-intro .hd{
|
||||||
padding: 0 20px;
|
margin: 0 5px 5px;
|
||||||
margin-bottom: 20px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
.mod-panel .about p{
|
.mod-intro .hd span{
|
||||||
line-height: 24px;
|
font-size: 18px;
|
||||||
text-indent: 2em;
|
font-weight: bold;
|
||||||
|
color: #646464;
|
||||||
}
|
}
|
||||||
.mod-panel .copy{
|
.mod-intro .bd ul{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.mod-intro .bd li{
|
||||||
|
float: left;
|
||||||
|
width: 33.33%;
|
||||||
|
}
|
||||||
|
.mod-intro .bd .item{
|
||||||
|
padding: 15px;
|
||||||
|
margin: 0 5px 10px;
|
||||||
|
background: rgb(246, 248, 250);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.mod-intro .bd p{
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.mod-intro .bd p.q{
|
||||||
|
font-weight: bold;
|
||||||
|
color: #646464;
|
||||||
|
}
|
||||||
|
.mod-intro .article p{
|
||||||
|
line-height: 22px;
|
||||||
|
text-indent: 2em;
|
||||||
|
}
|
||||||
|
.mod-intro .table-inner{
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mod-article{
|
||||||
|
margin-bottom: 65px;
|
||||||
|
}
|
||||||
|
.mod-article .bd{
|
||||||
|
position: relative;
|
||||||
|
padding: 30px 0;
|
||||||
|
}
|
||||||
|
.mod-article .bd::before{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
content: '“';
|
||||||
|
font-size: 60px;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.mod-article .bd::after{
|
||||||
|
position: absolute;
|
||||||
|
bottom: -10px;
|
||||||
|
right: 0;
|
||||||
|
content: '”';
|
||||||
|
font-size: 60px;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.mod-article .bd p{
|
||||||
|
margin-bottom: 12px;
|
||||||
|
line-height: 28px;
|
||||||
|
font-size: 15px;
|
||||||
|
text-indent: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mod-copy{
|
||||||
|
margin-bottom: 65px;
|
||||||
|
padding: 35px 0 45px;
|
||||||
|
background: rgb(246, 248, 250);
|
||||||
|
}
|
||||||
|
.mod-copy .hd{
|
||||||
|
margin: 0 5px 5px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.mod-copy .hd span{
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #646464;
|
||||||
|
}
|
||||||
|
.mod-copy .bd{
|
||||||
|
margin:0 5px;
|
||||||
|
}
|
||||||
|
.mod-copy .bd p{
|
||||||
|
line-height: 28px;
|
||||||
|
font-size: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.mod-copy .bd .buttons{
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.mod-copy .bd .text-red{
|
||||||
|
font-weight: bold;
|
||||||
|
color: #fd7474;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mod-foot .bd{
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.mod-panel .copy p{
|
.mod-foot .bd p{
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
.mod-panel .copy p a,.mod-panel .copy p span{
|
.mod-foot .bd p a,.mod-foot .bd p span{
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.mod-panel .copy p.buttons{
|
.mod-foot .bd p.buttons{
|
||||||
margin: 10px 0 5px;
|
margin: 10px 0 5px;
|
||||||
}
|
}
|
||||||
.mod-panel .copy .text-red{
|
.mod-foot .box{
|
||||||
font-weight: bold;
|
width: 200px;
|
||||||
color: #fd7474;
|
height: 180px;
|
||||||
}
|
margin: 0 auto 20px;
|
||||||
.mod-panel .intro,.mod-panel .article{
|
line-height: 30px;
|
||||||
padding: 15px 20px;
|
text-align: center;
|
||||||
margin: 10px 0;
|
|
||||||
background: rgb(246, 248, 250);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
.mod-panel .intro h3{
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #646464;
|
|
||||||
}
|
|
||||||
.mod-panel .intro p{
|
|
||||||
line-height: 22px;
|
|
||||||
}
|
|
||||||
.mod-panel .intro p.q{
|
|
||||||
margin-top: 10px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #646464;
|
|
||||||
}
|
|
||||||
.mod-panel .article p{
|
|
||||||
line-height: 22px;
|
|
||||||
text-indent: 2em;
|
|
||||||
}
|
|
||||||
.mod-panel .banner{
|
|
||||||
border: 1px solid #eee;
|
|
||||||
border-radius: 5px;
|
|
||||||
overflow: hidden;
|
|
||||||
box-shadow: 1px 2px 8px rgba(0,0,0,0.03);
|
|
||||||
}
|
|
||||||
.mod-panel .banner a{
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
height: 160px;
|
|
||||||
padding: 10px;
|
|
||||||
background: #fcfcfc;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.mod-panel .banner a:hover{
|
.mod-foot p{
|
||||||
text-decoration: none;
|
|
||||||
background: #fffbf5;
|
|
||||||
}
|
|
||||||
.mod-panel .banner img{
|
|
||||||
margin-top: -5px;
|
|
||||||
}
|
|
||||||
.mod-panel .banner span{
|
|
||||||
display: block;
|
|
||||||
line-height: 32px;
|
|
||||||
}
|
|
||||||
.mod-panel .banner span.picture{
|
|
||||||
float: left;
|
|
||||||
width: 40%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.mod-panel .banner span.title{
|
|
||||||
margin-top: 45px;
|
|
||||||
margin-left: 50%;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 24px;
|
|
||||||
color: #646464;
|
|
||||||
}
|
|
||||||
.mod-panel .banner span.subtitle{
|
|
||||||
margin-left: 50%;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.mod-panel .table-inner{
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
.mod-panel table {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border: 1px solid #cee1ee;
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
.mod-panel thead{
|
|
||||||
background-color: #e3eef8;
|
|
||||||
}
|
|
||||||
.mod-panel tr {
|
|
||||||
border-bottom: 1px solid #cee1ee;
|
|
||||||
line-height: 24px;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
.mod-panel tr td,.mod-panel tr th{
|
|
||||||
word-break: break-all;
|
|
||||||
word-wrap: break-word;
|
|
||||||
padding: 5px 8px;
|
|
||||||
border: 1px solid #cee1ee;
|
|
||||||
line-height: 20px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
.mod-panel tr p.name{
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.mod-panel tr .download{
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0 15px;
|
|
||||||
background: #32ccc8;
|
|
||||||
color: #fff;
|
|
||||||
line-height: 32px;
|
|
||||||
font-size: 13px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 3px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.mod-panel tr .download:hover{
|
|
||||||
background: #2e9e9b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
@media screen and (max-width: 1020px) {
|
||||||
|
.header{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.inner{
|
||||||
|
max-width: 640px;
|
||||||
|
}
|
||||||
|
|
||||||
.mod-head .hd span.tag{
|
.mod-head .hd span.tag{
|
||||||
padding: 5px 8px;
|
padding: 5px 8px;
|
||||||
}
|
}
|
||||||
@ -445,28 +481,62 @@ a:hover{
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mod-panel{
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
.mod-panel .hd{
|
.mod-panel .hd{
|
||||||
padding-top: 10px;
|
float: none;
|
||||||
|
padding-top: 0;
|
||||||
|
width: auto;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
.mod-panel .hd h1{
|
.mod-panel .hd h1{
|
||||||
|
margin-bottom: 5px;
|
||||||
|
line-height: 26px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
.mod-panel .hd h1 span.name{
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
.mod-panel .hd p{
|
.mod-panel .hd p{
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
|
font-size: 13px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.mod-panel .c-hd ul{
|
.mod-panel .hd .picture{
|
||||||
|
margin-right: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.mod-panel .hd .picture img{
|
||||||
|
width: 213.33px;
|
||||||
|
}
|
||||||
|
.mod-panel .hd .picture .btn{
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.mod-panel .bd{
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.mod-panel .bd .c-hd{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.mod-panel .bd .c-hd ul{
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.mod-panel .c-hd li{
|
.mod-panel .bd .c-hd li{
|
||||||
float: none;
|
float: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
min-width: 30%
|
||||||
}
|
}
|
||||||
.mod-panel .c-hd li a{
|
.mod-panel .bd .c-hd li a{
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
}
|
}
|
||||||
|
.mod-panel .bd .c-bd{
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
.mod-panel textarea{
|
.mod-panel textarea{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
@ -486,33 +556,58 @@ a:hover{
|
|||||||
.mod-panel .btn-3{
|
.mod-panel .btn-3{
|
||||||
width: 32%;
|
width: 32%;
|
||||||
}
|
}
|
||||||
.mod-panel .banner a{
|
|
||||||
height: 100px;
|
.mod-intro{
|
||||||
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
.mod-panel .banner img{
|
.mod-intro .bd li{
|
||||||
zoom:0.5;
|
float: none;
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
.mod-panel .banner span{
|
.mod-intro .bd .item{
|
||||||
line-height: 24px;
|
margin: 0 5px 5px;
|
||||||
}
|
}
|
||||||
.mod-panel .banner span.picture{
|
|
||||||
width: 35%;
|
.mod-article{
|
||||||
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
.mod-panel .banner span.title{
|
.mod-article .bd{
|
||||||
margin-top: 25px;
|
padding: 15px 0;
|
||||||
margin-left: 40%;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
}
|
||||||
.mod-panel .banner span.subtitle{
|
.mod-article .bd::before{
|
||||||
margin-left: 40%;
|
font-size: 48px;
|
||||||
|
}
|
||||||
|
.mod-article .bd::after{
|
||||||
|
font-size: 48px;
|
||||||
|
}
|
||||||
|
.mod-article .bd p{
|
||||||
|
margin-bottom: 7px;
|
||||||
|
line-height: 22px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mod-qrcode{
|
.mod-copy{
|
||||||
position: static;
|
padding: 15px 0 25px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
.mod-qrcode .box{
|
.mod-copy .bd p{
|
||||||
margin: 0 auto;
|
line-height: 22px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 640px) {
|
||||||
|
.mod-panel .inner{
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
.mod-panel .bd .c-bd{
|
||||||
|
padding: 15px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mod-intro .hd{
|
||||||
|
margin: 0 0 5px;
|
||||||
|
}
|
||||||
|
.mod-intro .bd .item{
|
||||||
|
margin: 0 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -26,5 +26,6 @@ test('relationship.js show to be tested', function (t) {
|
|||||||
t.deepEqual(relationship({text:'外婆',target:'女婿',reverse:true}),['外曾孙女婿','外曾外孙女婿']);
|
t.deepEqual(relationship({text:'外婆',target:'女婿',reverse:true}),['外曾孙女婿','外曾外孙女婿']);
|
||||||
t.deepEqual(relationship({text:'我',target:'爸爸'}),['儿子','女儿']);
|
t.deepEqual(relationship({text:'我',target:'爸爸'}),['儿子','女儿']);
|
||||||
t.deepEqual(relationship({text:'爱人',target:'娘家侄子'}),['姑丈']);
|
t.deepEqual(relationship({text:'爱人',target:'娘家侄子'}),['姑丈']);
|
||||||
|
t.deepEqual(relationship({text:'岳母的配偶的孩子的爸爸'}),['岳父']);
|
||||||
t.end();
|
t.end();
|
||||||
});
|
});
|
||||||
|
|||||||
168
zh-HK.html
168
zh-HK.html
@ -30,27 +30,31 @@
|
|||||||
<div class="mod-head">
|
<div class="mod-head">
|
||||||
<div class="bd">
|
<div class="bd">
|
||||||
<span class="language">
|
<span class="language">
|
||||||
<a href="index.html">简体</a>
|
<a class="active" href="/relationship/">简体</a>
|
||||||
<span>/</span>
|
<span>/</span>
|
||||||
<a class="active" href="zh-HK.html">繁體</a>
|
<a href="zh-HK.html">繁體</a>
|
||||||
</span>
|
</span>
|
||||||
<a class="btn" href="/relationship/vue/" target="_blank">手機版</a>
|
|
||||||
<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank" title="Github">
|
<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank" title="Github">
|
||||||
<svg aria-hidden="true" class="octicon" height="20" title="GitHub " version="1.1" viewBox="0 0 16 16" width="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>
|
<svg aria-hidden="true" class="octicon" height="20" title="GitHub " version="1.1" viewBox="0 0 16 16" width="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>
|
||||||
<span>Github</span>
|
<span>Github</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="btn" href="/">返回首頁</a>
|
<a class="btn" href="/">個人網站</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="inner">
|
<div class="mod-panel">
|
||||||
<div class="mod-panel">
|
<div class="inner">
|
||||||
<div class="hd">
|
<div class="hd">
|
||||||
<h1>中國親戚關系計算器<span class="tag">開源算法</span></h1>
|
<h1><span class="name">中國</span><span>親戚關系計算器</span><span class="tag">開源算法</span></h1>
|
||||||
<p>逢年過節遇到三姑六婆，拒絕叫不出口的尷尬！輕鬆搞定親戚關系～</p>
|
<p>逢年過節遇到三姑六婆，拒絕叫不出口的尷尬！輕鬆搞定親戚關系～</p>
|
||||||
<p>當前親戚稱呼大全已收錄約<b id="count">-</b>條親戚關系</p>
|
<p>當前親戚稱呼大全已收錄約<b id="count">-</b>條親戚關系</p>
|
||||||
|
<div class="picture">
|
||||||
|
<img src="image/app.png" width="320" alt="親戚稱呼換算APP"/>
|
||||||
|
<a class="btn" href="/relationship/vue/" target="_blank">訪問手機版</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bd">
|
<div class="bd">
|
||||||
<div class="c-hd">
|
<div class="c-hd">
|
||||||
@ -135,24 +139,6 @@
|
|||||||
<p>計算結果：</p>
|
<p>計算結果：</p>
|
||||||
<p><textarea name="result" readonly></textarea></p>
|
<p><textarea name="result" readonly></textarea></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="intro">
|
|
||||||
<h3>使用案例</h3>
|
|
||||||
<p class="q">1. 使用別稱查詢：</p>
|
|
||||||
<p class="a">姥姥的爸爸的老竇 / 娘子的爹地的母親 / 嶽丈的媽咪 </p>
|
|
||||||
<p class="q">2. 使用合稱查詢：</p>
|
|
||||||
<p class="a">舅舅的孫輩 / 爸爸的祖父母 / 姑媽的兄弟姐妹 / 表姐妹的孩子</p>
|
|
||||||
<p class="q">3. 大小數字混合查詢：</p>
|
|
||||||
<p class="a">兒子的大舅的二姑媽的七舅姥爺 / 女婿的小姨</p>
|
|
||||||
<p class="q">4. 不限制方向祖輩孫輩跨度，反復查詢：</p>
|
|
||||||
<p class="a">舅媽的婆婆的外甥的姨媽的侄子的爺爺 / 老公的丈母娘的兒媳</p>
|
|
||||||
<p class="q">5. 年齡推導：</p>
|
|
||||||
<p class="a">哥哥的表姐 = 姑表姐、舅表姐</p>
|
|
||||||
<p class="a">堂妹的姐姐 = 堂姐妹</p>
|
|
||||||
<p class="a">弟弟的表哥 = 姑表兄弟、舅表兄弟</p>
|
|
||||||
<p class="q">6. 根據語境確認性別：</p>
|
|
||||||
<p class="a">老婆的女兒的外婆 = 嶽母</p>
|
|
||||||
<p class="a">愛人的婆婆的兒子 = 兄弟</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="c-panel">
|
<div class="c-panel">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -173,10 +159,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="intro">
|
<div class="intro">
|
||||||
<h3>應用場景</h3>
|
<h3>應用場景</h3>
|
||||||
<p class="q">“七舅姥爺”和我是什麼關系？</p>
|
<p class="q">外舅公是我媽的誰？</p>
|
||||||
<p class="q">“堂弟”和“表弟”如何區分在？</p>
|
<p class="q">我爸應該叫舅老爺什麼？</p>
|
||||||
<p class="q">“外甥”和“侄子”的區別在哪裏？</p>
|
<p class="q">我嶽父怎麼叫我弟弟什麼？</p>
|
||||||
<p class="q">“姑表舅表哥”是我的誰？</p>
|
<p class="q">我哥如何稱呼我嶽母？</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="c-panel">
|
<div class="c-panel">
|
||||||
@ -215,49 +201,109 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="intro">
|
<div class="intro">
|
||||||
<h3>應用場景</h3>
|
<h3>應用場景</h3>
|
||||||
<p class="q">外舅公是我媽的誰？</p>
|
<p class="q">“七舅姥爺”和我“三叔公”是什麼關系？</p>
|
||||||
<p class="q">我爸應該叫舅老爺什麼？</p>
|
<p class="q">我的“堂弟”要叫“表弟”什麼？</p>
|
||||||
<p class="q">我嶽父怎麼叫我弟弟什麼？</p>
|
|
||||||
<p class="q">我哥如何稱呼我嶽母？</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ft">
|
</div>
|
||||||
<div class="banner">
|
</div>
|
||||||
<a href="/relationship/vue/" target="_blank">
|
<div class="mod-intro">
|
||||||
<span class="picture">
|
<div class="inner">
|
||||||
<img src="image/app.png" width="213" alt="親戚稱呼換算APP"/>
|
<div class="hd"><span>功能支持</span></div>
|
||||||
</span>
|
<div class="bd">
|
||||||
<span class="title">親戚稱呼計算器移動版</span>
|
<ul>
|
||||||
<span class="subtitle">無需下載APP，手機即查即用</span>
|
<li>
|
||||||
</a>
|
<div class="item">
|
||||||
</div>
|
<p class="q">1. 使用別稱查詢：</p>
|
||||||
<div class="article">
|
<p class="a">姥姥的爸爸的老竇 = 外曾外曾祖父</p>
|
||||||
<p>親屬是基於婚姻、血緣和法律擬制而形成的社會關系。親屬關系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孫子女和外孫子女、兒媳和公婆、女婿和嶽父母、以及其他三代以內的旁系血親，如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹等。</p>
|
<p class="a">娘子的爹地的母親 = 祖嶽母</p>
|
||||||
<p>親屬稱謂指是以本人爲中心確定親族成員和本人關系的名稱，是基於血親姻親基礎上的親屬之間相互稱呼的名稱、叫法。漢族的家族親屬關系條理分明尊卑有序：比自己長一輩的稱呼有姨姑舅叔伯，同輩的有兄弟姊妹、堂表親等等，下一輩有甥侄等等。中國人由於姻親而產生的親戚關系相當龐雜，“祖宗十八代”“五服”“九族”讓人難以區分，其派生出的各種稱謂也是中華文化的一大特征。</p>
|
<p class="a">嶽丈的媽咪的細佬 = 舅祖嶽父</p>
|
||||||
<p>如今由於工作生活節奏差異，很多關系稍疏遠的親戚之間來往並不多，年齡差異長幼輩分模糊。春節拜年走親戚遇到七大姑八大姨，往往會搞不清楚哪位親戚應該喊什麼稱呼，很是尷尬。不僅小孩搞不清親戚關系和親戚稱謂，就連年輕一代的大人也都常常模糊混亂。</p>
|
</div>
|
||||||
<p>“中國親戚關系計算器”爲你避免了叫錯、不會叫親戚的尷尬，收錄了中國親戚關系稱呼大全，只需簡單的輸入即可完成稱呼計算。稱呼計算器同時兼容了不同地域的方言叫法，你可以稱呼父親爲：“老爸”、“爹地”、“老爺子”等等。讓您準確的叫出親戚稱謂，理清親屬之間的親戚關系，輕鬆掌握中國式的親戚關系換算，讓你更了解中國文化。</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
<div class="copy">
|
<div class="item">
|
||||||
<p><span>本程序基於MIT許可協議開源，使用請保留版權信息</span></p>
|
<p class="q">2. 使用合稱查詢：</p>
|
||||||
<p><span>程序持續更新，如發現錯漏可在此</span><a class="text-red" href="https://github.com/mumuy/relationship/issues" rel="nofollow" target="_blank">反饋問題</a></p>
|
<p class="a">姐夫的雙親 = 姊妹姻父 / 姊妹姻母</p>
|
||||||
<p class="buttons">
|
<p class="a">媽媽的祖父母 = 外曾祖父 / 外曾祖母</p>
|
||||||
<a class="github-button" href="https://github.com/mumuy" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @mumuy on GitHub">Follow @mumuy</a>
|
<p class="a">弟弟的孩子 = 侄子 / 侄女</p>
|
||||||
<a class="github-button" href="https://github.com/mumuy/relationship" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mumuy/relationship on GitHub">Star</a>
|
</div>
|
||||||
</p>
|
</li>
|
||||||
<p>© <a href="http://passer-by.com">passer-by.com</a></p>
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">3. 大小數字混合查詢：</p>
|
||||||
|
<p class="a">大哥的二姑媽的七舅姥爺 = 舅曾外祖父</p>
|
||||||
|
<p class="a">二女婿的小姨 = 女姻姨妹</p>
|
||||||
|
<p class="a">大佬的三舅公的次子 = 舅表伯父 / 舅表叔父</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">4. 不限制祖輩孫輩跨度查詢：</p>
|
||||||
|
<p class="a">舅媽的婆婆的外甥的姨媽的侄子 = 舅表舅父</p>
|
||||||
|
<p class="a">老公的丈母娘的兒媳 = 兄弟媳婦</p>
|
||||||
|
<p class="a">外婆的孫子的舅媽的仔 = 舅表兄弟</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">5. 根據年齡推導可能性：</p>
|
||||||
|
<p class="a">哥哥的表姐 = 姑表姐、舅表姐</p>
|
||||||
|
<p class="a">堂妹的姐姐 = 堂姐妹</p>
|
||||||
|
<p class="a">弟弟的表哥 = 姑表兄弟、舅表兄弟</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="item">
|
||||||
|
<p class="q">6. 根據語境確認性別：</p>
|
||||||
|
<p class="a">老婆的女兒的外婆 = 嶽母</p>
|
||||||
|
<p class="a">愛人的婆婆的兒子 = 兄弟</p>
|
||||||
|
<p class="a">嶽母的配偶的兒子的爸爸 = 嶽父</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mod-article">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="bd">
|
||||||
|
<p>親屬是基於婚姻、血緣和法律擬制而形成的社會關系。親屬關系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孫子女和外孫子女、兒媳和公婆、女婿和嶽父母、以及其他三代以內的旁系血親，如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹等。</p>
|
||||||
|
<p>親屬稱謂指是以本人爲中心確定親族成員和本人關系的名稱，是基於血親姻親基礎上的親屬之間相互稱呼的名稱、叫法。漢族的家族親屬關系條理分明尊卑有序：比自己長一輩的稱呼有姨姑舅叔伯，同輩的有兄弟姊妹、堂表親等等，下一輩有甥侄等等。中國人由於姻親而產生的親戚關系相當龐雜，“祖宗十八代”“五服”“九族”讓人難以區分，其派生出的各種稱謂也是中華文化的一大特征。</p>
|
||||||
|
<p>如今由於工作生活節奏差異，很多關系稍疏遠的親戚之間來往並不多，年齡差異長幼輩分模糊。春節拜年走親戚遇到七大姑八大姨，往往會搞不清楚哪位親戚應該喊什麼稱呼，很是尷尬。不僅小孩搞不清親戚關系和親戚稱謂，就連年輕一代的大人也都常常模糊混亂。</p>
|
||||||
|
<p>“中國親戚關系計算器”爲你避免了叫錯、不會叫親戚的尷尬，收錄了中國親戚關系稱呼大全，只需簡單的輸入即可完成稱呼計算。稱呼計算器同時兼容了不同地域的方言叫法，你可以稱呼父親爲：“老爸”、“爹地”、“老爺子”等等。讓您準確的叫出親戚稱謂，理清親屬之間的親戚關系，輕鬆掌握中國式的親戚關系換算，讓你更了解中國文化。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mod-copy">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="hd"><span>算法開源</span></div>
|
||||||
|
<div class="bd">
|
||||||
|
<p><span>本程序基於 <a href="https://github.com/mumuy/relationship/blob/master/LICENSE" rel="nofollow" target="_blank">MIT許可協議</a> 開源，除需在源碼中保留版權信息和許可聲明外，你有權利進行使用、復制、修改、合並、出版發行等</span></p>
|
||||||
|
<p><span>算法持續更新中，如發現錯漏或有想法建議可在此</span> <a class="text-red" href="https://github.com/mumuy/relationship/issues" rel="nofollow" target="_blank">反饋問題</a></p>
|
||||||
|
<div class="buttons">
|
||||||
|
<a class="github-button" href="https://github.com/mumuy" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @mumuy on GitHub">Follow @mumuy</a>
|
||||||
|
<a class="github-button" href="https://github.com/mumuy/relationship/fork" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork mumuy/relationship on GitHub">Fork</a>
|
||||||
|
<a class="github-button" href="https://github.com/mumuy/relationship" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mumuy/relationship on GitHub">Star</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mod-qrcode">
|
</div>
|
||||||
<div class="box"><img src="image/qrcode.jpg" width="150" alt="親戚關系微信小程序"/></div>
|
<div class="mod-foot">
|
||||||
<p>微信掃一掃，使用小程序</p>
|
<div class="inner">
|
||||||
|
<div class="bd">
|
||||||
|
<div class="box">
|
||||||
|
<p><img src="image/qrcode.jpg" width="150" alt="親戚關系微信小程序"/></p>
|
||||||
|
<p>微信掃一掃，使用小程序</p>
|
||||||
|
</div>
|
||||||
|
<p>Copyright © <a href="http://passer-by.com">passer-by.com</a></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script type="text/javascript" src="dist/relationship.zh-HK.min.js"></script>
|
<script type="text/javascript" src="script/relationship.zh-HK.min.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
// 獲取數量
|
// 獲取數量
|
||||||
document.getElementById('count').innerText = relationship.dataCount;
|
document.getElementById('count').innerText = relationship.dataCount;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user