d1733db874
Former-commit-id: 4d1b3a8887b907db7555bfe53648ed762dba9892 [formerly 4d1b3a8887b907db7555bfe53648ed762dba9892 [formerly 4d1b3a8887b907db7555bfe53648ed762dba9892 [formerly 4d1b3a8887b907db7555bfe53648ed762dba9892 [formerly 2ef0e6fdbf2fc0116fb75086242315f3dbec48ea [formerly 58a909b244521701be296255b19109ede6f6e026]]]]] Former-commit-id: ee181b29e947f0b153e512b4c52abfe9d76be811 Former-commit-id: da0acd29407fc35750d0c35a3d081de33323a5db Former-commit-id: e2767964b4b6a721a459b8a86850c7b2d4629436 [formerly 3b3395ce0f85d801a459e6d4ab85c5ddf074e1ea] Former-commit-id: db2f2c5ee8fc19e139213b6b0defd8a7668c8e58 Former-commit-id: 6ec66b8e7d1463e2538d6adb6df716220859e307 Former-commit-id: 3f4f38e1932f4e974246e2247562c18c8bc4777d Former-commit-id: 52522c2f656af093164cee9c3cbce4310bced354 Former-commit-id: 2b80d11df99ae511dfc7155e33837fae2f0ded2e
81 lines
2.2 KiB
Vue
81 lines
2.2 KiB
Vue
<template>
|
||
<d2-container
|
||
class="page"
|
||
:filename="filename">
|
||
<d2-page-cover
|
||
:title="`D2 Admin ${version}`"
|
||
sub-title="优雅的中后台集成方案">
|
||
<d2-icon-svg
|
||
class="page__logo"
|
||
name="d2-admin"/>
|
||
<template slot="footer">
|
||
<div class="page__btn-group">
|
||
<span @click="$open('https://github.com/d2-projects')">开源组织</span> |
|
||
<span @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
|
||
<span @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
|
||
<span @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> |
|
||
<span @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
|
||
<span @click="$open('https://awesome.fairyever.com/daily/')">开发者日报</span> |
|
||
<el-popover
|
||
:width="172"
|
||
trigger="hover">
|
||
<p class="d2-mt-0 d2-mb-10">D2Projects</p>
|
||
<img
|
||
src="./image/qr@2x.png"
|
||
style="width: 172px;">
|
||
<span slot="reference">微信公众号</span>
|
||
<p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;">
|
||
官方公众号，主要推送前端技术类文章、框架资源、学习教程，以及 D2 系列项目更新信息
|
||
</p>
|
||
</el-popover>
|
||
</div>
|
||
<d2-badge/>
|
||
<d2-help-btn/>
|
||
</template>
|
||
</d2-page-cover>
|
||
</d2-container>
|
||
</template>
|
||
|
||
<script>
|
||
import { mapState } from 'vuex'
|
||
import D2HelpBtn from './components/d2-help-btn'
|
||
import D2Badge from './components/d2-badge'
|
||
export default {
|
||
components: {
|
||
D2HelpBtn,
|
||
D2Badge
|
||
},
|
||
data () {
|
||
return {
|
||
filename: __filename
|
||
}
|
||
},
|
||
computed: {
|
||
...mapState('d2admin/releases', [
|
||
'version'
|
||
])
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
@import '~@/assets/style/public.scss';
|
||
.page {
|
||
.page__logo {
|
||
width: 120px;
|
||
}
|
||
.page__btn-group {
|
||
color: $color-text-placehoder;
|
||
font-size: 12px;
|
||
margin-top: -10px;
|
||
margin-bottom: 20px;
|
||
span {
|
||
color: $color-text-sub;
|
||
&:hover {
|
||
color: $color-text-main;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|