├── babel.config.js
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── views
    │   └── About.vue
    ├── plugins
    │   └── vuetify.js
    ├── main.js
    ├── components
    │   ├── Greeting.vue
    │   └── ElementList.vue
    ├── router.js
    └── App.vue
├── .gitignore
├── README.md
└── package.json


/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NUAA-Open-Source/Guide-Frontend/dev/public/favicon.ico


--------------------------------------------------------------------------------
/src/views/About.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="about">
3 |     <h1>This is an about page</h1>
4 |   </div>
5 | </template>
6 | 


--------------------------------------------------------------------------------
/src/plugins/vuetify.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import Vuetify from 'vuetify/lib';
 3 | 
 4 | Vue.use(Vuetify);
 5 | 
 6 | export default new Vuetify({
 7 |   icons: {
 8 |     iconfont: 'mdi',
 9 |   },
10 | });
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import vuetify from './plugins/vuetify';
 4 | import router from './router'
 5 | import axios from 'axios'
 6 | 
 7 | Vue.config.productionTip = false
 8 | Vue.prototype.$axios = axios
 9 | 
10 | new Vue({
11 |   vuetify,
12 |   router,
13 |   render: h => h(App)
14 | }).$mount('#app')
15 | 


--------------------------------------------------------------------------------
/src/components/Greeting.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-container>
 3 |     <v-row
 4 |       justify="center"
 5 |     >
 6 |       <v-col
 7 |          align-self="center"
 8 |          cols="12"
 9 |       >
10 |         <h1><v-icon large>mdi-heart</v-icon> 在这里，去发现……</h1>
11 |         <p>这里是 A2OS 的导航页，存放了南航非官方组织或个人开发的各类产品或小制作，以后可能会有更多内容，欢迎继续关注！</p>
12 |       </v-col>
13 |     </v-row>
14 |   </v-container>
15 | </template>
16 | 
17 | <script>
18 | export default {
19 |   
20 | }
21 | </script>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # A2OS-Guide
 2 | This is a guide page that contains all productions developed by individual students or unoffical student organizations.
 3 | 
 4 | ## Project setup
 5 | ```
 6 | yarn install
 7 | ```
 8 | 
 9 | ### Compiles and hot-reloads for development
10 | ```
11 | yarn run serve
12 | ```
13 | 
14 | ### Compiles and minifies for production
15 | ```
16 | yarn run build
17 | ```
18 | 
19 | ### Run your tests
20 | ```
21 | yarn run test
22 | ```
23 | 
24 | ### Lints and fixes files
25 | ```
26 | yarn run lint
27 | ```
28 | 
29 | ### Customize configuration
30 | See [Configuration Reference](https://cli.vuejs.org/config/).
31 | 
32 | 


--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Router from 'vue-router'
 3 | 
 4 | Vue.use(Router)
 5 | 
 6 | export default new Router({
 7 |   mode: 'history',
 8 |   base: process.env.BASE_URL,
 9 |   routes: [
10 |     {
11 |       path: '/',
12 |       name: 'home',
13 |       component: () => import(/* webpackChunkName: "about" */ './App.vue')
14 |     },
15 |     {
16 |       path: '/about',
17 |       name: 'about',
18 |       // route level code-splitting
19 |       // this generates a separate chunk (about.[hash].js) for this route
20 |       // which is lazy-loaded when the route is visited.
21 |       component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
22 |     }
23 |   ]
24 | })
25 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>a2os_guide</title>
 9 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
10 |   </head>
11 |   <body style="font-family: 'Microsoft Yahei'">
12 |     <noscript>
13 |       <strong>We're sorry but a2os_guide doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
14 |     </noscript>
15 |     <div id="app"></div>
16 |     <!-- built files will be auto injected -->
17 |   </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "a2os_guide",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "axios": "^0.19.0",
12 |     "core-js": "^2.6.5",
13 |     "vue": "^2.6.10",
14 |     "vue-axios": "^2.1.4",
15 |     "vue-router": "^3.1.2",
16 |     "vuetify": "^2.0.0"
17 |   },
18 |   "devDependencies": {
19 |     "@vue/cli-plugin-babel": "^3.11.0",
20 |     "@vue/cli-plugin-eslint": "^3.11.0",
21 |     "@vue/cli-service": "^3.11.0",
22 |     "babel-eslint": "^10.0.1",
23 |     "eslint": "^5.16.0",
24 |     "eslint-plugin-vue": "^5.0.0",
25 |     "sass": "^1.17.4",
26 |     "sass-loader": "^7.1.0",
27 |     "vue-cli-plugin-vuetify": "^0.6.3",
28 |     "vue-template-compiler": "^2.6.10",
29 |     "vuetify-loader": "^1.2.2"
30 |   },
31 |   "eslintConfig": {
32 |     "root": true,
33 |     "env": {
34 |       "node": true
35 |     },
36 |     "extends": [
37 |       "plugin:vue/essential",
38 |       "eslint:recommended"
39 |     ],
40 |     "rules": {},
41 |     "parserOptions": {
42 |       "parser": "babel-eslint"
43 |     }
44 |   },
45 |   "postcss": {
46 |     "plugins": {
47 |       "autoprefixer": {}
48 |     }
49 |   },
50 |   "browserslist": [
51 |     "> 1%",
52 |     "last 2 versions"
53 |   ]
54 | }
55 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-app>
 3 |     <v-app-bar
 4 |       app
 5 |       hide-on-scroll
 6 |       color="#00B0FF"
 7 |       style="color: black"
 8 |     >
 9 |       <v-toolbar-title class="headline text-uppercase">
