草庐IT

uni-app小程序自定义checkbox,改样式改形状

展示效果图选中时的样式未选择时的样式颜色可以随意更改,形状原为方块,可以更改为圆形,以下是代码:提前准备–写在app.vue页面#ec6330为CheckBox颜色,可以自行更改。 /*每个页面公共css*/ /*//设置圆角*/ checkbox.round.wx-checkbox-input, checkbox.round.uni-checkbox-input{ border-radius:100upx; border:2pxsolid#ec6330; } /*//设置背景色*/ checkbox.red[checked].wx-checkbox-input, checkbox.red

uni-app 实现文件上传

在使用若依的框架时,发现若依移动端框架中已经封装好了一个upload.js用于文件上传,自己在这个版本的基础上稍作改动,成功实现文件上传功能若依公共的upload.js importstorefrom'@/store'importconfigfrom'@/config'import{getToken}from'@/utils/auth'importerrorCodefrom'@/utils/errorCode'import{toast,showConfirm,tansParams}from'@/utils/common'lettimeout=10000constbaseUrl=config.b

将嘉立创中的元器件原理图和PCB导入到AD中使用

第一步:首先找到需要用的元件型号,点击“数据手册”,“立即打开”第二步:点击文件>>导出>>AD,将原理图与PCB导出到想放的文件夹然后用AD软件打开下载的原理图和PCB文件然后按照图中方式生成对应的图库,原理图和PCB都要生成之后我们创建一个新的集成库(也可以不建库,直接保存)将生成的原理图库和PCB库拖入(拖)新建的集成库内,然后保存添加生成的库到我们使用的库里然后点击安装选择刚才我们集成库的存放路径,并且同时选中生成的原理图库和PCB库可以看见已将生成的库添加进了我们使用的库里查看一下吧这样就将立创中芯片的原理图与PCB导入到了AD中,当然,器件的3D封装同样可以导入,但是我一般不怎么使

uni-app分享小程序页面

uni-app的小程序页面默认是不可分享的,点击页面右上角按钮进行分享时会提示:“当前页面不可转发/当前页面不可分享”配置打开项目的manifest.json文件,在“App模块配置”项的“Share(分享)”下,勾选“微信分享”:在代码中开启分享转发按钮 exportdefault{ created(){ //#ifdefMP-WEIXIN wx.showShareMenu({ withShareTicket:true, menus:['shareAppMessage','shareTimeline'] }); //#endif }, data(){ r

uni-app如何实现在H5环境中与web-view中的网页交互通讯

前言uni-app中的web-view是一个web浏览器组件,可以用来承载网页的容器,uni-app开发的app与web-view实现交互的方式相关简单,应用通过属性@message绑定触发事件,然后在web-view的网页向应用postMessage触发并收到消息即可,详细请参考官网:web-view|uni-app官网 主要实现代码参考下图所示。应用端代码:网页端代码:但是,以上方法只适合于APP,在H5环境中是不支持的,官方说明如下:那么,在uni-app如何实现在H5环境中与web-view中的网页交互通讯呢,按照官方的说法,使用window.postMessage方式实现!一、win

【uniapp】安装与使用uView组件库与uni-ui组件库:

文章目录一、官网文档二、安装uView【1】进入控制台【2】初始化package.json【3】安装uView-ui【4】配置main.js【5】配置uni.scss【6】配置easycom组件模式【7】app.vue引入基础样式三、uView效果四、安装uni-ui组件五、uni-ui效果一、官网文档https://www.uviewui.com/插件市场:https://ext.dcloud.net.cn/plugin?id=1593二、安装uView【1】进入控制台【2】初始化package.jsonnpminit-y或者npminit+一路回车即可【3】安装uView-uinpmins

uni-app 小程序主包、分包优化方案

先看效果图1 图2是点图1的那个蓝色的字代码依赖分析看的好,如果博主这2两张图是你要的效果,来,说说具体操作方案一、manifest.json加代码,如下,官方的文旦地址点右边---》uni-app官网"optimization":{"subPackages":true}//开启分包优化二、目录结构1、新建一个pageCity(你自己命名)2、移动你原本的子页面文件(非pages.json里tabBar的页面!!)到pageCity目录(你别管我那些common、components、uni_modules)我后面会讲记住先注释掉  原来pages的这些路由 三、subPackages配置。子

从gitee上下载项目,运行报错:文件查找失败:‘@dcloudio/uni-ui/lib/uni-collapse/uni-collapse.vue

高高兴兴将写好的代码上传到代码仓库。然鹅,我从单位下载下来运行时,就报错了。找了很多解决方案,都没有解决,最后就一行短短的代码就搞定了!错误:文件查找失败:'@dcloudio/uni-ui/lib/uni-collapse/uni-collapse.vue解决方案npmi@dcloudio/uni-ui注意:有可能是node.js的版本太高了,建议下载一个旧的版本。node…js下载:https://nodejs.org/zh-cn/download/releases/重新安装即可!npm查看源:get命令查看registrynpmconfiggetregistrynpm的换源:npmcon

uni-app的页面的生命周期:onLoad、onShow、onReady

 onLoad:页面加载了,在onLoad中发送请求是比较合适的,即页面一加载就发送请求获取数据。onShow:页面显示了,会触发多次,只要页面隐藏,然后再显示出来都会触发。这里会重复触发,如果你重复发送请求不合适。onReady:页面初次渲染完成了,但是渲染完成了,你才发送请求获取数据,就太慢了。综上分析,uni-app首页获取轮播图的请求应该在onLoad中进行。

[Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declar

报错详情图:[Vuewarn]:AvoidaddingreactivepropertiestoaVueinstanceoritsroot$dataatruntime-declareitupfrontinthedataoption.大概意思就是说 避免在运行时向Vue实例或其根$data添加反应性属性-在数据选项中预先声明它。他让我们在$data添加属性,我们就进行添加可以先在按钮里面定义一个属性,名字随意,如图 然后在data里面将他return回去就行 报错消失,问题解决希望能有所帮助