草庐IT

uniapp实现微信支付

uniapp唤起微信进行支付情况首先需要给后端发送请求支付的请求,拿到后端返回需要支付的订单,这里分别罗列了拿到订单之后分别使用微信小程序进行支付以及使用app进行支付的情况首先说uniapp转成微信小程序支付情况 //#ifdefMPwx.requestPayment({ timeStamp:res.data.time, nonceStr:res.data.noncestr, package:'prepay_id='+res.data.prepay_id, signType:'RSA', paySign:res.data.sign, success(res){ uni.showToast(

uniapp页面回到顶部方法

本文讲的是在uniapp项目中实现页面回顶效果的方法。以下是代码(回顶可能多个页面都需要用到建议封装成一个组件)一、方法一{{index}}exportdefault{data(){return{isShow:false,}},onPageScroll(e){       //监听页面滚动if(e.scrollTop>200){this.isShow=true;}else{this.isShow=false;}},methods:{Totop(){uni.pageScrollTo({scrollTop:0,//滚动到页面的目标位置duration:300});}}}.content{width

uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用

uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用在uniapp中popup弹窗及对话框的遮罩层是覆盖不了原生的导航栏和tab栏的,在tabbar页中使用弹出框会非常的违和,接下来告诉大家实现的思路。创建一个页面放置components或者pages中,接着在pages.json中注册当前页面,并设置背景色透明及取消导航栏。{ "path":"components/ymt-updateModel/ymt-updateModel", "style":{ "navigationStyle":"custom", "app-plus":{ "animation

uniapp小程序实现开屏页

 需求:小程序开屏页持续1.5秒后逐步消失进入首页1、绑定动画 设置动画执行动画的标签         :animation="animationData"2、创建一个实例   uni.createAnimation({       duration:1500,       timingFunction:"ease",        delay:0     })3、描述动画    animation.opacity(1).step()4、导出动画数据   this.animationData=animation.export()因为进入登录或者是首页都需要开屏页,所以开屏页要判断是否登录以及t

【uniapp】安装与使用uView组件库与uni-ui组件库:

文章目录一、官网文档二、安装uView【1】进入控制台【2】初始化package.json【3】安装uView-ui【4】配置main.js【5】配置uni.scss【6】配置easycom组件模式【7】app.vue引入基础样式三、uView效果四、安装uni-ui组件五、uni-ui效果一、官网文档https://www.uviewui.com/插件市场:https://ext.dcloud.net.cn/plugin?id=1593二、安装uView【1】进入控制台【2】初始化package.jsonnpminit-y或者npminit+一路回车即可【3】安装uView-uinpmins

uniapp横竖屏切换(小程序端与APP或H5端)

这个应用在我们工作开发中非常常见,也是必不可少学习的一项技能小程序端(这个很少能找到,所以重点来说这个小程序端的)1.首先要进行page.json界面配置值单页面配置//"navigationStyle":"custom","enablePullDownRefresh":true,"pageOrientation":"auto"//开启自动旋转屏幕公共配置"globalStyle":{//..."pageOrientation":"auto"},2.其次进行使用页面onShow配置onShow(){//监测横屏竖屏必须配置在onShow()生命周期函数//声明回调函数是为了控制取消监听,不取消

Uniapp中引入Vant(完美避坑版)

写在前面:今天在做一个uniapp小程序项目,想使用以下vant组件库,但是在引入过程出现了各种各样的报错,在网上搜索了很多解决方案都不行,最后通过新建文件夹的方式解决了,分享一下解决方案注意:微信小程序中使用的是**Vantwapp**而不是**Vant**Vantwapp官网第一步:在Hbuilder中新建uniapp项目(以vue2x项目为例)第二步:通过npm安装Vant右键项目根目录,选择“在外部资源管理器打开”点击目录栏,输入cmd,进入控制台输入npmi@vant/weapp-S--production进行安装安装成功后页面会新增node_modules文件夹和package-l

uniapp ios云打包报错

Commandlineinvocation:/Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuildarchive-sdkiphoneos15.2-project[PackagePath]/HBuilder.xcodeproj-archivePath[PackagePath]/XArchive/HBuilder.xcarchive-schemeHBuilderCONFIGURATION=ReleaseUserdefaultsfromcommandline:IDEArchivePathOverride=[PackagePath]/

uniapp ios云打包报错

Commandlineinvocation:/Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuildarchive-sdkiphoneos15.2-project[PackagePath]/HBuilder.xcodeproj-archivePath[PackagePath]/XArchive/HBuilder.xcarchive-schemeHBuilderCONFIGURATION=ReleaseUserdefaultsfromcommandline:IDEArchivePathOverride=[PackagePath]/

uniapp-chatgpt跨端仿ChatGPT实例|uniapp+vue3+pinia多端聊天模板

基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。uni-chatgpt使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端,支持渲染markdown语法及代码高亮、解决软键盘撑起布局问题。◆效果预览编译[H5+小程序+App端]效果如下◆技术栈编辑器:HbuilderX3.8.4框架技术:Uniapp+Vite4+Vue3+PiniaUI组件库:uView-plus^3.1.31markdown渲染:markdown-it代码高亮