|
@@ -4,42 +4,110 @@ const { page } = useData()
|
|
|
|
|
|
const footerGroups = [
|
|
const footerGroups = [
|
|
{
|
|
{
|
|
- mainLink: { text: '品牌', url: 'https://www.jianyu360.cn/brand/index', target: '_blank' },
|
|
|
|
|
|
+ mainLink: {
|
|
|
|
+ text: '品牌',
|
|
|
|
+ url: 'https://www.jianyu360.cn/brand/index',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
links: [
|
|
links: [
|
|
- { text: '公司介绍', url: 'https://www.jianyu360.cn/brand/index', target: '_blank' },
|
|
|
|
- { text: '发展历程', url: 'https://www.jianyu360.cn/brand/index#history', target: '_blank' },
|
|
|
|
- { text: '公司动态', url: 'https://www.jianyu360.cn/brand/index#Company_Dynamic', target: '_blank' },
|
|
|
|
- { text: '加入我们', url: 'https://www.jianyu360.cn/brand/index#join_us', target: '_blank' },
|
|
|
|
- { text: '联系我们', url: 'https://www.jianyu360.cn/brand/index#contact_us', target: '_blank' }
|
|
|
|
|
|
+ {
|
|
|
|
+ text: '公司介绍',
|
|
|
|
+ url: 'https://www.jianyu360.cn/brand/index',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '发展历程',
|
|
|
|
+ url: 'https://www.jianyu360.cn/brand/index#history',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '公司动态',
|
|
|
|
+ url: 'https://www.jianyu360.cn/brand/index#Company_Dynamic',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '加入我们',
|
|
|
|
+ url: 'https://www.jianyu360.cn/brand/index#join_us',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '联系我们',
|
|
|
|
+ url: 'https://www.jianyu360.cn/brand/index#contact_us',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ }
|
|
]
|
|
]
|
|
},
|
|
},
|
|
{
|
|
{
|
|
mainLink: { text: '业界团队', url: 'javascript:;' },
|
|
mainLink: { text: '业界团队', url: 'javascript:;' },
|
|
links: [
|
|
links: [
|
|
- { text: '拓普前端技术文档', url: 'http://192.168.3.42/doc/home/', target: '_blank' },
|
|
|
|
- { text: '凹凸实验室', url: 'https://o2team.github.io/', target: '_blank' },
|
|
|
|
- { text: '淘系前端团队', url: 'https://fed.taobao.org/', target: '_blank' },
|
|
|
|
- { text: '百度 FEX', url: 'https://fex-team.github.io/', target: '_blank' },
|
|
|
|
|
|
+ {
|
|
|
|
+ text: '拓普前端技术文档',
|
|
|
|
+ url: 'http://192.168.3.42/doc/home/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '凹凸实验室',
|
|
|
|
+ url: 'https://o2team.github.io/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '淘系前端团队',
|
|
|
|
+ url: 'https://fed.taobao.org/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '百度 FEX',
|
|
|
|
+ url: 'https://fex-team.github.io/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
{ text: 'AlloyTeam', url: 'https://www.alloyteam.com/', target: '_blank' }
|
|
{ text: 'AlloyTeam', url: 'https://www.alloyteam.com/', target: '_blank' }
|
|
]
|
|
]
|
|
},
|
|
},
|
|
{
|
|
{
|
|
mainLink: { text: '内网相关', url: 'javascript:;' },
|
|
mainLink: { text: '内网相关', url: 'javascript:;' },
|
|
links: [
|
|
links: [
|
|
- { text: 'OA 办公', url: 'http://1.192.217.143:8985/seeyon/main.do', target: '_blank' },
|
|
|
|
- { text: 'KB 看板', url: 'https://jykb.jydev.jianyu360.com/dashboard', target: '_blank' },
|
|
|
|
- { text: 'Verdaccio', url: 'http://192.168.3.71:4873/', target: '_blank' },
|
|
|
|
- { text: 'Sentry 监控', url: 'https://jysentry.jydev.jianyu360.cn/', target: '_blank' },
|
|
|
|
|
|
+ {
|
|
|
|
+ text: 'OA 办公',
|
|
|
|
+ url: 'http://1.192.217.143:8985/seeyon/main.do',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: 'KB 看板',
|
|
|
|
+ url: 'https://jykb.jydev.jianyu360.com/dashboard',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: 'Verdaccio',
|
|
|
|
+ url: 'http://172.20.100.235:14873/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: 'Sentry 监控',
|
|
|
|
+ url: 'https://jysentry.jydev.jianyu360.cn/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
{ text: 'YAPI 文档', url: 'http://192.168.3.71:4000/', target: '_blank' }
|
|
{ text: 'YAPI 文档', url: 'http://192.168.3.71:4000/', target: '_blank' }
|
|
]
|
|
]
|
|
},
|
|
},
|
|
{
|
|
{
|
|
mainLink: { text: '快捷链接', url: 'javascript:;' },
|
|
mainLink: { text: '快捷链接', url: 'javascript:;' },
|
|
links: [
|
|
links: [
|
|
- { text: 'MDN', url: 'https://developer.mozilla.org/zh-CN/', target: '_blank' },
|
|
|
|
- { text: 'BrowsersList', url: 'https://browserslist.dev/', target: '_blank' },
|
|
|
|
|
|
+ {
|
|
|
|
+ text: 'MDN',
|
|
|
|
+ url: 'https://developer.mozilla.org/zh-CN/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: 'BrowsersList',
|
|
|
|
+ url: 'https://browserslist.dev/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
{ text: 'Can I use', url: 'https://caniuse.com/', target: '_blank' },
|
|
{ text: 'Can I use', url: 'https://caniuse.com/', target: '_blank' },
|
|
- { text: '可视化正则工具', url: 'https://jex.im/regulex/', target: '_blank' },
|
|
|
|
|
|
+ {
|
|
|
|
+ text: '可视化正则工具',
|
|
|
|
+ url: 'https://jex.im/regulex/',
|
|
|
|
+ target: '_blank'
|
|
|
|
+ },
|
|
{ text: '可视化 AST', url: 'https://astexplorer.net/', target: '_blank' }
|
|
{ text: '可视化 AST', url: 'https://astexplorer.net/', target: '_blank' }
|
|
]
|
|
]
|
|
}
|
|
}
|
|
@@ -47,43 +115,68 @@ const footerGroups = [
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
- <section class='common-footer-container'>
|
|
|
|
- <div class='footer-links'>
|
|
|
|
- <div class='footer-links-content w'>
|
|
|
|
- <div class='footer-service-links'>
|
|
|
|
- <div class='service-links-left'>
|
|
|
|
- <dl v-for='(group, index) in footerGroups' :key='index' class='service-links-item'>
|
|
|
|
- <dt class='service-links-name'>
|
|
|
|
- <a :href='group.mainLink.url' :target='group.mainLink.target'
|
|
|
|
- class='service-link cms-link'>{{ group.mainLink.text }}</a>
|
|
|
|
|
|
+ <section class="common-footer-container">
|
|
|
|
+ <div class="footer-links">
|
|
|
|
+ <div class="footer-links-content w">
|
|
|
|
+ <div class="footer-service-links">
|
|
|
|
+ <div class="service-links-left">
|
|
|
|
+ <dl
|
|
|
|
+ v-for="(group, index) in footerGroups"
|
|
|
|
+ :key="index"
|
|
|
|
+ class="service-links-item"
|
|
|
|
+ >
|
|
|
|
+ <dt class="service-links-name">
|
|
|
|
+ <a
|
|
|
|
+ :href="group.mainLink.url"
|
|
|
|
+ :target="group.mainLink.target"
|
|
|
|
+ class="service-link cms-link"
|
|
|
|
+ >{{ group.mainLink.text }}</a
|
|
|
|
+ >
|
|
</dt>
|
|
</dt>
|
|
- <dd v-for='(link, linkIndex) in group.links' :key='linkIndex' class='service-links-children'>
|
|
|
|
- <a :href='link.url' :target='link.target' class='service-link cms-link'>{{ link.text }}</a>
|
|
|
|
|
|
+ <dd
|
|
|
|
+ v-for="(link, linkIndex) in group.links"
|
|
|
|
+ :key="linkIndex"
|
|
|
|
+ class="service-links-children"
|
|
|
|
+ >
|
|
|
|
+ <a
|
|
|
|
+ :href="link.url"
|
|
|
|
+ :target="link.target"
|
|
|
|
+ class="service-link cms-link"
|
|
|
|
+ >{{ link.text }}</a
|
|
|
|
+ >
|
|
</dd>
|
|
</dd>
|
|
</dl>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
- <div class='service-links-right'>
|
|
|
|
- <div class='service-links-right-content'>
|
|
|
|
|
|
+ <div class="service-links-right">
|
|
|
|
+ <div class="service-links-right-content">
|
|
<!-- 右侧内容 -->
|
|
<!-- 右侧内容 -->
|
|
- <div class='service-links-right-module logo'>
|
|
|
|
- <div class='logo-large'>
|
|
|
|
- <img alt='logo-large' src='https://cdn-ali2.jianyu360.com/images/pc/logo.png?v=24487'>
|
|
|
|
|
|
+ <div class="service-links-right-module logo">
|
|
|
|
+ <div class="logo-large">
|
|
|
|
+ <img
|
|
|
|
+ alt="logo-large"
|
|
|
|
+ src="https://cdn-ali2.jianyu360.com/images/pc/logo.png?v=24487"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class='service-links-right-module customer-phone'></div>
|
|
|
|
- <div class='service-links-right-module qr-list'>
|
|
|
|
- <div class='qr-box'>
|
|
|
|
- <div class='qr-img'>
|
|
|
|
- <img alt='download-app'
|
|
|
|
- src='https://www.jianyu360.cn/front/downloadJyApp/qr?page=pc_bottom&source=pc_scan'>
|
|
|
|
|
|
+ <div class="service-links-right-module customer-phone"></div>
|
|
|
|
+ <div class="service-links-right-module qr-list">
|
|
|
|
+ <div class="qr-box">
|
|
|
|
+ <div class="qr-img">
|
|
|
|
+ <img
|
|
|
|
+ alt="download-app"
|
|
|
|
+ src="https://www.jianyu360.cn/front/downloadJyApp/qr?page=pc_bottom&source=pc_scan"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
- <p class='qr-text'>扫码下载</p>
|
|
|
|
|
|
+ <p class="qr-text">扫码下载</p>
|
|
</div>
|
|
</div>
|
|
- <div class='qr-box'>
|
|
|
|
- <div class='qr-img'>
|
|
|
|
- <img alt='follow-me' src='https://www.jianyu360.cn/front/share/NQMKDCRFBAgGA0xXSF5XQAQEBABEDgIn'>
|
|
|
|
|
|
+ <div class="qr-box">
|
|
|
|
+ <div class="qr-img">
|
|
|
|
+ <img
|
|
|
|
+ alt="follow-me"
|
|
|
|
+ src="https://www.jianyu360.cn/front/share/NQMKDCRFBAgGA0xXSF5XQAQEBABEDgIn"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
- <p class='qr-text'>扫码关注</p>
|
|
|
|
|
|
+ <p class="qr-text">扫码关注</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -91,8 +184,8 @@ const footerGroups = [
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class='footer-copyright'>
|
|
|
|
- <p class='copyright w'><span>©2015至今 jianyu360.cn 版权所有 </span></p>
|
|
|
|
|
|
+ <div class="footer-copyright">
|
|
|
|
+ <p class="copyright w"><span>©2015至今 jianyu360.cn 版权所有 </span></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</template>
|
|
</template>
|
|
@@ -104,8 +197,8 @@ const footerGroups = [
|
|
}
|
|
}
|
|
.footer-links {
|
|
.footer-links {
|
|
padding: 16px 48px;
|
|
padding: 16px 48px;
|
|
- background-color: #2B2D30;
|
|
|
|
- color: rgba(255, 255, 255, .8);
|
|
|
|
|
|
+ background-color: #2b2d30;
|
|
|
|
+ color: rgba(255, 255, 255, 0.8);
|
|
text-align: center;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
@@ -146,7 +239,7 @@ a.service-link:hover {
|
|
.service-links-name a {
|
|
.service-links-name a {
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
font-size: inherit;
|
|
font-size: inherit;
|
|
- color: rgba(255, 255, 255, .8);
|
|
|
|
|
|
+ color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
}
|
|
|
|
|
|
.service-links-children {
|
|
.service-links-children {
|
|
@@ -156,7 +249,7 @@ a.service-link:hover {
|
|
.service-links-children a {
|
|
.service-links-children a {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
- color: rgba(255, 255, 255, .6);
|
|
|
|
|
|
+ color: rgba(255, 255, 255, 0.6);
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
@@ -250,5 +343,4 @@ a.service-link:hover {
|
|
border-left-color: transparent;
|
|
border-left-color: transparent;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
</style>
|
|
</style>
|