refactor: update element-ui 2.0

This commit is contained in:
Pan 2017-11-24 13:50:31 +08:00 committed by 花裤衩
parent 3abc6b14c6
commit cd047c5ac4
4 changed files with 19 additions and 8 deletions

View File

@ -1,6 +1,6 @@
import Vue from 'vue' import Vue from 'vue'
import ElementUI from 'element-ui' import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css' import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/en' import locale from 'element-ui/lib/locale/lang/en'
import App from './App' import App from './App'
import router from './router' import router from './router'

View File

@ -17,6 +17,10 @@ html {
box-sizing: inherit; box-sizing: inherit;
} }
div:focus{
outline: none;
}
a:focus, a:focus,
a:active { a:active {
outline: none; outline: none;

View File

@ -20,7 +20,7 @@
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="Instant delivery"> <el-form-item label="Instant delivery">
<el-switch on-text="" off-text="" v-model="form.delivery"></el-switch> <el-switch v-model="form.delivery"></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="Activity type"> <el-form-item label="Activity type">
<el-checkbox-group v-model="form.type"> <el-checkbox-group v-model="form.type">
@ -70,3 +70,10 @@ export default {
} }
} }
</script> </script>
<style scoped>
.line{
text-align: center;
}
</style>

View File

@ -2,32 +2,32 @@
<div class="app-container"> <div class="app-container">
<el-table :data="list" v-loading.body="listLoading" element-loading-text="拼命加载中" border fit highlight-current-row> <el-table :data="list" v-loading.body="listLoading" element-loading-text="拼命加载中" border fit highlight-current-row>
<el-table-column align="center" label='ID' width="95"> <el-table-column align="center" label='ID' width="95">
<template scope="scope"> <template slot-scope="scope">
{{scope.$index}} {{scope.$index}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Title"> <el-table-column label="Title">
<template scope="scope"> <template slot-scope="scope">
{{scope.row.title}} {{scope.row.title}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Author" width="110" align="center"> <el-table-column label="Author" width="110" align="center">
<template scope="scope"> <template slot-scope="scope">
<span>{{scope.row.author}}</span> <span>{{scope.row.author}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Pageviews" width="110" align="center"> <el-table-column label="Pageviews" width="110" align="center">
<template scope="scope"> <template slot-scope="scope">
{{scope.row.pageviews}} {{scope.row.pageviews}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column class-name="status-col" label="Status" width="110" align="center"> <el-table-column class-name="status-col" label="Status" width="110" align="center">
<template scope="scope"> <template slot-scope="scope">
<el-tag :type="scope.row.status | statusFilter">{{scope.row.status}}</el-tag> <el-tag :type="scope.row.status | statusFilter">{{scope.row.status}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="created_at" label="Display_time" width="200"> <el-table-column align="center" prop="created_at" label="Display_time" width="200">
<template scope="scope"> <template slot-scope="scope">
<i class="el-icon-time"></i> <i class="el-icon-time"></i>
<span>{{scope.row.display_time}}</span> <span>{{scope.row.display_time}}</span>
</template> </template>