草庐IT

vant-steps

全部标签

前端Vue自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等今天给大家介绍的一款组件是自定义精美steps步骤条进度条插件物流信息跟踪展示

记录微信小程序使用Vant Weapp-Sidebar 侧边导航,更改它的边框颜色

因为组件自带的颜色是红色,不符合项目的需求,直接用是这样的,如图:但是在他的官方给出的参数中没有直接能变更颜色的参数,下面是它定义边框颜色的名字,我们只需要在自己的Wxss文件里重写一下这个class就可以了,代码如下:wxml文件:viewclass="main">van-sidebaractive-key="{{activeKey}}">van-sidebar-itemtitle="标签名"dot/>van-sidebar-itemtitle="标签名"badge="5"/>van-sidebar-itemtitle="标签名"badge="99+"/>/van-sidebar>/view

[USF-XSim-62] ‘elaborate‘ step failed with errors.[Vivado 12-4473] Detected error while running sim

[USF-XSim-62]‘elaborate’stepfailedwitherror(s).PleasechecktheTclconsoleoutput.and[Vivado12-4473]Detectederrorwhilerunningsimulation.Pleasecorrecttheissueandretrythisoperation.出现的问题如下:翻译出来:[USF-XSim-62]'elaborate’步骤失败,出现错误。请检查Tcl控制台输出或’D:/vivado/fortest/fortest.sim/sim_1/behav/xsim/elaboration.log’文件

微信小程序使用vant组件的输入框搭配弹层选择器注意事项

先看下页面代码:wxmlview>van-cell-group>van-fieldreadonlyis-linkvalue="{{unit}}"catchtap="getUnit"centerclearableplaceholder="请选择单位"label="单位"required="true">van-field>van-cell-group> van-popupshow="{{showUnit}}"bind:close="onCloseUnit"position="bottom"> van-pickerloading="{{false}}"show-toolbartitle="单位"co

微信小程序使用vant组件样式未生效解决办法

1.删除小程序自带的样式首先在app.json里面删除这一行2.清除缓存重新编译 3.重新构建npm重新编译在工具里面   

微信小程序加vant列表表单验证

viewclass="item"wx:for="{{orderList}}" wx:key="hotelOrderId" wx:for-index="index"> van-fieldsize="large"bind:focus="priceFocus"type="number"bind:blur="priceRules"model:value="{{item.businessTravelValue}}"right-icon="edit"placeholder="请填写金额" data-index="{{index}}"error-message="{{priceError}}">textd

小程序结合Vant Weapp实现多张图片的上传和预览

前言:不太懂为啥VantWeapp的官方文档明明可以写全代码,却只放了一部分出来,关于云开发的案例也是写得蛮晦涩难懂的,参考了以下的文档:云开发能力基础讲解小程序官方文档wx.cloud.uploadFilevantWeapp官方文档Uploader文件上传参考了这位博主的文章微信小程序云开发图片上传实现预览(配合vantWeapp使用)实现效果预览:上传成功前显示图片正在加载,上传成功才显示图片WXML代码:viewclass="image-uploader"> !--文件上传--> van-uploaderfile-list="{{fileList}}" deletable="{{true

解决Vivado仿真卡在executing simulate step

解决Vivado仿真卡在executingsimulatestep问题描述:偶然打开vivado仿真时,一直卡在executingsimulatestep,卡的时间不等,过一段时间之后,vivado直接闪退。解决办法:1、强制关闭vivado软件。2、虽然vivado软件关了,但是系统后台还在运行着xsimk进程,需要打开资源监视器,搜索xsimk进程,再强制关闭所有与之有关的进程。3、再把该工程下的xxx.sim文件夹里面的所有仿真缓存删除。4、修改vivado的仿真设置,取消增量式仿真5、再启动仿真,问题解决。(此时可以再重新开启增量式仿真)

Vant 在小程序中修改外部样式类不生效

以vant-cell为例如果要修改vant-cell中的value样式,正常情况下的写法是这样的,但是呢就是不生效,因为已经有默认的样式了value-class="height:100rpx;font-size:38rpx;margin-top:30rpx"要如何进行修改呢,必须找到对应的组件要修改的属性名,然后再添加!important才会生效,下面这种写法修改vant-cell中的value样式才会生效。.van-cell__value{color:rgba(0,0,0,0.884)!important;}其他的组件要修改样式的话,部分可以按照这种的写法进行尝试,应该都是可以的,如果这种方

微信小程序自定义tabBar以及图标-使用vant-weapp

微信官方文档介绍官方文档1、在小程序根目录下创建custom-tab-bar文件夹,并创建以下文件。custom-tab-bar/index.jscustom-tab-bar/index.jsoncustom-tab-bar/index.wxmlcustom-tab-barr/index.wxss2、修改custom-tab-bar/index.js(清除初始化的内容)Component({data:{selected:0,list:[{pagePath:"/pages/index/index",text:"运动咨询",icon:"smile-o",},{pagePath:"/pages/fo