草庐IT

uni-collapse

全部标签

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-

uniapp中修改uni.showModal弹框content内容样式

 解决:在项目common的style.scss中定义全局样式.uni-modal{   .uni-modal__bd{      color:blue;      font-size:32rpx;      font-weight:bold;      padding:64rpx0;   }}

解决uni-app小程序获取路由及路由参数

解决uni-app里面的小程序获得当前路由及路由参数在uni-appH5端可以获得当前页面的路由及参数,但是小程序里面就开始报错:代码:this.type=this.$route.query.type//获取type携带的参数在小程序中报的错误:解决方案://获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面letpages=getCurrentPages();letpage=pages[pages.length-1].$page.fullPath;//完整路由地址this.type=page.split('type=')[1]//携带的type参数Tha

H5向uni-app小程序传递参数

1.本地下载包引入也可以。 2.传递参数。uni.webView.postMessage({data:{num:'3'}})3.接收参数。@message="handleMessage" methods:{ handleMessage(evt){ console.log(evt.detail.data); this.num=evt.detail.data[evt.detail.data.length-1].num } }  获取当前数据是一个数组,每次获取让数组长度-1就是你需要的数据。

uni-app打包ios的步骤

注意:下面的操作必须同时满足三个条件,且这三个条件都是必须得:1.有一个苹果开发者账号(要收费)2.有一台苹果笔记本(在笔记本上生成证书和文件)3.有一部苹果手机(用于测试app的功能)使用uniapp发布ios的应用的步骤如下:点击发行——原生app——云打包出现页面如下,选择ios(ipa包)下面是苹果开发者后台的功能界面BundleID(AppID),证书私钥密码,证书profile文件,私钥证书这四个选项,按照官网操作步骤来即可,只要是按照这个步骤一步一步来,一定是可以成功的(重点!!!)uni-app打包ios生成BUndleID,证书私钥密码,证书profile文件,私钥证书的如下