uniapp开发注意事项

1、picker省市区选择器
picker当mode = region时为省市区选择器，在App和H5平台数据为空，需要自行填充数据，本次使用的DCloud插件
2、canvas在app端为白屏时
是因为图片过大，需要缩小图片大小

let that = this uni.getImageInfo({src: path,success: function(res) {uni.showLoading({title: '上传中.'});var width = res.width / 10,height = res.height / 10;that.w = width;that.h = height;//获取当前时间let roleNameInfo = date.formatHMS()let location = that.addr//创建canvasconst ctx = uni.createCanvasContext('firstCanvas', that);ctx.drawImage(res.path, 0, 0, width, height); //先画出图片ctx.setFontSize(12) //注意：设置文字大小必须放在填充文字之前，否则不生效ctx.font = 'nomal 12px 微软雅黑'ctx.setFillStyle('white');ctx.strokeText(roleNameInfo, 6, height - 4);ctx.strokeText(location, 6, height - 20);ctx.fillText(roleNameInfo, 6, height - 4);ctx.fillText(location, 6, height - 20);let name = that.imgData.name + "照片";ctx.strokeText(name, 6, 20);ctx.fillText(name, 6, 20);ctx.draw(false, () => { //开始制作setTimeout(() => { //使用定时是因为制作水印需要时间，设置定时才不会出buguni.canvasToTempFilePath({ //将画布中内容转成图片，即水印与图片合成width: width, // 截取的画布的宽height: height,canvasId: 'firstCanvas',success: (v) => {uni.hideLoading();console.log(v)},fail: (error) => {uni.hideLoading();console.log(error)}}, that)}, 200)})//end},})

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849

3、uniapp使用color ui时，app端复选框样式问题，在App.vue的style中加入

uni-checkbox .uni-checkbox-input {border-radius: 50% !important;color: #ffffff !important; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {color: #fff;border-color: rgb(0, 122, 255);background: rgb(0, 122, 255); } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:after {font-size: 18px; } 12345678910111213 app端input视图不更新

这个很坑，加个定时器加好了，我也不知道为什么 1

<template><view><input type="text" placeholder="请输入" v-model="weight" @input="numRule"></view> </template> <script>export default {name:"home",data(){ return {weight:"" }},methods:{numRule(e){let num = e.detail.valuenum = num.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符num = num.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的num = num.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");num = num.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数if (num.indexOf(".") < 0 && num != "") { //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额num = parseFloat(num);}setTimeout(() => {this.weight = num}, 0)} }} </script>

1234567891011121314151617181920212223242526272829303132

网址：uniapp开发注意事项 https://www.yuejiaxmz.com/news/view/72724

相关内容

生活服务App怎么开发新视角?生活服务App开发注意事项
开盘购房的注意事项是什么
疥疮注意事项
【露营注意事项】野外露营注意事项
养宠注意事项
孕初期注意事项
潜水注意事项
脑梗后注意事项
拔火罐注意事项 拔火罐需注意的9大事项
装修注意事项

随便看看