finished all release

pages/index.vue

-<template>
-  <div class="container">
-    <div>
-      <h1 class="title">
-      </h1>
-      <card-container
-        title="最新回答"
-        label="换一换"
-        more="加载更多"
-        width="938px"
-        height="786px"
-      ></card-container>
-      <card-container
-        title="热门项目"
-        label="更新"
-        more="更多项目"
-        width="302px"
-        height="446px"
-      ></card-container>
-      <nav-wrap></nav-wrap>
-      <h2 class="subtitle" @click="showAlert">
-        beyond-clouds project
-      </h2>
-</div>
-  </div>
-</template>
-
-<script>
-
-
-import CardContainer from '../components/pc/cardContainer';
-import NavWrap from '../components/pc/nav/navWrap';
-
-
-
-export default {
-  data(){
-    return{
-      hello:'fasdfasf'
-    }
-  },
-  components:{
-
-    CardContainer,NavWrap
-
-
-  },
-
-  methods:{
-    showAlert(){
-
-      // $alert 使用方法
-      this.$alert('确认清空消息列表？', '', {
-        confirmButtonText: '确定',
-        // callback: action => {
-        //   this.$message({
-        //     type: 'info',
-        //     message: `action: ${ action }`,
-        //     confirmButtonPosition: 'left',
-        //   });
-        // }
-      });
-    }
-  },
-
-
-  mounted(){
-   // this.$popupbox();
-
-    // message 使用方法
-
-    // this.$message({
-    //   message:'hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello',
-    //   type:'info'
-    // })
-
-  }
-}
-</script>
-
-<style scoped>
-.container {
-  margin: 0 auto;
-  min-height: 300vh;
-  display: flex;
-  /*background-color: #fff;*/
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-}
-
-.title {
-  font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  display: block;
-  font-weight: 300;
-  font-size: 100px;
-  color: #35495e;
-  letter-spacing: 1px;
-}
-
-.subtitle {
-  font-weight: 300;
-  font-size: 42px;
-  color: #526488;
-  word-spacing: 5px;
-  padding-bottom: 15px;
-}
-
-.links {
-  padding-top: 15px;
-}
-</style>