vscode peizhi

[simpul]

{
"etm-layout-split": {
"prefix": "etm-layout-split",
"body": [
"",
" <div slot="header">$1",
" <div slot="body">$2",
" <div slot="left">$3",
" <div slot="right">$4",
"

$5

",
""
],
"description": "主要布局组件, 默认设置为padding: 16px 16px 0 16px, 要求插入到该组件里的子组件留一个padding-bottom:16px"
},
"etm-tabs": {
"prefix": "etm-tabs",
"body": [
"<etm-tabs v-model="$1" setting @setting="$2">",
" <el-tab-pane label="$3" name="$4">",
" <etm-tool-bar v-model="$5" />",
" ",
""
],
"description": "标签页"
},
"etm-title": {
"prefix": "etm-title",
"body": [
"<etm-title show-toggle open-text="$1" close-text="$2" @toggle="$3">$4"
],
"description": "带色块一般用于字段小标题, 带下边框线一般用于二级页面大标题的场景"
},
"etm-status": {
"prefix": "etm-status",
"body": [
"<etm-status type="$1">primary:主题色/danger红色/active绿色/inactive灰色"
],
"description": "一般用于表格中的列的状态使用"
},
"etm-text": {
"prefix": "etm-text",
"body": [
"<etm-text type="$1">normal:黑色/primary:主题色/danger:红色"
],
"description": "表格状态按钮"
},
"etm-form": {
"prefix": "etm-form",
"body": [
"<etm-form type="dialog/small/big$1">",
" <el-form-item label="$2" prop="$3">",
""
],
"description": "一般配合etm-form-foot组件使用"
},
"etm-form-foot": {
"prefix": "etm-form-foot",
"body": [
"<etm-form-foot @save="$1" @canvel="$2" />"
],
"description": "表格底部的保存和取消按钮。该组件依赖etm-form, 否则不会根据etm-form的labelWidth来设置margin-left"
},
"etm-font-icon": {
"prefix": "etm-font-icon",
"body": [
"<etm-font-icon name="plus/minus$1" />"
],
"description": "一般用于表单动态添加删除的图标"
},
"etm-screen-tab": {
"prefix": "etm-screen-tab",
"body": [
"<etm-screen-tab :category-list="{name, value}$1" title="$2" @change="$3" />"
],
"description": "一般用于快捷筛选"
},
"etm-table": {
"prefix": "etm-table",
"body": [
"<etm-table :columns="columns" :data="tableData">",
" <el-table-column slot="right" label="$1" prop="$2">",
" <template slot-scope="scoped">",
" <etm-text type="primary">修改",
" ",
" ",
""
],
"description": "用于一般简单表格, 不使用分页的场景"
},
"etm-table-page": {
"prefix": "etm-table-page",
"body": [
"<etm-table :columns="columns" :data="tableData" @currentChange="currentChange">",
" <el-table-column slot="right" label="$1" prop="$2">",
" <template slot-scope="scoped">",
" <etm-text type="primary">修改",
" ",
" ",
""
],
"description": "用于模块首页表格, 数据量大需要分页的场景"
},
"etm-pop": {
"prefix": "etm-pop",
"body": [
"<etm-pop",
" :visible="showPop"",
" pop="simple/complex/big$1"",
" title="$2"",
" confirm-btn="确定"",
" cancel-btn="取消"",
" @OPEN="showPop = true"",
" @close="showPop = false"",
" @confirm="showPop = false"",
" @cancel="showPop = false"",
">$3"
],
"description": "根据传入的弹窗类型构造出相应尺寸的弹窗"
},
"etm-side": {
"prefix": "etm-side",
"body": [
"<etm-side",
" :visible="showSide"",
" title="$1"",
" @OPEN="showSide = true"",
" @close="showSide = false"",
">$2"
],
"description": "构造一个侧边弹窗"
},
"etm-tip": {
"prefix": "etm-tip",
"body": [
"this.$etmTip.init({",
" type: 'success/warn/error$1',",
" title: '$2',",
" content: '$3',",
" confirmBtn: '确认',",
" cancelBtn: '取消',",
" confirm: () => this.$etmTip.close(),",
" cancel: () => this.$etmTip.close()",
"})"
],
"description": "根据传入的弹窗类型构造出相应类型的提示弹窗"
},
"etm-drawer": {
"prefix": "etm-drawer",
"body": [
"<etm-drawer",
" :visible.sync="showDrawer"",
" type="small/big$1"",
">$2"
],
"description": "构造一个抽屉弹窗"
},
"etm-static-dialog": {
"prefix": "etm-static-dialog",
"body": [
"<etm-static-dialog",
" :visible.sync="showPop"",
" :target="target"",
" >$1"
],
"description": "构造一个无蒙版弹窗"
},
"etm-upload-avatar": {
"prefix": "etm-upload-avatar",
"body": [
"<etm-upload-avatar",
" v-model="avatar"",
" resource-name="myresource"",
" media-type="image"",
" :upload-file="uploadFile"",
" @success="success"",
"/>"
],
"description": "用于上传用户头像的组件"
}
}