refactor:update element-ui
This commit is contained in:
parent
fe31c88193
commit
e8b34bbc0d
|
@ -18,7 +18,7 @@
|
||||||
"codemirror": "5.31.0",
|
"codemirror": "5.31.0",
|
||||||
"dropzone": "5.2.0",
|
"dropzone": "5.2.0",
|
||||||
"echarts": "3.7.2",
|
"echarts": "3.7.2",
|
||||||
"element-ui": "2.0.1",
|
"element-ui": "2.0.2",
|
||||||
"file-saver": "1.3.3",
|
"file-saver": "1.3.3",
|
||||||
"font-awesome": "4.7.0",
|
"font-awesome": "4.7.0",
|
||||||
"js-cookie": "2.2.0",
|
"js-cookie": "2.2.0",
|
||||||
|
|
|
@ -1,25 +1,18 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="upload-container">
|
<div class="upload-container">
|
||||||
<el-button icon='upload' :style="{background:color,borderColor:color}" @click=" dialogVisible=true" type="primary">上传图片
|
<el-button icon='upload' :style="{background:color,borderColor:color}" @click=" dialogVisible=true" type="primary">上传图片
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-dialog v-model="dialogVisible">
|
<el-dialog :visible.sync="dialogVisible">
|
||||||
<el-upload
|
<el-upload class="editor-slide-upload" action="https://httpbin.org/post" :multiple="true" :file-list="fileList" :show-file-list="true"
|
||||||
class="editor-slide-upload"
|
list-type="picture-card" :on-remove="handleRemove" :on-success="handleSuccess" :before-upload="beforeUpload">
|
||||||
action="https://httpbin.org/post"
|
<el-button size="small" type="primary">点击上传</el-button>
|
||||||
:multiple="true"
|
</el-upload>
|
||||||
:file-list="fileList"
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
:show-file-list="true"
|
<el-button type="primary" @click="handleSubmit">确 定</el-button>
|
||||||
list-type="picture-card"
|
</el-dialog>
|
||||||
:on-remove="handleRemove"
|
</div>
|
||||||
:on-success="handleSuccess"
|
|
||||||
:before-upload="beforeUpload">
|
|
||||||
<el-button size="small" type="primary">点击上传</el-button>
|
|
||||||
</el-upload>
|
|
||||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="handleSubmit">确 定</el-button>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// import { getToken } from 'api/qiniu'
|
// import { getToken } from 'api/qiniu'
|
||||||
|
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
<img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
|
<img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-dialog title="随便看" :visible.sync="dialogVisible" size="large">
|
<el-dialog title="随便看" :visible.sync="dialogVisible">
|
||||||
<img class="pan-img" :src="ewizardClap">
|
<img class="pan-img" :src="ewizardClap">
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -74,7 +74,7 @@ export default {
|
||||||
statusFilter(status) {
|
statusFilter(status) {
|
||||||
const statusMap = {
|
const statusMap = {
|
||||||
published: 'success',
|
published: 'success',
|
||||||
draft: 'gray',
|
draft: 'info',
|
||||||
deleted: 'danger'
|
deleted: 'danger'
|
||||||
}
|
}
|
||||||
return statusMap[status]
|
return statusMap[status]
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="tab-container">
|
<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-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">
|
<el-tab-pane v-for="item in tabMapOptions" :label="item.label" :key='item.key' :name="item.key">
|
||||||
<keep-alive>
|
<keep-alive>
|
||||||
|
|
|
@ -136,7 +136,7 @@
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</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 :data="pvData" border fit highlight-current-row style="width: 100%">
|
||||||
<el-table-column prop="key" label="渠道"> </el-table-column>
|
<el-table-column prop="key" label="渠道"> </el-table-column>
|
||||||
<el-table-column prop="pv" label="pv"> </el-table-column>
|
<el-table-column prop="pv" label="pv"> </el-table-column>
|
||||||
|
@ -214,7 +214,7 @@ export default {
|
||||||
statusFilter(status) {
|
statusFilter(status) {
|
||||||
const statusMap = {
|
const statusMap = {
|
||||||
published: 'success',
|
published: 'success',
|
||||||
draft: 'gray',
|
draft: 'info',
|
||||||
deleted: 'danger'
|
deleted: 'danger'
|
||||||
}
|
}
|
||||||
return statusMap[status]
|
return statusMap[status]
|
||||||
|
|
|
@ -83,7 +83,7 @@ export default {
|
||||||
statusFilter(status) {
|
statusFilter(status) {
|
||||||
const statusMap = {
|
const statusMap = {
|
||||||
published: 'success',
|
published: 'success',
|
||||||
draft: 'gray',
|
draft: 'info',
|
||||||
deleted: 'danger'
|
deleted: 'danger'
|
||||||
}
|
}
|
||||||
return statusMap[status]
|
return statusMap[status]
|
||||||
|
|
|
@ -69,7 +69,7 @@ export default {
|
||||||
statusFilter(status) {
|
statusFilter(status) {
|
||||||
const statusMap = {
|
const statusMap = {
|
||||||
published: 'success',
|
published: 'success',
|
||||||
draft: 'gray',
|
draft: 'info',
|
||||||
deleted: 'danger'
|
deleted: 'danger'
|
||||||
}
|
}
|
||||||
return statusMap[status]
|
return statusMap[status]
|
||||||
|
|
|
@ -7,8 +7,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="box-item">
|
<div class="box-item">
|
||||||
<span class="field-label">换肤:</span>
|
<span class="field-label">换肤:</span>
|
||||||
<el-switch v-model="theme" on-text="" off-text="">
|
<el-switch v-model="theme"></el-switch>
|
||||||
</el-switch>
|
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
|
@ -19,7 +18,7 @@
|
||||||
<el-button type="warning">警告按钮</el-button>
|
<el-button type="warning">警告按钮</el-button>
|
||||||
<el-button type="danger">危险按钮</el-button>
|
<el-button type="danger">危险按钮</el-button>
|
||||||
<el-button type="info">信息按钮</el-button>
|
<el-button type="info">信息按钮</el-button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="block">
|
<div class="block">
|
||||||
|
@ -42,7 +41,6 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { toggleClass } from '@/utils'
|
import { toggleClass } from '@/utils'
|
||||||
// import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
|
// import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
|
||||||
|
@ -53,12 +51,11 @@ export default {
|
||||||
return {
|
return {
|
||||||
theme: false,
|
theme: false,
|
||||||
tags: [
|
tags: [
|
||||||
{ name: '标签一', type: '' },
|
{ name: 'Tag One', type: '' },
|
||||||
{ name: '标签二', type: 'gray' },
|
{ name: 'Tag Two', type: 'info' },
|
||||||
{ name: '标签三', type: 'primary' },
|
{ name: 'Tag Three', type: 'success' },
|
||||||
{ name: '标签四', type: 'success' },
|
{ name: 'Tag Four', type: 'warning' },
|
||||||
{ name: '标签五', type: 'warning' },
|
{ name: 'Tag Five', type: 'danger' }
|
||||||
{ name: '标签六', type: 'danger' }
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue