vue-admin-better/src/views/vab/more/index.vue

78 lines
2.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="more-container">
<el-row :gutter="20">
<el-col :lg="8" :md="24" :sm="24" :xl="8" :xs="24">
<el-card>
<div slot="header">
开源版本
<el-button style="float: right; padding: 3px 0" type="text">永久免费 个人/商业使用</el-button>
</div>
<div>
<ul>
<li>永久开源免费支持横纵布局切换</li>
<li>
保留浏览器控制台打印即可免费商用页面中的作者信息可全部去除无需保留可快速入手框架包含打包优化公共外框布局layout本地化及自定义教程如需自定义版权及作者信息299自愿原则
</li>
<li>
开源地址
<a href="https://github.com/chuzhixin/vue-admin-beautiful" target="_blank">如果有幸帮到了你麻烦给个star</a>
</li>
<li>提供讨论群专属文档QQ群 9724353191139183756</li>
</ul>
</div>
</el-card>
</el-col>
<el-col :lg="8" :md="24" :sm="24" :xl="8" :xs="24">
<el-card>
<div slot="header">
VIP群
<el-button style="float: right; padding: 3px 0" type="text">1002021年1月起不再提供此服务</el-button>
</div>
<div>
<ul>
<li>为避免引起误解不再针对开源用户提供付费vip群</li>
</ul>
</div>
</el-card>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: 'More',
components: {},
data() {
return { nodeEnv: process.env.NODE_ENV }
},
created() {},
mounted() {},
methods: {},
}
</script>
<style lang="scss" scoped>
.more-container {
::v-deep {
.el-card__body {
> div {
min-height: 220px;
padding: 20px;
> ul {
> li {
line-height: 30px;
}
}
> img {
display: block;
margin: 40px auto;
border: 1px solid #dedede;
}
}
}
}
}
</style>