Refactor code.

src/views/post/PostEdit.vue

@@ -2,11 +2,7 @@
   <div class="page-header-index-wide">
     <a-row :gutter="12">
       <a-col
-        :xl="24"
-        :lg="24"
-        :md="24"
-        :sm="24"
-        :xs="24"
+        :span="24"
       >
         <div style="margin-bottom: 16px">
           <a-input

src/views/sheet/SheetEdit.vue

@@ -1,13 +1,7 @@
 <template>
   <div class="page-header-index-wide">
     <a-row :gutter="12">
-      <a-col
-        :xl="24"
-        :lg="24"
-        :md="24"
-        :sm="24"
-        :xs="24"
-      >
+      <a-col :span="24">
         <div style="margin-bottom: 16px">
           <a-input
             v-model="sheetToStage.title"

src/views/sheet/SheetList.vue

@@ -1,13 +1,7 @@
 <template>
   <div class="page-header-index-wide">
     <a-row>
-      <a-col
-        :xl="24"
-        :lg="24"
-        :md="24"
-        :sm="24"
-        :xs="24"
-      >
+      <a-col :span="24">
         <div class="card-container">
           <a-tabs type="card">
             <a-tab-pane key="internal">
@@ -112,9 +106,7 @@
                     cancelText="取消"
                     v-else-if="sheet.status === 'RECYCLE'"
                   >
-                    <a
-                      href="javascript:;"
-                    >还原</a>
+                    <a href="javascript:;">还原</a>
                   </a-popconfirm>
 
                   <a-divider type="vertical" />
@@ -126,9 +118,7 @@
                     cancelText="取消"
                     v-if="sheet.status === 'PUBLISHED' || sheet.status === 'DRAFT'"
                   >
-                    <a
-                      href="javascript:;"
-                    >回收站</a>
+                    <a href="javascript:;">回收站</a>
                   </a-popconfirm>
 
                   <a-popconfirm
@@ -138,9 +128,7 @@
                     cancelText="取消"
                     v-else-if="sheet.status === 'RECYCLE'"
                   >
-                    <a
-                      href="javascript:;"
-                    >删除</a>
+                    <a href="javascript:;">删除</a>
                   </a-popconfirm>
 
                 </span>

src/views/sheet/internal/JournalList.vue

@@ -2,11 +2,7 @@
   <div class="page-header-index-wide">
     <a-row>
       <a-col
-        :xl="24"
-        :lg="24"
-        :md="24"
-        :sm="24"
-        :xs="24"
+        :span="24"
       >
         <a-card :bordered="false">
           <div class="table-page-search-wrapper">

src/views/system/Installation.vue

@@ -1,12 +1,79 @@
 <template>
   <div>
-    安装向导
-  </div>
+    <a-row>
+      <a-col
+        :xl="12"
+        :offset="6"
+      >
+        <div class="card-container">
+          <a-card :hoverable="true">
+            <div class="logo">
+              Halo<small style="font-size: 14px;">安装向导</small>
+            </div>
 
+            <a-form
+              :form="form"
+              :layout="horizontal"
+            >
+              <a-form-item label="博客名称">
+                <a-input />
+              </a-form-item>
+              <a-form-item label="博客地址">
+                <a-input />
+              </a-form-item>
+              <a-form-item label="用户邮箱">
+                <a-input />
+              </a-form-item>
+              <a-form-item label="用户名">
+                <a-input />
+              </a-form-item>
+              <a-form-item label="用户昵称">
+                <a-input />
+              </a-form-item>
+              <a-form-item label="用户密码">
+                <a-input />
+              </a-form-item>
+              <a-form-item label="确定密码">
+                <a-input />
+              </a-form-item>
+              <a-form-item>
+                <a-button type="primary">
+                  安装
+                </a-button>
+              </a-form-item>
+            </a-form>
+          </a-card>
+        </div>
+      </a-col>
+    </a-row>
+  </div>
 </template>
 
 <script>
+export default {
+  data() {
+    return {
+      wrapperCol: {
+        xl: { span: 8 },
+        lg: { span: 8 },
+        sm: { span: 12 },
+        xs: { span: 24 }
+      }
+    }
+  }
+}
 </script>
 
 <style lang="less" scoped>
+.card-container {
+  padding-top: 50px;
+}
+.logo {
+  font-size: 56px;
+  text-align: center;
+  margin-bottom: 25px;
+  font-weight: 500;
+  color: #444;
+  text-shadow: #b2baba 0.1em 0.1em 0.2em;
+}
 </style>

src/views/system/OptionForm.vue

@@ -1,13 +1,7 @@
 <template>
   <div class="page-header-index-wide">
     <a-row>
-      <a-col
-        :xl="24"
-        :lg="24"
-        :md="24"
-        :sm="24"
-        :xs="24"
-      >
+      <a-col :span="24">
         <div class="card-container">
           <a-tabs type="card">
             <a-tab-pane key="general">
@@ -335,7 +329,10 @@
                     label="操作员密码："
                     :wrapper-col="wrapperCol"
                   >
-                    <a-input type="password" v-model="options.oss_upyun_password" />
+                    <a-input
+                      type="password"
+                      v-model="options.oss_upyun_password"
+                    />
                   </a-form-item>
                   <a-form-item
                     label="文件目录："