1. 使用 icon 属性 el-step 组件提供了一个 icon 属性,你可以通过它来自定义每个步骤的图标。icon 属性接受一个字符串,该字符串可以是任何有效的类名,这个类名对应一个图标。 html <template> <el-steps :active="active"> <el-step icon="el-icon-edit"></el-step> &...
</el-step> <el-steptitle="企业银行账户信息"> </el-step> <el-steptitle="法人及联系人信息"> </el-step> <el-steptitle="受益人信息"> </el-step> </el-steps> 2.css: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ...
Build Tool:Vite Reproduction Related Component el-step Reproduction Link Element Plus Playground Steps to reproduce 使用el-step组件的icon插槽 What is Expected? el-step组件的class应该是is-icon What is actually happening? el-step组件的class是is-text ...
<el-steps :active="1"> <el-step title="步骤 1 www.dianjilingqu.com"> <template slot="icon"> </template> </el-step> <el-step title="步骤 2"icon="el-icon-upload"> <template slot="icon"> </template> </el-step> </el-step> <el-step title="步骤 3"icon="el-icon-picture"...
v-deep.el-step__icon{background:rgb(147,226,0);}.el-steps{margin-top:5px;}::v-deep.el-step__icon{border:none;background:#007eff;margin-top:5px;width:15px;height:15px;}::v-deep.el-step__line{background-color:#0050ad;}::v-deep.el-step__icon-inner{display:none;}.box::v-...
<el-step title="步骤1" description="这是步骤1的描述"></el-step> <el-step title="步骤2" description="这是步骤2的描述"></el-step> <el-step title="步骤3" description="这是步骤3的描述"></el-step> </el-steps> </template> export default { data() { return { activeStep: 0 ...
我调查发现是由于这个现成框架内的elementUI太老了, 没有对应的样式, 所有我上elementUI的最新文档内把el-image的对应样式复制出来, 如下: AI检测代码解析 1 /* elementUI的图片组件样式 */ 2 .el-image-viewer__btn,.el-step__icon-inner { 3 -webkit-user-select:none; 4 -moz-user-select:none; 5...
[0], // 步骤参数 stepParams: [ { title: '步骤一', icon: 'el-icon-edit', status: 'process' }, { title: '步骤二', icon: 'el-icon-upload', status: 'wait' }, { title: '步骤三', icon: 'el-icon-picture', status: 'wait' }, { title: '步骤四', icon: 'el-icon-circle-...
(VUE2 STEP4)Element ui 替换原有UI 原有的ui,类似input button之类,现在被 el-input el-button替代. vue2 原来并没有加入element-ui包,所以,需要去安装这个魔魁. 二、使用element-ui前需安装的模块: 安装 Element-UI 模块cnpm install element-ui --save 三、引入Element,前面已经全局安装了element-ui,...
我调查发现是由于这个现成框架内的elementUI太老了, 没有对应的样式, 所有我上elementUI的最新文档内把el-image的对应样式复制出来, 如下: 1/*elementUI的图片组件样式*/2.el-image-viewer__btn,.el-step__icon-inner{3-webkit-user-select:none;4-moz-user-select:none;5-ms-user-select:none6}7.el-im...