mirror of
https://github.com/sahadev/vue-component-creater-ui.git
synced 2025-07-01 22:14:52 +08:00
fix: all elementui problem
This commit is contained in:
parent
69468604c9
commit
1fe41fa768
1847
master_vue3.diff
Normal file
1847
master_vue3.diff
Normal file
File diff suppressed because it is too large
Load Diff
@ -61,28 +61,28 @@
|
|||||||
<el-row lc_id="B0lJgeMQgq">
|
<el-row lc_id="B0lJgeMQgq">
|
||||||
<el-col :sm="12" :lg="6" lc_id="aj5rgx9gtC">
|
<el-col :sm="12" :lg="6" lc_id="aj5rgx9gtC">
|
||||||
<el-result icon="success" lc-mark title="成功提示" subtitle="请根据提示进行操作" lc_id="TkxmLNdH1k">
|
<el-result icon="success" lc-mark title="成功提示" subtitle="请根据提示进行操作" lc_id="TkxmLNdH1k">
|
||||||
<template slot="extra" lc_id="eKy+B81uWz">
|
<template #extra lc_id="eKy+B81uWz">
|
||||||
<el-button type="primary" size="medium" lc_id="mjvsUigHYK">返回</el-button>
|
<el-button type="primary" size="medium" lc_id="mjvsUigHYK">返回</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-result>
|
</el-result>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :sm="12" :lg="6" lc_id="t8NFAo4Rh9">
|
<el-col :sm="12" :lg="6" lc_id="t8NFAo4Rh9">
|
||||||
<el-result icon="warning" lc-mark title="警告提示" subtitle="请根据提示进行操作" lc_id="H66rtRO+l7">
|
<el-result icon="warning" lc-mark title="警告提示" subtitle="请根据提示进行操作" lc_id="H66rtRO+l7">
|
||||||
<template slot="extra" lc_id="NZlnnaHVpe">
|
<template #extra lc_id="NZlnnaHVpe">
|
||||||
<el-button type="primary" size="medium" lc_id="8+A/PdJlL/">返回</el-button>
|
<el-button type="primary" size="medium" lc_id="8+A/PdJlL/">返回</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-result>
|
</el-result>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :sm="12" :lg="6" lc_id="UqNiIqJz/1">
|
<el-col :sm="12" :lg="6" lc_id="UqNiIqJz/1">
|
||||||
<el-result icon="error" lc-mark title="错误提示" subtitle="请根据提示进行操作" lc_id="g7rPSUMWcM">
|
<el-result icon="error" lc-mark title="错误提示" subtitle="请根据提示进行操作" lc_id="g7rPSUMWcM">
|
||||||
<template slot="extra" lc_id="04xPYOz/ON">
|
<template #extra lc_id="04xPYOz/ON">
|
||||||
<el-button type="primary" size="medium" lc_id="7MAezDvKx5">返回</el-button>
|
<el-button type="primary" size="medium" lc_id="7MAezDvKx5">返回</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-result>
|
</el-result>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :sm="12" :lg="6" lc_id="+ix6hlAfDe">
|
<el-col :sm="12" :lg="6" lc_id="+ix6hlAfDe">
|
||||||
<el-result icon="info" lc-mark title="信息提示" subtitle="请根据提示进行操作" lc_id="/vmCqxMpho">
|
<el-result icon="info" lc-mark title="信息提示" subtitle="请根据提示进行操作" lc_id="/vmCqxMpho">
|
||||||
<template slot="extra" lc_id="b1LfBHu9OM">
|
<template #extra lc_id="b1LfBHu9OM">
|
||||||
<el-button type="primary" size="medium" lc_id="ke499n5dzw">返回</el-button>
|
<el-button type="primary" size="medium" lc_id="ke499n5dzw">返回</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-result>
|
</el-result>
|
||||||
|
@ -19,7 +19,9 @@
|
|||||||
<div class="demonstration-element" lc_id="E3WQ46Qh+3">Popconfirm 气泡确认框</div>
|
<div class="demonstration-element" lc_id="E3WQ46Qh+3">Popconfirm 气泡确认框</div>
|
||||||
<div lc-mark lc_id="BV2HA7n4nF">
|
<div lc-mark lc_id="BV2HA7n4nF">
|
||||||
<el-popconfirm title="这是一段内容确定删除吗?" lc_id="7E1QCXlcDx">
|
<el-popconfirm title="这是一段内容确定删除吗?" lc_id="7E1QCXlcDx">
|
||||||
<el-button slot="reference" lc_id="L3NACLWO2F">删除</el-button>
|
<template #reference>
|
||||||
|
<el-button lc_id="L3NACLWO2F">删除</el-button>
|
||||||
|
</template>
|
||||||
</el-popconfirm>
|
</el-popconfirm>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -27,7 +29,9 @@
|
|||||||
<div class="demonstration-element" lc_id="IKCjwiwx+W">Popover 弹出框</div>
|
<div class="demonstration-element" lc_id="IKCjwiwx+W">Popover 弹出框</div>
|
||||||
<div lc-mark lc_id="HNyqxKw9lC">
|
<div lc-mark lc_id="HNyqxKw9lC">
|
||||||
<el-popover placement="bottom" title="标题" width="200" trigger="click" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。" lc_id="hZL/Yh0bMe">
|
<el-popover placement="bottom" title="标题" width="200" trigger="click" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。" lc_id="hZL/Yh0bMe">
|
||||||
<el-button slot="reference" lc_id="1pN5tai2mM">click 激活</el-button>
|
<template #reference>
|
||||||
|
<el-button lc_id="1pN5tai2mM">click 激活</el-button>
|
||||||
|
</template>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,101 +1,122 @@
|
|||||||
<template lc_id="1FrH/bXxoo">
|
<template lc_id="1FrH/bXxoo">
|
||||||
<div lc_id="jhcqX3j75w">
|
<div lc_id="jhcqX3j75w">
|
||||||
<div lc_id="Tu4in0CaIW">
|
<div lc_id="Tu4in0CaIW">
|
||||||
<div class="demonstration-element" lc_id="oxVsd4rXLl">Radio 单选框</div>
|
<div class="demonstration-element" lc_id="oxVsd4rXLl">Radio 单选框</div>
|
||||||
<el-radio-group v-model="radio" lc-mark lc_id="0vrFpPvU4H">
|
<el-radio-group v-model="radio" lc-mark lc_id="0vrFpPvU4H">
|
||||||
<el-radio :label="3" lc_id="7sB/IHgMEP">备选项</el-radio>
|
<el-radio :label="3" lc_id="7sB/IHgMEP">备选项</el-radio>
|
||||||
<el-radio :label="6" lc_id="iUKVuE/8U4">备选项</el-radio>
|
<el-radio :label="6" lc_id="iUKVuE/8U4">备选项</el-radio>
|
||||||
<el-radio :label="9" lc-mark lc_id="YKnWJ/dyc+">备选项</el-radio>
|
<el-radio :label="9" lc-mark lc_id="YKnWJ/dyc+">备选项</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<div lc_id="XIuuMTW+0j">
|
<div lc_id="XIuuMTW+0j">
|
||||||
<div class="demonstration-element" lc_id="UJkx2Yas25">Checkbox 多选框</div>
|
<div class="demonstration-element" lc_id="UJkx2Yas25">Checkbox 多选框</div>
|
||||||
<el-checkbox-group lc-mark v-model="checkList" lc_id="5Ej1enwgPV">
|
<el-checkbox-group lc-mark v-model="checkList" lc_id="5Ej1enwgPV">
|
||||||
<el-checkbox label="复选框 A" lc_id="UjSwDuUvwN"></el-checkbox>
|
<el-checkbox label="复选框 A" lc_id="UjSwDuUvwN"></el-checkbox>
|
||||||
<el-checkbox label="复选框 B" lc_id="Lh5ruzddpf"></el-checkbox>
|
<el-checkbox label="复选框 B" lc_id="Lh5ruzddpf"></el-checkbox>
|
||||||
<el-checkbox lc-mark label="复选框 C" lc_id="9I+2SXunYS"></el-checkbox>
|
<el-checkbox lc-mark label="复选框 C" lc_id="9I+2SXunYS"></el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</div>
|
</div>
|
||||||
<div lc_id="t5nTZdVOYh">
|
<div lc_id="t5nTZdVOYh">
|
||||||
<el-input v-model="input" placeholder="请输入内容" lc-mark lc_id="oQTDIZ45WD"></el-input>
|
<el-input v-model="input" placeholder="请输入内容" lc-mark lc_id="oQTDIZ45WD"></el-input>
|
||||||
<el-input type="textarea" lc-mark :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="textarea2" lc_id="0Lb1i+lJ+e"></el-input>
|
<el-input type="textarea" lc-mark :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="textarea2"
|
||||||
</div>
|
lc_id="0Lb1i+lJ+e"></el-input>
|
||||||
<div lc_id="5XvABKZyMr">
|
</div>
|
||||||
<div class="demonstration-element" lc_id="P4RAkEgdAX">InputNumber 计数器</div>
|
<div lc_id="5XvABKZyMr">
|
||||||
<div style="display:inline-block;width:200px;" lc-mark lc_id="33vSscOdJg">
|
<div class="demonstration-element" lc_id="P4RAkEgdAX">InputNumber 计数器</div>
|
||||||
<el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字" lc_id="ok2OSKYUlS"></el-input-number>
|
<div style="display:inline-block;width:200px;" lc-mark lc_id="33vSscOdJg">
|
||||||
</div>
|
<el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字" lc_id="ok2OSKYUlS">
|
||||||
<div style="display:inline-block;width:200px;" lc-mark lc_id="kZfDuqPsUe">
|
</el-input-number>
|
||||||
<el-input-number v-model="num" controls-position="right" @change="handleChange" :min="1" :max="10" lc_id="ZLZ2cuIsQX"></el-input-number>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div lc_id="zexMdT18+i">
|
|
||||||
<div class="demonstration-element" lc_id="RUghSMgJOW">Select 选择器</div>
|
|
||||||
<el-select v-model="value" lc-mark placeholder="请选择" lc_id="H9t9iMrAPl">
|
|
||||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" lc_id="GF42PHtHg8"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
<div lc_id="V4l/IYxRw8">
|
|
||||||
<div class="demonstration-element" lc_id="ASIXtb8VYa">Cascader 级联选择器</div>
|
|
||||||
<el-cascader lc-mark v-model="value2" :options="options2" @change="handleChange" lc_id="pPI4GNJgyK"></el-cascader>
|
|
||||||
</div>
|
|
||||||
<div lc_id="nP4qIv2zGf">
|
|
||||||
<div class="demonstration-element" lc_id="CLnpHQZ3Cb">Switch 开关</div>
|
|
||||||
<el-switch lc-mark v-model="value3" active-text="按月付费" inactive-text="按年付费" lc_id="QS2PN4VAu6"></el-switch>
|
|
||||||
</div>
|
|
||||||
<div lc_id="+X3HFNOUDN">
|
|
||||||
<div class="demonstration-element" lc_id="duxYsm2Bqk">Slider 滑块</div>
|
|
||||||
<el-slider lc-mark v-model="value4" lc_id="pZrnjv27e0"></el-slider>
|
|
||||||
</div>
|
|
||||||
<div lc_id="0CqPUH7Loi">
|
|
||||||
<div class="demonstration-element" lc_id="Kn94f+Qtq6">TimePicker 时间选择器</div>
|
|
||||||
<el-time-select v-model="value5" lc-mark :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }" placeholder="选择时间" lc_id="ocidZ8kNvi"></el-time-select>
|
|
||||||
<el-time-picker lc-mark is-range v-model="value1" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围" lc_id="ul4df4BXqL"></el-time-picker>
|
|
||||||
</div>
|
|
||||||
<div lc_id="vIkUj/Mdx4">
|
|
||||||
<div class="demonstration-element" lc_id="9BXiYtOw1H">DatePicker 日期选择器</div>
|
|
||||||
<el-date-picker v-model="value6" lc-mark type="date" placeholder="选择日期" lc_id="aF5L+DvW8P"></el-date-picker>
|
|
||||||
<el-date-picker v-model="dateValue1" lc-mark type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" lc_id="KsspMcw+vf"></el-date-picker>
|
|
||||||
</div>
|
|
||||||
<div lc_id="z/NsnEmneM">
|
|
||||||
<div class="demonstration-element" lc_id="31TQ4nvcpw">Upload 上传</div>
|
|
||||||
<div lc_id="XTNxQoBU4c">
|
|
||||||
<el-upload action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple lc-mark :limit="3" :on-exceed="handleExceed" :file-list="fileList" lc_id="koVshztGXe">
|
|
||||||
<el-button size="small" type="primary" lc_id="8K/MngdcDq">点击上传</el-button>
|
|
||||||
<div slot="tip" class="el-upload__tip" lc_id="JhGGSZvOOw">只能上传jpg/png文件,且不超过500kb</div>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
<div lc-mark style="max-width:400px;font-size:12px;" lc_id="uVTyfuZHcZ">
|
|
||||||
用户头像上传: <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" lc_id="ggkspVsxtO">
|
|
||||||
<img v-if="imageUrl" :src="imageUrl" class="avatar" lc_id="Xq6mKxhmD2"/> <i v-else class="el-icon-plus avatar-uploader-icon" lc_id="yMQJeTHV0Q"></i>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
<div lc-mark style="max-width:400px;font-size:12px;" lc_id="oLOYzhC3OV">
|
|
||||||
图片列表缩略图: <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" list-type="picture" lc_id="q2XrT8yeX0">
|
|
||||||
<el-button size="small" type="primary" lc_id="5u/ST0LLg3">点击上传</el-button>
|
|
||||||
<div slot="tip" class="el-upload__tip" lc_id="jtqWimxhcH">只能上传jpg/png文件,且不超过500kb</div>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
<div lc_id="+p5NODNW9x">
|
|
||||||
<el-upload class="upload-demo" lc-mark drag action="https://jsonplaceholder.typicode.com/posts/" multiple lc_id="xBGaLT6/i0">
|
|
||||||
<i class="el-icon-upload" lc_id="IYJxHubhoK"></i>
|
|
||||||
<div class="el-upload__text" lc_id="XlmNpvTMq9">
|
|
||||||
将文件拖到此处,或 <em lc_id="F1wzfewKQd">点击上传</em>
|
|
||||||
</div>
|
|
||||||
<div class="el-upload__tip" slot="tip" lc_id="kLNHsmuBIJ">只能上传jpg/png文件,且不超过500kb</div>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div lc_id="rmSgFvvDvt">
|
|
||||||
<div class="demonstration-element" lc_id="h5uo8CrShR">Rate 评分</div>
|
|
||||||
<el-rate v-model="value7" lc-mark show-text lc_id="UK81nB7671"></el-rate>
|
|
||||||
</div>
|
|
||||||
<div lc_id="G7LuObrLMZ">
|
|
||||||
<div class="demonstration-element" lc_id="HeOPHNf8Ew">ColorPicker 颜色选择器</div>
|
|
||||||
<el-color-picker lc-mark v-model="color1" lc_id="1pcEEM5BsF"></el-color-picker>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<div style="display:inline-block;width:200px;" lc-mark lc_id="kZfDuqPsUe">
|
||||||
|
<el-input-number v-model="num" controls-position="right" @change="handleChange" :min="1" :max="10"
|
||||||
|
lc_id="ZLZ2cuIsQX"></el-input-number>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div lc_id="zexMdT18+i">
|
||||||
|
<div class="demonstration-element" lc_id="RUghSMgJOW">Select 选择器</div>
|
||||||
|
<el-select v-model="value" lc-mark placeholder="请选择" lc_id="H9t9iMrAPl">
|
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" lc_id="GF42PHtHg8">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
<div lc_id="V4l/IYxRw8">
|
||||||
|
<div class="demonstration-element" lc_id="ASIXtb8VYa">Cascader 级联选择器</div>
|
||||||
|
<el-cascader lc-mark v-model="value2" :options="options2" @change="handleChange" lc_id="pPI4GNJgyK"></el-cascader>
|
||||||
|
</div>
|
||||||
|
<div lc_id="nP4qIv2zGf">
|
||||||
|
<div class="demonstration-element" lc_id="CLnpHQZ3Cb">Switch 开关</div>
|
||||||
|
<el-switch lc-mark v-model="value3" active-text="按月付费" inactive-text="按年付费" lc_id="QS2PN4VAu6"></el-switch>
|
||||||
|
</div>
|
||||||
|
<div lc_id="+X3HFNOUDN">
|
||||||
|
<div class="demonstration-element" lc_id="duxYsm2Bqk">Slider 滑块</div>
|
||||||
|
<el-slider lc-mark v-model="value4" lc_id="pZrnjv27e0"></el-slider>
|
||||||
|
</div>
|
||||||
|
<div lc_id="0CqPUH7Loi">
|
||||||
|
<div class="demonstration-element" lc_id="Kn94f+Qtq6">TimePicker 时间选择器</div>
|
||||||
|
<el-time-select v-model="value5" lc-mark :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }"
|
||||||
|
placeholder="选择时间" lc_id="ocidZ8kNvi"></el-time-select>
|
||||||
|
<el-time-picker lc-mark is-range v-model="value1" range-separator="至" start-placeholder="开始时间"
|
||||||
|
end-placeholder="结束时间" placeholder="选择时间范围" lc_id="ul4df4BXqL"></el-time-picker>
|
||||||
|
</div>
|
||||||
|
<div lc_id="vIkUj/Mdx4">
|
||||||
|
<div class="demonstration-element" lc_id="9BXiYtOw1H">DatePicker 日期选择器</div>
|
||||||
|
<el-date-picker v-model="value6" lc-mark type="date" placeholder="选择日期" lc_id="aF5L+DvW8P"></el-date-picker>
|
||||||
|
<el-date-picker v-model="dateValue1" lc-mark type="daterange" range-separator="至" start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期" lc_id="KsspMcw+vf"></el-date-picker>
|
||||||
|
</div>
|
||||||
|
<div lc_id="z/NsnEmneM">
|
||||||
|
<div class="demonstration-element" lc_id="31TQ4nvcpw">Upload 上传</div>
|
||||||
|
<div lc_id="XTNxQoBU4c">
|
||||||
|
<el-upload action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview"
|
||||||
|
:on-remove="handleRemove" :before-remove="beforeRemove" multiple lc-mark :limit="3" :on-exceed="handleExceed"
|
||||||
|
:file-list="fileList" lc_id="koVshztGXe">
|
||||||
|
<el-button size="small" type="primary" lc_id="8K/MngdcDq">点击上传</el-button>
|
||||||
|
<template #tip>
|
||||||
|
<div class="el-upload__tip" lc_id="JhGGSZvOOw">只能上传jpg/png文件,且不超过500kb</div>
|
||||||
|
</template>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
<div lc-mark style="max-width:400px;font-size:12px;" lc_id="uVTyfuZHcZ">
|
||||||
|
用户头像上传: <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/"
|
||||||
|
:show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"
|
||||||
|
lc_id="ggkspVsxtO">
|
||||||
|
<img v-if="imageUrl" :src="imageUrl" class="avatar" lc_id="Xq6mKxhmD2" /> <i v-else
|
||||||
|
class="el-icon-plus avatar-uploader-icon" lc_id="yMQJeTHV0Q"></i>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
<div lc-mark style="max-width:400px;font-size:12px;" lc_id="oLOYzhC3OV">
|
||||||
|
图片列表缩略图: <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"
|
||||||
|
:on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" list-type="picture"
|
||||||
|
lc_id="q2XrT8yeX0">
|
||||||
|
<el-button size="small" type="primary" lc_id="5u/ST0LLg3">点击上传</el-button>
|
||||||
|
<template #tip>
|
||||||
|
<div class="el-upload__tip" lc_id="jtqWimxhcH">只能上传jpg/png文件,且不超过500kb</div>
|
||||||
|
</template>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
<div lc_id="+p5NODNW9x">
|
||||||
|
<el-upload class="upload-demo" lc-mark drag action="https://jsonplaceholder.typicode.com/posts/" multiple
|
||||||
|
lc_id="xBGaLT6/i0">
|
||||||
|
<i class="el-icon-upload" lc_id="IYJxHubhoK"></i>
|
||||||
|
<div class="el-upload__text" lc_id="XlmNpvTMq9">
|
||||||
|
将文件拖到此处,或 <em lc_id="F1wzfewKQd">点击上传</em>
|
||||||
|
</div>
|
||||||
|
<template #tip>
|
||||||
|
<div class="el-upload__tip" lc_id="kLNHsmuBIJ">只能上传jpg/png文件,且不超过500kb</div>
|
||||||
|
</template>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div lc_id="rmSgFvvDvt">
|
||||||
|
<div class="demonstration-element" lc_id="h5uo8CrShR">Rate 评分</div>
|
||||||
|
<el-rate v-model="value7" lc-mark show-text lc_id="UK81nB7671"></el-rate>
|
||||||
|
</div>
|
||||||
|
<div lc_id="G7LuObrLMZ">
|
||||||
|
<div class="demonstration-element" lc_id="HeOPHNf8Ew">ColorPicker 颜色选择器</div>
|
||||||
|
<el-color-picker lc-mark v-model="color1" lc_id="1pcEEM5BsF"></el-color-picker>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
@ -451,7 +472,8 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
}; </script>
|
}; </script>
|
||||||
<style scoped>.avatar-uploader :v-deep(.el-upload) {
|
<style scoped>
|
||||||
|
.avatar-uploader :v-deep(.el-upload) {
|
||||||
border: 1px dashed #d9d9d9;
|
border: 1px dashed #d9d9d9;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -474,4 +496,5 @@ export default {
|
|||||||
width: 178px;
|
width: 178px;
|
||||||
height: 178px;
|
height: 178px;
|
||||||
display: block;
|
display: block;
|
||||||
}</style>
|
}
|
||||||
|
</style>
|
||||||
|
@ -42,12 +42,12 @@
|
|||||||
<a target="_blank" lc_id="dil67qSs86">订单管理</a>
|
<a target="_blank" lc_id="dil67qSs86">订单管理</a>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
<el-submenu index="2" lc_id="NY1ULa4P2Q">
|
<el-submenu index="2" lc_id="NY1ULa4P2Q">
|
||||||
<template slot="title" lc_id="EwUd4efWhm">我的工作台</template>
|
<template #title lc_id="EwUd4efWhm">我的工作台</template>
|
||||||
<el-menu-item index="2-1" lc_id="zafhDPI5vE">选项1</el-menu-item>
|
<el-menu-item index="2-1" lc_id="zafhDPI5vE">选项1</el-menu-item>
|
||||||
<el-menu-item index="2-2" lc_id="WlfqjAfsIa">选项2</el-menu-item>
|
<el-menu-item index="2-2" lc_id="WlfqjAfsIa">选项2</el-menu-item>
|
||||||
<el-menu-item index="2-3" lc_id="BA4wuaM6Zg">选项3</el-menu-item>
|
<el-menu-item index="2-3" lc_id="BA4wuaM6Zg">选项3</el-menu-item>
|
||||||
<el-submenu index="2-4" lc_id="/iWebaFsQq">
|
<el-submenu index="2-4" lc_id="/iWebaFsQq">
|
||||||
<template slot="title" lc_id="V8UUKlvHnc">选项4</template>
|
<template #title lc_id="V8UUKlvHnc">选项4</template>
|
||||||
<el-menu-item index="2-4-1" lc_id="hlaLFAfE7r">选项1</el-menu-item>
|
<el-menu-item index="2-4-1" lc_id="hlaLFAfE7r">选项1</el-menu-item>
|
||||||
<el-menu-item index="2-4-2" lc_id="DJomhSf824">选项2</el-menu-item>
|
<el-menu-item index="2-4-2" lc_id="DJomhSf824">选项2</el-menu-item>
|
||||||
<el-menu-item index="2-4-3" lc_id="PoxAKU6k+S">选项3</el-menu-item>
|
<el-menu-item index="2-4-3" lc_id="PoxAKU6k+S">选项3</el-menu-item>
|
||||||
@ -85,13 +85,15 @@
|
|||||||
<span class="el-dropdown-link" lc_id="hOjhZVZGbR">
|
<span class="el-dropdown-link" lc_id="hOjhZVZGbR">
|
||||||
下拉菜单 <i class="el-icon-arrow-down el-icon--right" lc_id="87SkUBPdnB"></i>
|
下拉菜单 <i class="el-icon-arrow-down el-icon--right" lc_id="87SkUBPdnB"></i>
|
||||||
</span>
|
</span>
|
||||||
<el-dropdown-menu slot="dropdown" lc_id="Fi6Q4IfNSE">
|
<template #dropdown>
|
||||||
<el-dropdown-item lc_id="l8vkCE/8VH">黄金糕</el-dropdown-item>
|
<el-dropdown-menu lc_id="Fi6Q4IfNSE">
|
||||||
<el-dropdown-item lc_id="gbNMkf9GXr">狮子头</el-dropdown-item>
|
<el-dropdown-item lc_id="l8vkCE/8VH">黄金糕</el-dropdown-item>
|
||||||
<el-dropdown-item lc_id="uwaDtykZaN">螺蛳粉</el-dropdown-item>
|
<el-dropdown-item lc_id="gbNMkf9GXr">狮子头</el-dropdown-item>
|
||||||
<el-dropdown-item disabled lc_id="rI2d1vErJ+">双皮奶</el-dropdown-item>
|
<el-dropdown-item lc_id="uwaDtykZaN">螺蛳粉</el-dropdown-item>
|
||||||
<el-dropdown-item divided lc_id="6tbTs4xG9T">蚵仔煎</el-dropdown-item>
|
<el-dropdown-item disabled lc_id="rI2d1vErJ+">双皮奶</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
<el-dropdown-item divided lc_id="6tbTs4xG9T">蚵仔煎</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div lc_id="aZMbV9+94Y">
|
<div lc_id="aZMbV9+94Y">
|
||||||
@ -105,11 +107,13 @@
|
|||||||
<div lc_id="IiSr5DQBar">
|
<div lc_id="IiSr5DQBar">
|
||||||
<div class="demonstration-element" lc_id="9vmJpfJXls">Card 卡片</div>
|
<div class="demonstration-element" lc_id="9vmJpfJXls">Card 卡片</div>
|
||||||
<el-card lc-mark class="box-card" lc_id="JZ/f90Eao5">
|
<el-card lc-mark class="box-card" lc_id="JZ/f90Eao5">
|
||||||
<div slot="header" class="clearfix" lc_id="SvmakA0ZV4">
|
<template #header>
|
||||||
|
<div class="clearfix" lc_id="SvmakA0ZV4">
|
||||||
<span lc_id="DEDjfa97FG">卡片名称</span>
|
<span lc_id="DEDjfa97FG">卡片名称</span>
|
||||||
<el-button style="float: right; padding: 3px 0" type="text" lc_id="cCyRGdP1cA">操作按钮</el-button>
|
<el-button style="float: right; padding: 3px 0" type="text" lc_id="cCyRGdP1cA">操作按钮</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div v-for="o in 4" :key="o" class="text item" lc_id="LA6GOdkvYg">{{ "列表内容 " + o }}</div>
|
<div v-for="o in 4" :key="o" class="text item" lc_id="LA6GOdkvYg">{{ "列表内容 " + o }}</div>
|
||||||
|
</template>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<div lc_id="ee7f8zuUHN">
|
<div lc_id="ee7f8zuUHN">
|
||||||
|
@ -2,27 +2,27 @@
|
|||||||
<div class="element-class">
|
<div class="element-class">
|
||||||
<lc-button></lc-button>
|
<lc-button></lc-button>
|
||||||
<lc-table></lc-table>
|
<lc-table></lc-table>
|
||||||
<!-- <lc-form ></lc-form>
|
<lc-form ></lc-form>
|
||||||
<lc-image></lc-image>
|
<lc-image></lc-image>
|
||||||
<lc-form-base></lc-form-base>
|
<lc-form-base></lc-form-base>
|
||||||
<lc-dialog></lc-dialog>
|
<lc-dialog></lc-dialog>
|
||||||
<lc-icon ></lc-icon>
|
<lc-icon ></lc-icon>
|
||||||
<lc-layout ></lc-layout>
|
<lc-layout ></lc-layout>
|
||||||
<lc-container ></lc-container>
|
<lc-container ></lc-container>
|
||||||
<lc-final></lc-final> -->
|
<lc-final></lc-final>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import button from "./button.vue";
|
import button from "./button.vue";
|
||||||
import table from "./table";
|
import table from "./table";
|
||||||
// import icon from "./icon";
|
import icon from "./icon";
|
||||||
// import layout from "./layout";
|
import layout from "./layout";
|
||||||
// import container from "./container";
|
import container from "./container";
|
||||||
// import form from "./form";
|
import form from "./form";
|
||||||
// import formBase from "./form-base";
|
import formBase from "./form-base";
|
||||||
// import dialog from "./dialog";
|
import dialog from "./dialog";
|
||||||
// import image from "./image";
|
import image from "./image";
|
||||||
// import final from "./final";
|
import final from "./final";
|
||||||
|
|
||||||
import { deepLCEle } from "@/utils/initRawComponent";
|
import { deepLCEle } from "@/utils/initRawComponent";
|
||||||
|
|
||||||
@ -40,14 +40,14 @@ export default {
|
|||||||
components: {
|
components: {
|
||||||
"lc-button": button,
|
"lc-button": button,
|
||||||
"lc-table": table,
|
"lc-table": table,
|
||||||
// "lc-icon": icon,
|
"lc-icon": icon,
|
||||||
// "lc-form": form,
|
"lc-form": form,
|
||||||
// "lc-layout": layout,
|
"lc-layout": layout,
|
||||||
// "lc-container": container,
|
"lc-container": container,
|
||||||
// "lc-form-base": formBase,
|
"lc-form-base": formBase,
|
||||||
// "lc-dialog": dialog,
|
"lc-dialog": dialog,
|
||||||
// "lc-image": image,
|
"lc-image": image,
|
||||||
// "lc-final": final,
|
"lc-final": final,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user