使用之代码 <template><my-dividerlineType="dotted"content-position="left">默认标签样式</my-divider><my-tag>默认标签</my-tag><my-tagclosable>默认标签可关闭</my-tag><my-dividerlineType="dotted"content-position="left">类型标签样式</my-divider><my-tagtype="primary">类型标签primary</my-tag><...
<el-divider>颜色主题</el-divider> <el-icon class="icon"> <svg-icon :name="settingsStore.settings.app.colorScheme === 'light' ? 'ep:sunny' : 'ep:moon'" /> </el-icon> <svg-icon :name="settingsStore.settings.app.colorScheme === 'light' ? 'ep:sunny' : 'ep:moon'" /> ...
><my-tagcolor="blue">标签文字颜色自定义</my-tag><my-tagbgColor="pink">标签背景颜色自定义</my-tag><my-tagborderColor="red">标签边框颜色自定义</my-tag><my-dividerlineType="dotted"content-position="left">中等标签及大型标签</my-divider ><my-tagtype="primary"sizeType="big"closable>大型标...
使用代码 <template><my-dividerlineType="dotted"content-position="left">普通使用</my-divider><my-switch@change="change"v-model="flag1"></my-switch><my-switchv-model="flag2"></my-switch><my-dividerlineType="dotted"content-position="left">开启关闭文字</my-divider><my-switchv-model="fla...
<my-divider lineType="dotted" content-position="left" >自定义标签样式</my-divider > <my-tag color="blue">标签文字颜色自定义</my-tag> <my-tag bgColor="pink">标签背景颜色自定义</my-tag> <my-tag borderColor="red">标签边框颜色自定义</my-tag> ...
importMDividerfrom'./assembly/divider' importMPfrom'./assembly/p' exportdefault{ props:{ drag2:{ Expand All@@ -54,6 +56,8 @@ export default { return{ lj:false, data:[ {type:'divider', name:'分割线'}, {type:'p', name:'文字'}, ...
><my-switchv-model="flag3"openText="开启啦开启啦"closeText="关闭了"></my-switch><my-switchv-model="flag3"openText="ON"closeText="OFF"></my-switch><my-switchv-model="flag3"openText="✔"closeText="✘"></my-switch><my-dividerlineType="dotted"content-position="left">自定义开启关...
<my-divider lineType="dashed" content-position="left" >禁用链接样式</my-divider > <my-link disabled>禁用|默认超链接</my-link> <my-link type="primary" disabled>禁用|primary超链接</my-link> <my-link type="success" disabled>禁用|success超链接</my-link> ...
el-tree说简单很简单,说难也难,毕竟里面很多属性需要灵活运用。最近项目开发中运用到el-tree的相关操作,整理如下: 1. 先把实现的页面展示: WechatIMG265.png 鼠标划入时的状态 image.png 点击新增时的状态 image.png 点击编辑时的状态 image.png 2. 需求介绍: ...
【Flutter】StatelessWidget 组件 ( Divider 组件 | Card 组件| AlertDialog 组件 ) 文章目录一、Divider 组件二、Card 卡片组件三、AlertDialog 对话框组件四、 相关资源一、Divider 组件 --- Divider 组件是分割线组件 , 可以设置高度...], ), ), ), ); } } 运行效果 : 分割线很细 , 不明显 , 而且...