feat: 完成关于页面personality组件
This commit is contained in:
Airbo ZH
parent
130dbe6415
commit
f35411c4b7
|
|
@ -632,6 +632,46 @@ spec:
|
|||
</div>
|
||||
</h2>
|
||||
help: 支持 HTML 语法
|
||||
- $formkit: select
|
||||
name: personalities
|
||||
label: 人格
|
||||
help: 选择你的16人格
|
||||
value: infp
|
||||
options:
|
||||
- label: INFP
|
||||
value: infp
|
||||
- label: ENFP
|
||||
value: enfp
|
||||
- label: INFJ
|
||||
value: infj
|
||||
- label: ENFJ
|
||||
value: enfj
|
||||
- label: INTJ
|
||||
value: intj
|
||||
- label: ENTJ
|
||||
value: entj
|
||||
- label: INTP
|
||||
value: intp
|
||||
- label: ENTP
|
||||
value: entp
|
||||
- label: ISFP
|
||||
value: isfp
|
||||
- label: ESFP
|
||||
value: esfp
|
||||
- label: ISTP
|
||||
value: istp
|
||||
- label: ESTP
|
||||
value: estp
|
||||
- label: ISFJ
|
||||
value: isfj
|
||||
- label: ESFJ
|
||||
value: esfj
|
||||
- label: ISTJ
|
||||
value: istj
|
||||
- label: ESTJ
|
||||
value: estj
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -381,24 +381,130 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- personalities -->
|
||||
<div class="author-content">
|
||||
<div class="author-content-item personalities">
|
||||
<div class="author-content-item personalities" th:with="personality = ${theme.config.about.personalities}">
|
||||
<div class="author-content-item-tips">性格</div>
|
||||
<span class="author-content-item-title">调停者</span>
|
||||
<div class="title2" style="color: #56a178;">INFP-T</div>
|
||||
<div class="image"><img src="/img/avatar.webp"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
|
||||
target="_blank">16personalities</a> 了解更多关于 <a
|
||||
href="https://www.16personalities.com/ch/infp-%E4%BA%BA%E6%A0%BC"
|
||||
rel="noopener external nofollow"
|
||||
target="_blank">调停者</a></div>
|
||||
|
||||
<th:block th:if="${personality == 'infp'}">
|
||||
<span class="author-content-item-title">调停者</span>
|
||||
<div class="title2" style="color: #56a178;">INFP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/infp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">调停者</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'intj'}">
|
||||
<span class="author-content-item-title">建筑师</span>
|
||||
<div class="title2" style="color: #56a178;">INTJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/intj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">建筑师</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'intp'}">
|
||||
<span class="author-content-item-title">逻辑学家</span>
|
||||
<div class="title2" style="color: #56a178;">INTP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/intp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">逻辑学家</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'entj'}">
|
||||
<span class="author-content-item-title">指挥官</span>
|
||||
<div class="title2" style="color: #56a178;">ENTJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/entj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">指挥官</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'entp'}">
|
||||
<span class="author-content-item-title">辩论家</span>
|
||||
<div class="title2" style="color: #56a178;">ENTP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/entp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">辩论家</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'enfj'}">
|
||||
<span class="author-content-item-title">主人公</span>
|
||||
<div class="title2" style="color: #56a178;">ENFJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/enfj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">主人公</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'enfp'}">
|
||||
<span class="author-content-item-title">竞选者</span>
|
||||
<div class="title2" style="color: #56a178;">ENFP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/enfp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ENFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">竞选者</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'estj'}">
|
||||
<span class="author-content-item-title">总经理</span>
|
||||
<div class="title2" style="color: #56a178;">ESTJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/estj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">总经理</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'estp'}">
|
||||
<span class="author-content-item-title">企业家</span>
|
||||
<div class="title2" style="color: #56a178;">ESTP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/estp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">企业家</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'esfj'}">
|
||||
<span class="author-content-item-title">执政官</span>
|
||||
<div class="title2" style="color: #56a178;">ESFJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/esfj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">执政官</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'esfp'}">
|
||||
<span class="author-content-item-title">表演者</span>
|
||||
<div class="title2" style="color: #56a178;">ESFP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/esfp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ESFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">表演者</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'infj'}">
|
||||
<span class="author-content-item-title">提倡者</span>
|
||||
<div class="title2" style="color: #56a178;">INFJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/infj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/INFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">提倡者</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'istj'}">
|
||||
<span class="author-content-item-title">物流师</span>
|
||||
<div class="title2" style="color: #56a178;">ISTJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/istj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISTJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">物流师</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'istp'}">
|
||||
<span class="author-content-item-title">鉴赏家</span>
|
||||
<div class="title2" style="color: #56a178;">ISTP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/istp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISTP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">鉴赏家</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'isfj'}">
|
||||
<span class="author-content-item-title">守卫者</span>
|
||||
<div class="title2" style="color: #56a178;">ISFJ</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/isfj.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISFJ-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">守卫者</a></div>
|
||||
</th:block>
|
||||
|
||||
<th:block th:if="${personality == 'isfp'}">
|
||||
<span class="author-content-item-title">探险家</span>
|
||||
<div class="title2" style="color: #56a178;">ISFP</div>
|
||||
<div class="image"><img src="/themes/theme-hao/assets/images/isfp.svg"></div>
|
||||
<div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow" target="_blank">16personalities</a> 了解更多关于 <a th:href="@{'https://www.16personalities.com/ch/ISFP-%E4%BA%BA%E6%A0%BC'}" rel="noopener external nofollow" target="_blank">探险家</a></div>
|
||||
</th:block>
|
||||
|
||||
</div>
|
||||
<div class="author-content-item myphoto"><img alt="自拍" class="author-content-img" src="">
|
||||
<div class="author-content-item myphoto"><img alt="自拍" class="author-content-img" src="https://p.zhheo.com/2023788ba3b8739936f844e64f483faacaf1085602.png!cover">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- motto -->
|
||||
<div class="author-content">
|
||||
|
||||
<div class="author-content-item maxim">
|
||||
<div class="author-content-item-tips">座右铭</div>
|
||||
<span class="maxim-title"><span
|
||||
|
|
@ -414,6 +520,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- hobbies -->
|
||||
<div class="author-content">
|
||||
<div class="author-content-item left-side">
|
||||
<img alt="" src="https://p.zhheo.com/2023788ba3b8739936f844e64f483faacaf1085602.png!cover">
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.3 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.6 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.4 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.4 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.0 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.3 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.6 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.9 KiB |
Loading…
Reference in New Issue