10 |         <span style="margin-right: 5px">A2OS</span>
11 |         <span class="font-weight-light">Guide</span>
12 |       </v-toolbar-title>
13 |       <v-spacer></v-spacer>
14 |       <v-btn
15 |         text
16 |         href="https://www.a2os.club"
17 |         target="_blank"
18 |       >
19 |         <v-icon>mdi-home</v-icon>
20 |       </v-btn>
21 |       <v-btn
22 |         text
23 |         href="https://github.com/NUAA-Open-Source/"
24 |         target="_blank"
25 |       >
26 |         <v-icon>mdi-github-circle</v-icon>
27 |       </v-btn>
28 |     </v-app-bar>
29 | 
30 |     <v-content>
31 |       <Greeting/>
32 |       <ElementList/>
33 |     </v-content>
34 | 
35 |     <v-footer
36 |       app
37 |       color="#e6e6e6"
38 |     >
39 |       <v-layout justify-center>&copy;A2OS 2018-2019 All rights reserved.</v-layout>
40 |     </v-footer>
41 |   </v-app>
42 | </template>
43 | 
44 | <script>
45 | import Greeting from './components/Greeting';
46 | import ElementList from './components/ElementList';
47 | 
48 | export default {
49 |   name: 'App',
50 |   components: {
51 |     Greeting,
52 |     ElementList,
53 |   },
54 |   data: () => ({
55 |     //
56 |   }),
57 | };
58 | </script>
59 | 
60 | <style>
61 |   .bar-btn {
62 |     color: black;
63 |   }
64 | </style>
65 | 


--------------------------------------------------------------------------------
/src/components/ElementList.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-container>
 3 |     <v-row
 4 |       justify="center"
 5 |       class="card-container"
 6 |     >
 7 |         <v-col
 8 |           cols="12"
 9 |           sm="12"
10 |           md="6"
11 |           lg="4"
12 |           xl="3"
13 |           v-for="element in elements"
14 |           :key="element.id"
15 |         >
16 |           <v-card
17 |             hover
18 |           >
19 |             <v-card-title class="card-title">{{ element.name }}</v-card-title>
20 |             <v-card-text class="card-intro">{{ element.introduction }}</v-card-text>
21 |             <v-card-text>作者: {{ element.author }}</v-card-text>
22 |             <v-btn
23 |               text
24 |               v-bind:href="element.url"
25 |               target="_blank"
26 |             >
27 |               <v-icon>mdi-send</v-icon> 点击以访问
28 |             </v-btn>
29 |           </v-card>
30 |         </v-col>
31 |     </v-row>
32 |   </v-container>
33 | </template>
34 | 
35 | <script>
36 | export default {
37 |   name: 'Elementlist',
38 |   components: {
39 |   },
40 |   data: () => ({
41 |     elements: null
42 |   }),
43 |   mounted () {
44 |     this.$axios
45 |       .get('https://guide.a2os.club/api/cards/get/')
46 |       .then(response => (this.elements = response.data))
47 |   }
48 | };
49 | </script>
50 | 
51 | <style>
52 |   .card-title{
53 |     background-color: #00E5FF;
54 |     color: black;
55 |   }
56 | 
57 |   .card-intro{
58 |     margin-top: 10px;
59 |   }
60 | 
61 |   @media (min-width: 765px) {
62 |     .card-container
63 |     {
64 |       margin-right: auto;
65 |       margin-left: auto;
66 |       width: 745px;
67 |     }
68 |   }
69 | 
70 |   @media (min-width: 990px) {
71 |     .card-container
72 |     {
73 |       margin-right: auto;
74 |       margin-left: auto;
75 |       width: 960px;
76 |     }
77 |   }
78 | 
79 |   @media (min-width: 1200px) {
80 |     .card-container
81 |     {
82 |       margin-right: auto;
83 |       margin-left: auto;
84 |       width: 1170px;
85 |     }
86 |   }
87 | </style>


--------------------------------------------------------------------------------