组件名:uni-steps 代码块: uSteps 点击下载&安装 步骤条,常用于显示进度 基本用法 在 template 中的使用 API Steps Props 属性名 类型 可选值 默…
Steps 步骤条 该组件一般用于完成一个任务要分几个步骤,标识目前处于第几步的场景。 #平台差异说明 AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序 √√√ #基本使用 通过list参数传入一个数组,标识步骤的总数 通过current参数标识目前处于第几步,从0开始 <template...
然后添加一步后: 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...
="changeSteps" data-type="prev" type="primary" :plain="true">上一步 下一步 提交 </view> </view> </uni-card> </view> </template> export default { data() { return { stepsIndex: 0, stepsDatas: [ {text: `开始`, icon:
image.png 然后添加一步后: 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; ...
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不包括基础组件,它是基础组件...
mgbin/uni-app 简单粗暴自己手写Steps 步骤条 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 文件 master 克隆/下载 git config --global user.name userName git config --global user.email userEmail ...
-- <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> </...
uniapp steps组件 3stars2forksBranchesTagsActivity Star Notifications master 1Branch3Tags Code Folders and files d83f323·Jan 15, 2020 7 Commits evan-steps uniapp步骤组件,支持自定义icon 测试过微信小程序、app(包括nvue模式)、h5 1.用法 参考github demo中的用法 ...
多端支持。一套代码,端适用,支持iOS(vue和Nvue)、Android(vue和Nvue)、微信小程序、支付宝小程序、QQ小程序、百度小程序、字节跳动小程序、H5平台。 完善的组件。目前共规划118款,已上线85款,涵盖基础组件、表单组件、导航组件、布局组件、常用布局、扩展组件、操作反馈、数据组件、JS、图表、画布。