修改组件名称

Author: fanxiaocheng

template/src/components/index.js

@@ -5,8 +5,8 @@ import tableList from './table/index';
 import form from './form/index';
 import pagination from './pagination/index';
 
-Vue.component('x-panel', panel);
-Vue.component('x-modal', modal);
-Vue.component('x-table', tableList);
-Vue.component('x-pagination', pagination);
-Vue.component('x-form', form);
+Vue.component('cd-panel', panel);
+Vue.component('cd-modal', modal);
+Vue.component('cd-table', tableList);
+Vue.component('cd-pagination', pagination);
+Vue.component('cd-form', form);

template/src/components/table/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="x-table" v-loading="isLoading" v-if="list">
+  <div class="cd-table" v-loading="isLoading" v-if="list">
     <el-table ref="table" :data="list.data" @sort-change="sortsChange" @expand-change='expandChange' :stripe="tableConfig.stripe" :default-sort="tableConfig['default-sort']" :cell-class-name="tableConfig['cell-class-name']" :show-header="tableConfig['show-header']" :highlight-current-row="tableConfig['highlight-current-row']">
       <el-table-column
         v-for="(column,index) in columns"
@@ -17,12 +17,12 @@
 			<slot name="expand"></slot>
 		</el-table>
 
-    <x-pagination
+    <cd-pagination
       :total="list.paging.total"
 			:limit="list.paging.limit"
 			:offset="list.paging.offset"
 			@current-change="changePage">
-    </x-pagination>
+    </cd-pagination>
   </div>
 </template>
 

template/src/containers/course/list/index-by-using-x-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <x-table ref="table" class="courses-table" v-bind="{ 'list': { data: courseData, paging }, columns, config }" @changePage="currentChange">
+  <cd-table ref="table" class="courses-table" v-bind="{ 'list': { data: courseData, paging }, columns, config }" @changePage="currentChange">
     <!-- <el-table-column :width="180" v-if="isExpand"></el-table-column> -->
     <template slot="scope">
       <el-table-column label="操作" width="120">
@@ -8,7 +8,7 @@
         </template>
       </el-table-column>
     </template>
-  </x-table>
+  </cd-table>
 </template>
 
 <script>

template/src/containers/homepage/index.vue

@@ -40,22 +40,22 @@
         </cd-panel>
       </el-col>
     </el-row>
-    <x-modal size="md" ref="modal-md">
+    <cd-modal size="md" ref="modal-md">
       <h3 slot="header">模态框1</h3>
       <div slot="body" class="cvp-text-center">模态框body</div>
       <div slot="footer" class="cvp-text-right">
         模态框footer
       </div>
-    </x-modal>
-    <x-modal size="sm" position="center" ref="modal-lg">
+    </cd-modal>
+    <cd-modal size="sm" position="center" ref="modal-lg">
       <h3 slot="header">模态框2</h3>
       <div slot="body" class="cvp-text-center">
         <el-button type="primary" @click="message">提示消息示例</el-button>
       </div>
       <div slot="footer" class="cvp-text-right">
         模态框footer
       </div>
-    </x-modal>
+    </cd-modal>
   </div>
 </template>
 

template/src/containers/login-bg-using-form.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="login-form">
     <div class="login-form__title">登录</div>
-    <x-form :model="loginForm" label-position="top" ref="form" :formItem="formItem" :buttons="buttons">
+    <cd-form :model="loginForm" label-position="top" ref="form" :formItem="formItem" :buttons="buttons">
       <span style="font-size: 12px" slot="el-form-item">请使用try6.edusoho.cn上的账号登录</span>
-    </x-form>
+    </cd-form>
   </div>
 </template>