back-conference/src/views/home/index.vue

<template>
  <div class="site-content site-content--home">
    <el-card :style="contentViewStyles">
      <h3>项目介绍</h3>
      <ul>
        <li>一个轻量级的Java快速开发平台，能快速开发项目并交付【接私活利器】</li>
        <li>友好的代码结构及注释，便于阅读及二次开发</li>
        <li>完善的XSS防范及脚本过滤，彻底杜绝XSS攻击</li>
        <li>实现前后端分离，通过token进行数据交互</li>
        <li>推荐使用阿里云服务器部署项目，免费领取阿里云优惠券，请点击【<a href="//promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=y93lfwbg&productCode=dmspre&utm_source=y93lfwbg" target="_blank">免费领取</a>】</li>
      </ul>
      <h3>获取帮助</h3>
      <ul>
        <li>官方社区：<a href="//renren.io" target="_blank">renren.io</a></li>
        <li>前端Git地址：<a href="//github.com/daxiongYang/renren-fast-vue" target="_blank">github.com/daxiongYang/renren-fast-vue</a></li>
        <li>后台Git地址：<a href="//git.oschina.net/renrenio/renren-fast" target="_blank">git.oschina.net/renrenio/renren-fast</a></li>
        <li>代码生成器：<a href="//git.oschina.net/renrenio/renren-generator" target="_blank">git.oschina.net/renrenio/renren-generator</a></li>
        <li>如需关注项目最新动态，请Watch、Star项目，同时也是对项目最好的支持</li>
      </ul>
      <h3>官方QQ群</h3>
      <ul>
        <li>高级群：324780204(大牛云集，跟大牛学习新技能)</li>
        <li>普通群：145799952(学习交流，互相解答各种疑问)</li>
      </ul>
    </el-card>
  </div>
</template>

<script>
  export default {
    data () {
      return {
      }
    },
    computed: {
      contentViewStyles () {
        var height = this.$store.state.documentClientHeight
        height -= 50 // site-topbar
        height -= 15 // site-content padding-top
        height -= 15 // site-content padding-bottom
        height += 'px'
        return [
          { minHeight: height }
        ]
      }
    }
  }
</script>

<style>
  .site-content--home {
    line-height: 1.5;
  }
</style>