草庐IT

使用uni-app创建扫码连接wifi小程序

好久没接触小程序了,突然想起来之前注册了个号。广东突然降温,周末窝在被窝里没事干。就写个一键连接wifi的小工具吧。可以作为初学者的练习项目哈。一,新建项目下载安装HBuilde,然后新建项目二,从目录机构到小程序发布流程1,目录结构介绍新建完成后可以看到项目的目录结构:2,将项目运行到浏览器如下图操作,即可将项目跑到chrome浏览器中:3,填写uni-app配置打开manifest.json文件,按照要求填写信息,主要是这个DCloud-appId,这个需要注册账户后登录这个账户生成。4,发布小程序以前小程序的发布只能在微信开发者工具中进行,今天我发现HBuilder已经接入了微信提供的m

使用uni-app创建扫码连接wifi小程序

好久没接触小程序了,突然想起来之前注册了个号。广东突然降温,周末窝在被窝里没事干。就写个一键连接wifi的小工具吧。可以作为初学者的练习项目哈。一,新建项目下载安装HBuilde,然后新建项目二,从目录机构到小程序发布流程1,目录结构介绍新建完成后可以看到项目的目录结构:2,将项目运行到浏览器如下图操作,即可将项目跑到chrome浏览器中:3,填写uni-app配置打开manifest.json文件,按照要求填写信息,主要是这个DCloud-appId,这个需要注册账户后登录这个账户生成。4,发布小程序以前小程序的发布只能在微信开发者工具中进行,今天我发现HBuilder已经接入了微信提供的m

uni-app 获取视频第一帧转换为图片 并展示

话不多说,直接上代码template> viewclass="content"> imagev-if="demo!=''"class="logo":src="demo">image> --> video:src="url">video> view>template>script> exportdefault{ data(){ return{ url:'https://a1.easemob.com/1175220727113829/tikangbao2022/chatfiles/f2274ac0-3958-11ed-8939-9d38195bdc46', videoImg

uni-app 获取视频第一帧转换为图片 并展示

话不多说,直接上代码template> viewclass="content"> imagev-if="demo!=''"class="logo":src="demo">image> --> video:src="url">video> view>template>script> exportdefault{ data(){ return{ url:'https://a1.easemob.com/1175220727113829/tikangbao2022/chatfiles/f2274ac0-3958-11ed-8939-9d38195bdc46', videoImg

uni-app微信小程序分享微信好友与分享到朋友圈功能【vue3+ts+uni-app+vite】

uni-app微信小程序分享微信好友与分享到朋友圈功能【vue3+ts+uni-app+vite】问题:解决方案(将每一个页面的分享功能弄成组件调用):1、创建share.ts文件2、全局使用,在main.ts里面添加全局的mixin3、在需要的页面进行调用就行啦a.这个是第一种调用方式,用下面这段,总觉得有些麻烦后期不方便扩展与处理b.另外一种调用方式问题:微信小程序开发结束之后,点击右上角三个点显示:解决方案(将每一个页面的分享功能弄成组件调用):1、创建share.ts文件exportdefault{data(){return{//设置默认的分享参数share:{title:'小程序名称

uni-app 微信小程序 使用mixins设置分享 onShareAppMessage

参考链接:https://www.jianshu.com/p/844018ca174f1.创建mixins,路径为@/utils/share.jsexportdefault{data(){return{share:{title:'自定义分享标题',path:'/pages/main-assess/assess',imageUrl:'图片url',withShareTicket:true//允许分享朋友圈}}},onShareAppMessage(res){//发送给朋友 letthat=this//动态获取当前页面栈letpages=getCurrentPages();//获取所有页面栈实例列

uni-app - - - - - 小程序使用background-image无效?

小程序使用background-image无效1.用image标签代替样式背景图2.将图片转换为base64编码3.直接在标签上写入4.将路径改成可以直接访问的绝对路径如题目所说,在开发小程序时,遇到该问题,该如何解决呢???解决办法如下:1.用image标签代替样式背景图推荐指数:🌟操作:在需要的位置,额外添加一个image标签src即为想要的图片,将其对照父元素绝对定位,z-index:1,将其视为背景。 imagesrc="/static/image/a.pngabsolute"alt="">2.将图片转换为base64编码推荐指数:🌟标签: imagesrc="base64......

uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

uni-app项目在微信开发者工具打开时控制台报错[app.json文件内容错误]app.json:在项目根目录未找到app.json(env:Windows,mp,1.06.2303220;lib:2.32.0)解决方案以下是一个uni-app项目,首先我们要查看是否有unpackage文件夹,如果有项目直接指向unpackage\dist\dev\mp-weixin即可如果没有则需要用HBuilderX编译一下编译流程运行-》运行到小程序模拟器-》微信开发者工具编译完成以后项目会出现unpackage文件夹再次打开小程序编辑器重新指向项目目录/unpackage/dist/dev/mp-w

uni-app 微信小程序 支付宝小程序(alipay) 百度小程序(baidu),预览pdf(链接和base64) 及下载(仅微信),window.open uni.downloadFile

废话不多说直接上代码吧之前搜了一大堆有的没的,最终还是小伙伴巴拉文档一起找到的方案(离不开小伙伴的帮助,自己总容易陷入死局,在此鸣谢疾风李青!);想起个事:一定要给这些路径的域名配到相应的开发管理上,其他平台不过多赘述了首先是预览,由于我这里是uni-app框架开发三端,所以展示内容开头以uni为主:如果你的dpf是链接形式形如:https://,那么下面方案适合你(该方案,是小程序中的window.open的实现。)支付宝不同机型调用uni.downloadFile发现会发现有多种形式的文件路径,因此条件编译一下(纯他么坑爹)consttimes=newDate().getTime();le

解决uni-app微信小程序底部输入框,键盘弹起时页面整体上移问题

存在问题做了一个记录页面(类似单方聊天页),输入框在底部;当弹出键盘时,页面整体上移,页面头信息会消失不见需要实现效果:比如一个记录页面,需要在键盘弹出时:底部的输入框跟随键盘上弹页面头固定在顶部不动聊天信息区域(即内容区)调整高度,该区域局部滚动解决方法底部输入框fixed定位在底部,使用输入框的@focus获取键盘高度,更改输入框bottom;@blur时恢复bottom=0;使用包含页面头和内容区container的padding-bottom设置为输入框高度+输入框bottom,避免被输入框和键盘遮挡;并设置为flexcolumn布局头部定高(如果不定高可以不设置);内容区设flex-