add-oil的博客

监听每次uCharts横屏/竖屏展示时的事件

一般比较方便的方式是直接使用插件市场的快捷方式按具体项目进行导入，就可以在项目里面直接使用了，使用方式也肯简单，和普通的vue项目使用插件差不多，参考官网的“演示”目录代码，参数不懂的可以查看“文档”目录。但是通过看文档和实际使用，uCharts确实也还有很多不完善的地方。显示/隐藏的时候，opts里面的color的排序都不一样。下面图例部分时自定义重写内容，主要问题就是要写。自定义部分的样式就省略了。对应各个对象所表示的颜色对应。，交互里面主要问题是要。

scroll-view包裹，@scrolltolower事件；小模块内部内容小区域滑动触底事件；

纯英文、数字、符号等的强制换行问题

基于uniapp开发的app应用，上架准备，上架操作

uniapp启动微信小程序的相关问题

uniapp基于uview的动态表单处理方式以及验证方法（验证涉及map循环需要等待执行==》使用promise.all方法进行处理）

uniapp基于uview的表单二次封装，方便使用，表单开发

uni-app真机调试出现空白的等问题

上一篇uni-app的截屏是截取整个页面的内容，这一篇描述页面中一部分模块转化成图片并保存的方法。效果描述：（页面:上面是一个卡片加二维码/条形码，下面是一个轮播，可以切换不同的卡片，轮播如果把id包裹在外层的画，只能把第一张生成图片，后面几张就会出现空白）（需要生成图片的样子如下：）轮播部分需要的图片如下：这里生成图片的方法主要用到了html2canvas和renderjs。html2canvas的使用方法：npm i html2canvas // 找到项目目录直接下载import

直接上代码吧！截屏并保存到相册getPic(){ var pages = getCurrentPages(); //获取当前页面信息 var page = pages[pages.length - 1]; var bitmap = null; var currentWebview = page.$getAppWebview(); bitmap = new plus.nativeObj.Bitmap('amway_img');// 将webview内容绘制到Bitmap对象中 currentWe

就简单描述一下吧，官网上说的较多的cover-view、nvue、subNvue、web-view等原生组件，就不做过多描述了，直接上官网看。利用v-html解决的办法：（本次视频覆盖住了自定义头部就是采取的此种方式）<view v-html="contentVideo" @click="playVideo(contentVideo)">data(){ return { contentVideo: `<video :src="${this.myVideoUrl}" s

1.webview开发app端，默认全屏显示，怎么设置高度？ var currentWebview1 = this.$mp.page.$getAppWebview();//获取当前web-view setTimeout(function() { var wv1 = currentWebview1.children()[0]; wv1.setStyle({//设置web-view距离顶部的距离以及自己的高度，单位为px position:'static', top: 390

uni-app自定义导航栏就是摒弃它原有的导航栏样式，完全自定义重写，只需要将路由参数离的**“globalStyle”: { “navigationStyle”: “custom” }** 或者设置 titleNView设为false就可以在业务页面自定义书写导航栏内容，这里自定义的导航栏需要自己处理各种手机头部距离，也是比较麻烦的，比如iPhone X的刘海等。 这里主要记一下原生导航栏的配置方法：{ "path": "pages/lx-news/TalentKnow/newsDetail"

uni-app 做吸顶样式时，由于手机型号的不同，导航条的高度也会有所区别，需要动态获取导航条的高度。onReady(){ // .tui-navigation-bar为导航条类名 let info = uni.createSelectorQuery().select('.tui-navigation-bar') info .boundingClientRect((data) => { this.stickyTop =

plus.share.getServices( res => { let sweixin = null; for (let i in res) { if (res[i].id == 'weixin') { sweixin = res[i]; } } //唤醒微信小程序 if (sweixin) { uni.hideLoading() sweixin.launchMiniProgram({ id: 'gh_XX

快下班了，长话短说局部代码：我之前是在key里面放了个input变量进去了，这确实也是个低级错误，但是此类问题的原因应该大同小异，就是v-for底层map循环的时候，key值发生了变化，导致dom更新，出现这个问题，去掉不确定性的key值绑定就好了所以，用key要谨慎啊！一不小心找bug就是半天过去了...

表单选的时提交时做校验，validate-trigger="submit"自定义了表单事件，第一次点击提交无法触发校验，再选择操作，才没问题<uni-forms-item class="side-padding" :name="item.prop" :required="item.required||false" :label="item.label" v-else-if="item.type==='actionsheet'&&item.hidden!==false">

uni-app出现较长时间了，优势也是不言而喻（一次开发能应用小程序、app、网页等），但一直觉得伴随其出现的UI组件相当不成熟，开发起来总是遇到很多难题。这里描述一下uni-app开发中表单的处理，页面样式大体：废话也不多说了，类似这种的申报页面多的很，那肯定要提取公共部分进行封装咯。大体借鉴一下思想吧，此处代码多是应对本次项目开发，不具备 多项目的一般性<!-- **基于uni-forms和ThorUI简单封装的表单组件** **itemsDatas的prop 对应的是 fromDa

Thor官方文档提示：源码内容：（源码内默认对接口返回数据的处理，具体在uploadImage方法内）//判断code，以实际接口规范判断 if (d.code % 100 === 0) { // 上传成功 d.url 为上传后图片地址，以实际接口返回为准 d.url && (_this.imageList[index] = d.url) _this.$set(_this.statusArr, index, d.url ? "1" : "3")} else { // 上