refactor:update element-ui

src/views/errorPage/401.vue

@@ -20,7 +20,7 @@
         <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
       </el-col>
     </el-row>
-    <el-dialog title="随便看" :visible.sync="dialogVisible" size="large">
+    <el-dialog title="随便看" :visible.sync="dialogVisible">
       <img class="pan-img" :src="ewizardClap">
     </el-dialog>
   </div>

src/views/example/tab/components/tabPane.vue

@@ -74,7 +74,7 @@ export default {
     statusFilter(status) {
       const statusMap = {
         published: 'success',
-        draft: 'gray',
+        draft: 'info',
         deleted: 'danger'
       }
       return statusMap[status]

src/views/example/tab/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="tab-container">
-    <el-tag type="primary">mounted times ：{{createdTimes}}</el-tag>
+    <el-tag>mounted times ：{{createdTimes}}</el-tag>
     <el-tabs style='margin-top:15px;' v-model="activeName" type="border-card">
       <el-tab-pane v-for="item in tabMapOptions" :label="item.label" :key='item.key' :name="item.key">
         <keep-alive>

src/views/example/table/complexTable.vue

@@ -136,7 +136,7 @@
       </div>
     </el-dialog>
 
-    <el-dialog title="阅读数统计" :visible.sync="dialogPvVisible" size="small">
+    <el-dialog title="阅读数统计" :visible.sync="dialogPvVisible">
       <el-table :data="pvData" border fit highlight-current-row style="width: 100%">
         <el-table-column prop="key" label="渠道"> </el-table-column>
         <el-table-column prop="pv" label="pv"> </el-table-column>
@@ -214,7 +214,7 @@ export default {
     statusFilter(status) {
       const statusMap = {
         published: 'success',
-        draft: 'gray',
+        draft: 'info',
         deleted: 'danger'
       }
       return statusMap[status]

src/views/example/table/dragTable.vue

@@ -83,7 +83,7 @@ export default {
     statusFilter(status) {
       const statusMap = {
         published: 'success',
-        draft: 'gray',
+        draft: 'info',
         deleted: 'danger'
       }
       return statusMap[status]

src/views/example/table/inlineEditTable.vue

@@ -69,7 +69,7 @@ export default {
     statusFilter(status) {
       const statusMap = {
         published: 'success',
-        draft: 'gray',
+        draft: 'info',
         deleted: 'danger'
       }
       return statusMap[status]

src/views/theme/index.vue

@@ -7,8 +7,7 @@
       </div>
       <div class="box-item">
         <span class="field-label">换肤:</span>
-        <el-switch v-model="theme" on-text="" off-text="">
-        </el-switch>
+        <el-switch v-model="theme"></el-switch>
       </div>
     </el-card>
 
@@ -19,7 +18,7 @@
         <el-button type="warning">警告按钮</el-button>
         <el-button type="danger">危险按钮</el-button>
         <el-button type="info">信息按钮</el-button>
-       </span>
+      </span>
     </div>
 
     <div class="block">
@@ -42,7 +41,6 @@
   </div>
 </template>
 
-
 <script>
 import { toggleClass } from '@/utils'
 // import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
@@ -53,12 +51,11 @@ export default {
     return {
       theme: false,
       tags: [
-        { name: '标签一', type: '' },
-        { name: '标签二', type: 'gray' },
-        { name: '标签三', type: 'primary' },
-        { name: '标签四', type: 'success' },
-        { name: '标签五', type: 'warning' },
-        { name: '标签六', type: 'danger' }
+        { name: 'Tag One', type: '' },
+        { name: 'Tag Two', type: 'info' },
+        { name: 'Tag Three', type: 'success' },
+        { name: 'Tag Four', type: 'warning' },
+        { name: 'Tag Five', type: 'danger' }
       ]
     }
   },