feat(Loading): 现在的 loading 不再覆盖全屏

Author: Hukeqing

README.md

@@ -16,10 +16,10 @@
  - [x] 本地渲染题面(0.2.0)
  - [x] 缓存题面(0.3.0)
  - [ ] 查看某次提交记录
- - [ ] 缓存管理系统
+ - [x] 缓存管理系统
  - [ ] css 自定义页面
- - [ ] 解除加载锁定
- - [ ] 加快获取 XCsrfToken
+ - [x] 解除加载锁定
+ - [x] 加快获取 XCsrfToken
 
 ## 本地编译使用方法
 **由于同源策略，本地使用时会出现同源策略问题**

src/components/Contest.vue

@@ -101,7 +101,7 @@ export default {
             let loading = this.$loading({
                 lock: true,
                 text: '正在拉取题目',
-                spinner: 'el-icon-loading',
+                target: document.getElementById('main'),
                 background: 'rgba(0, 0, 0, 0.7)'
             })
             contest.getContestProblem(this.myCid, (e, p) => {

src/components/ContestList.vue

@@ -77,7 +77,6 @@
                 </el-button>
             </el-button-group>
         </template>
-
     </div>
 </template>
 
@@ -104,7 +103,7 @@ export default {
             let loading = this.$loading({
                 lock: true,
                 text: '正在拉取比赛列表',
-                spinner: 'el-icon-loading',
+                target: document.getElementById('main'),
                 background: 'rgba(0, 0, 0, 0.7)'
             })
             fetch('https://codeforces.com/api/contest.list').then(response => response.json()).then(json => {

src/components/Home.vue

@@ -47,7 +47,7 @@
                     </el-menu-item>
                 </el-menu>
             </el-aside>
-            <el-main>
+            <el-main id="main">
                 <Login v-if="status===1" :user="user" :logout="logout" v-on:login="login"></Login>
                 <Submit v-if="status===2" :user="user" :contestId="contestId" :problemId="problemId"
                         v-on:submitOver="submitOver"></Submit>

src/components/LocalManager.vue

@@ -5,7 +5,8 @@
             删除账号信息
         </el-button>
         <el-table :data="problems"
-                  style="width: 100%">
+                  style="width: 100%"
+                  v-loading="loading">
             <el-table-column
                 prop="id"
                 label="问题编号"
@@ -40,11 +41,13 @@ export default {
     data() {
         return {
             account: false,
-            problems: []
+            problems: [],
+            loading: false
         }
     },
 
     created() {
+        this.loading = true
         if (window.localStorage.getItem('email') != null)
             this.account = true
         if (window.localStorage.savedProblem != null) {
@@ -58,6 +61,7 @@ export default {
                 this.problems.push(pro)
             }
         }
+        this.loading = false
     },
 
     methods: {

src/components/Login.vue

@@ -65,7 +65,6 @@ export default {
             let loading = this.$loading({
                 lock: true,
                 text: '正在登录',
-                spinner: 'el-icon-loading',
                 background: 'rgba(0, 0, 0, 0.7)'
             })
 
@@ -98,7 +97,6 @@ export default {
             let loading = this.$loading({
                 lock: true,
                 text: '正在退出登录',
-                spinner: 'el-icon-loading',
                 background: 'rgba(0, 0, 0, 0.7)'
             })
             common.logout(this.logout, (e) => {

src/components/Problem.vue

@@ -160,7 +160,7 @@ export default {
             let loading = this.$loading({
                 lock: true,
                 text: '正在拉取题面',
-                spinner: 'el-icon-loading',
+                target: document.getElementById('main'),
                 background: 'rgba(0, 0, 0, 0.7)'
             })
             problem.getProblem(this.myCid, this.myPid, (e, d) => {

src/components/Submit.vue

@@ -144,7 +144,7 @@ export default {
             let loading = this.$loading({
                 lock: true,
                 text: '正在提交',
-                spinner: 'el-icon-loading',
+                target: document.getElementById('main'),
                 background: 'rgba(0, 0, 0, 0.7)'
             })
             common.getXCsrfToken((e, x) => {

src/static/crawler/common.js

@@ -5,7 +5,7 @@ let cheerio = require('cheerio')
 module.exports = {
     getXCsrfToken: function (callback) {
         let opts = {
-            url: basic.url,
+            url: 'https://codeforces.com/contest/1/problem/A',
             method: 'GET',
             headers: {
                 'User-Agent': basic.userAgent