草庐IT

uniapp支付

全部标签

解决 uniapp 开发微信小程序 不能使用本地图片作为背景图 问题

参考博文:uniapp微信小程序无法使用本地静态资源图片(背景图在真机不显示)的解决方法_javascript技巧_脚本之家问题:uniapp开发微信小程序,当使用本地图片作为background-image时,真机无法显示解决:方法一:动态将本地图片转为base64使用微信小程序自带转换方法wx.getFileSystemManager().readFileSync(img,'base64') //本地图片转为base64 urlToBase64:(folder,fileName,format='png')=>{ letimg=`/static/${folder}/${fileName}.

uniapp 内嵌 webview 客服网页,呼出键盘遮挡输入框问题解决记录

有很多情况需要在app端内嵌一个H5客服网页,但这个页面一般都是有打字的需求,但由于大部分情况下网页都是默认铺满整个画面,导致键盘弹出时出现遮挡输入框的问题。直接上代码: //这里正常引入webview exportdefault{ data(){ return{ url:'',//网址 height:0,//页面高度 barHeight:0,//状态栏高度 kbHeight:0//键盘高度 }; }, onLoad(){ this.url=‘xxxxxxx’; //这里是为了用原生的导航栏遮挡H5客服页面的头部,

基于Java+Vue+uniapp微信小程序农场驿站平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着社会的发展,社会的方方面面都在

uniapp小程序—实现下滑关闭抽屉(包含上下左右滑动)

效果操作:点击相应文字时从底部出现弹框,下滑超过一定速率,弹框回到下方隐藏;核心点://当按下去的时候 fingerstart(e){ //记录距离可视区域左上角左边距和上边距 this.startData.clientX=e.changedTouches[0].clientX; this.startData.clientY=e.changedTouches[0].clientY; }, //当抬起来的时候 fingerend(e){ //当前位置减去按下位置计算距离 constsubX=e.changedTouches[0].client

【uniapp 小程序】uniapp实现列表拖拽排序

项目场景:uniapp:在微信小程序中实现一个银行卡列表拖拽排序,完成付款账户的优先级设置实现:template> viewclass="drag-sort":style="[containerSize]"> templatev-if="controlsPositionArray.length!==0"> viewv-for="(item,index)incontrolsArray":key="index"class="_item" :style="{'transition':(curretnControlsIndex===index?'initial':'.3s'), 'z

uniapp开发小程序—picker结合后台数据实现二级联动的选择

一、效果图二、完整代码template> view> pickermode="multiSelector"@change="bindMultiPickerChange"@columnchange="bindMultiPickerColumnChange" :value="multiIndex":range="multiArray"> viewclass="picker"> {{multiArray[0][multiIndex[0]]}}>{{multiArray[1][multiIndex[1]]}} /view> /picker> /view>/template>scr

uniapp微信小程序下载、导入excel文件

在项目开发中碰到需要导入文件、下载文件的功能,内容如下:1、导入功能uni.chooseMessageFile({ count:1, type:'file', extension:['.xlsx','.xls'], success:function(res){ console.log("文件上传",res); uni.uploadFile({ url:config.baseUrl+'/core/xxxxx',//文件上传的接口地址 filePath:res.tempFiles[0].path, name:'excel',//接口需要的参数名 header:{ 'Aut

小程序与uniapp如何进行传参

小程序和uniapp都可以通过以下方式进行传参:query参数传递:在url中添加query参数,如在小程序中通过wx.navigateTo或wx.redirectTo跳转页面时可传递query参数,在uniapp中通过uni.navigateTo或uni.redirectTo跳转页面时也可以传递query参数。接收query参数的方式为在onLoad或onShow函数中获取options参数,此参数就是传递过来的query参数。event参数传递:在小程序中,通过triggerEvent触发自定义事件时可以传递参数。在uniapp中,通过$emit触发自定义事件也可以传递参数。接收event

uniapp写一个计算器用于记账(微信小程序,APP)

提要:自己用uniapp写了一个记账小程序(目前是小程序),写到计算器部分,在网上找了别人写的计算器,大多数逻辑都是最简单的,都不能满足一个记账计算器的基本逻辑。与其在网上找来找去,还不如自己多捣鼓捣鼓。 git地址https://gitee.com/yapplee/kog-calculator.git效果图  主要代码贴部分主要代码,其它代码去git拉代码看,用HBuilderX能直接运行可自行修改布局,自行加入除法运算 

【iconfont图标】vue引入并使用阿里巴巴iconfont图标流程【uniapp引入iconfont真机APP不显示问题解决,移动端引入报错解决】

前言为什么要使用阿里图标库:图标现在是很多地方都会用到的一般我使用的时候都是直接在ui库中比如elementul自带的一些有时候哪怕是感觉图标不是非常适合也是用的elementul图标,主要原因是懒因为能直接复制的,就懒得再去阿里图标库下载遍,差不多就行了。但是总有些时候你需要的图标是真的在elementul里没有的或者完全不适合的。这时候我们需要去到阿里的图标库里找找,这里的图标非常多,完全可以满足一切需求了。iconfont有三种图标引入方式,分别简单说一下特点1,Unicode:兼容性好,ie低版本也好用,可以和文字一样调整颜色和大小。缺点是不显示颜色,你下载的是有颜色的图标,会自动给你