更新 footer、partMore

This commit is contained in:
ciaochaos 2020-06-12 15:35:47 +08:00
parent aa74be4d10
commit 12a98f5773
3 changed files with 34 additions and 13 deletions

View File

@ -568,16 +568,29 @@ input[type="number"]{
} }
.Qr-footer { .Qr-footer {
color: #1D1D1F; color: #515154;
margin-bottom: -4px; margin-bottom: -1em;
} }
.Gray { .Gray {
color: #86868B; color: #86868B;
} }
.gray {
color: #d2d2d7;
}
.Qr-footer div { .Qr-footer div {
margin-bottom: 4px; margin-bottom: 1em;
line-height: 1.5em;
}
.Qr-footer strong {
color: #000000 !important;
}
.Qr-footer-part span {
display: inline-block;
} }
a { a {
@ -592,6 +605,7 @@ a {
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
color: #1D1D1F;
} }
#wx-message-inner { #wx-message-inner {
@ -646,7 +660,6 @@ a:hover {
@media (min-width: 500px) { @media (min-width: 500px) {
.note-font { .note-font {
color: #1D1D1F;
font-size: 14px; font-size: 14px;
} }

View File

@ -16,14 +16,22 @@ const PartFooter = () => (
<a href="https://github.com/CPunisher/" <a href="https://github.com/CPunisher/"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank">CPunisher target="_blank">CPunisher
</a>&ensp;&ensp; </a>
<a href="https://www.yuque.com/qrbtf/docs/contact" rel="noopener noreferrer" target="_blank">联系我们</a> <span className="gray">&ensp;&ensp;</span>
<span><a href="https://www.yuque.com/qrbtf/docs/contact" rel="noopener noreferrer" target="_blank">联系我们</a><span className="gray">&ensp;&ensp;</span></span>
<span><a href="https://www.yuque.com/qrbtf/docs/coop" rel="noopener noreferrer" target="_blank">合作咨询</a></span>
</div>
<div className="Qr-footer-part">
<strong>更多产品</strong>&emsp;
<span><a href="https://mdnice.com" rel="noopener noreferrer" target="_blank">mdnice 公众号排版</a><span className="gray">&ensp;&ensp;</span></span>
<span><a href="https://urlify.cn/" rel="noopener noreferrer" target="_blank">Urlify 短链接</a><span className="gray">&ensp;&ensp;</span></span>
<span><a href="https://imgkr.com/" rel="noopener noreferrer" target="_blank">imgkr 图壳图床</a><span className="gray">&ensp;&ensp;</span></span>
<span><a href="https://blog.ciaochaos.com/mpmath/" rel="noopener noreferrer" target="_blank">mpMath 公众号公式插件</a></span>
</div> </div>
<div className="Gray"> <div className="Gray">
Copyright © {currentYear} QRBTF. 保留所有权利 Copyright © {currentYear} QRBTF. 保留所有权利<br />
</div>
<div className="Gray">
<a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank"> <a href="http://www.beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank">
ICP 19005869 ICP 19005869

View File

@ -9,7 +9,7 @@ const PartMore = () => (
<div className="Qr-s-title">More</div> <div className="Qr-s-title">More</div>
<p className="Qr-s-subtitle">更多</p> <p className="Qr-s-subtitle">更多</p>
<div className="Qr-article"> <div className="Qr-article">
<GitHubButton href="https://github.com/ciaochaos/qrbtf" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star ciaochaos/qrbtf on GitHub">Star</GitHubButton> <p><GitHubButton className="github-btn" href="https://github.com/ciaochaos/qrbtf" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star ciaochaos/qrbtf on GitHub">Star</GitHubButton></p>
<h2>最新消息</h2> <h2>最新消息</h2>
<p><b>2020.6.11</b><br/>QRBTF React 组件发布快在你的应用中引入 react-qrbtf <a href='https://github.com/cpunisher/react-qrbtf' rel="noopener noreferrer" target="_blank">访问项目</a></p> <p><b>2020.6.11</b><br/>QRBTF React 组件发布快在你的应用中引入 react-qrbtf <a href='https://github.com/cpunisher/react-qrbtf' rel="noopener noreferrer" target="_blank">访问项目</a></p>
<p><b>2020.5.23</b><br/>网站开源啦<a href='https://github.com/ciaochaos/qrbtf' rel="noopener noreferrer" target="_blank">点击访问</a> 我们的 Github。期待你也来参与设计、开发给个 Star 支持一下不?查看文章 <a href='https://mp.weixin.qq.com/s/GFEMCWQu3e2qhTuBabnHmQ' rel="noopener noreferrer" target="_blank">QRBTF 开源啦来写个二维码样式吧</a></p> <p><b>2020.5.23</b><br/>网站开源啦<a href='https://github.com/ciaochaos/qrbtf' rel="noopener noreferrer" target="_blank">点击访问</a> 我们的 Github。期待你也来参与设计、开发给个 Star 支持一下不?查看文章 <a href='https://mp.weixin.qq.com/s/GFEMCWQu3e2qhTuBabnHmQ' rel="noopener noreferrer" target="_blank">QRBTF 开源啦来写个二维码样式吧</a></p>
@ -30,12 +30,12 @@ const PartMore = () => (
</div> </div>
<div className="Qr-Centered btn-row"> <div className="Qr-Centered btn-row">
<div className="div-btn"> <div className="div-btn">
<LinkButton href={"https://www.yuque.com/qrbtf/docs/donate"} value={"打赏 & 赞助"} /> <LinkButton href={"https://www.yuque.com/qrbtf/docs/donate"} value={"打赏"} />
<LinkButton href={"https://github.com/ciaochaos/qrbtf"} value={"Github"} /> <LinkButton href={"https://github.com/ciaochaos/qrbtf"} value={"Github"} />
</div> </div>
<div className="div-btn"> <div className="div-btn">
<LinkButton href={"https://www.yuque.com/qrbtf/topics"} value={"问题反馈"} /> <LinkButton href={"https://github.com/ciaochaos/qrbtf/issues"} value={"反馈"} />
<LinkButton href={"https://www.yuque.com/qrbtf/docs/coop"} value={"合作咨询"} /> <LinkButton href={"https://mp.weixin.qq.com/s/GFEMCWQu3e2qhTuBabnHmQ"} value={"开发"} />
</div> </div>
</div> </div>
</div> </div>