如果设置u-steps-item的error参数为true的话,当前步骤将会为“失败”的状态 #步骤条模式 u-steps的dot参数设置为true的话,将会以点状的形式展示步骤条样式。
然后添加一步后: image.png css .tl-steps{ display: flex; justify-content: center; align-items: center; } .tl-dot{ width: 30rpx; height: 30rpx; border-radius: 50%; } .tl-line{ width: 250rpx; border: 1px solid #CCCCCC; } .tl-line-green{ width: 250rpx; border: 1px solid #4D...
组件名:uni-steps 代码块: uSteps 点击下载&安装 步骤条,常用于显示进度 基本用法 在template 中的使用 <!-- 基本用法 --> <uni-steps :options="[{title: '事件一'}, {title: '事件二'}, {title: '事件三'}, {title: '事件四'}]" :active="1"></uni-steps> <!-- 纵向排列 --> <uni-...
mgbin/uni-app 简单粗暴自己手写Steps 步骤条 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 文件 master 克隆/下载 git config --global user.name userName git config --global user.email userEmail ...
name: 'YSteps', props: { infoList: { type: Array, default: [] }, color: { type: String, default: '#fff' }, backgroundColor: { type: String, default: '#ff3838' }, lineNum: { type: Number, default: 0 } }, data() { ...
说明根据传递过来的show显示步骤 <template><view><viewclass="tl-steps"><viewclass="tl-dot tl-black"><uni-iconstype="shop"size="20"color="#fff"></uni-icons></view><viewclass="tl-line-active"></view><view:class="show > 0 ? 'tl-line-active':'tl-line'"></view><viewclass="tl-...
evan-steps uniapp步骤组件,支持自定义icon 测试过微信小程序、app(包括nvue模式)、h5 1.用法 参考github demo中的用法 2.注意点 1.水平模式下不要超过三个步骤 2.nvue下通过slot自定义icon使用slot="icon"而不要使用v-slot:icon 3.还存在的问题(坐等大佬出现( ^_^ )) ...
uni-steps步骤条 uni-swipe-action滑动操作 uni-swiper-dot轮播图指示点 uni-table表格 uni-tag标签 uni-title章节标题 uni-tooltip提示文字 uni-transition过渡动画 其他 uni-ui 是全端兼容的基于flex布局的、无dom的ui库 uni-ui 是uni-app内置组件的扩展。注意与web开发不同,uni-ui不包括基础组件,它是基础组件...
-- <uni-indexed-list style="margin-top: 50px;" :options="returnList" :show-select="true"/> --> <uni-section title="历史记录" type="line" padding> <uni-steps :options="returnList" active-color="#007AFF" :active="returnList.length-1" direction="column" /> </uni-section> </...
分组uni-icons 图标uni-indexed-list 索引列表uni-link 超链接uni-list 列表uni-load-more 加载更多uni-nav-bar 自定义导航栏uni-notice-bar 通告栏uni-number-box 数字输入框uni-pagination 分页器uni-popup 弹出层uni-rate 评分uni-row 布局-行uni-search-bar 搜索栏uni-segmented-control 分段器uni-steps ...