实现如图，只需html与scss html部分 scss部分.photo{ margin-top:12rpx; column-gap:0; column-count:2; //padding:10rpx10rpx10rpx15rpx; .items{ width:100%; break-inside:avoid; image{ width:100%; border-radius:5rpx; } } }
创建录音constrecorderManager=uni.getRecorderManager();constinnerAudioContext=uni.createInnerAudioContext();innerAudioContext.autoplay=true;onLoad（）{ //创建录音文件监听回调 recorderManager.onStop((res)=>{ console.log('recorderstop',res); this.UpVoice(res);//成功后，回调返回数据，提交后台。下面有方法。 }); }，methods:{ //长按录音
由于小程序跳转限制10层，为了尽可能的减少页面栈，在小程序中会用到uni.navigateBack（）方法，使用中难免会遇到页面跳转之间传参的问题。uni.navigateBack和uni.navigateTo、uni.redirectTo方式不同，不能通过路由拼接的方式传参，以下是三种跳转的方法：在小程序中uni.navigateTo和uni.redirectTo是通过路由拼接的方式传参uni.navigateTo({ url:'test?id=1&name=uniapp'});uni.redirectTo({ url:'test?id=1'});uni.navigateBack通过delt
在使用uniapp的过程中，我相信，我们都一定遇见过如下的场景：进入了一个列表页，列表页进入详情页，在详情页进行了一些操作，比如，删除，修改，编辑，提交，成功之后返回到列表页，那么这个时候，如果我们的列表页不进行数据的刷新，就会给用户一种错觉，我刚才进行操作的那条数据会不会没成功，我们下拉刷新下列表，这个数据就变成最新的了，这个是很常见的一个交互场景，那么如何不让用户进行下拉刷新或者重新进入列表页的操作，我提供几种比较常用的做法！解决方案uniapp.小程序监听左上角的返回按钮，刷新上一个页面的数据方法一需要注意的一点是，需要在页面卸载的周期内，把自定义的事件off掉B页面onUnload()
新建monitorKeyboard.js文件/***@class监听虚拟键盘*@classdesc监听虚拟键盘弹出隐藏*@publiconEnd结束监听虚拟键盘*@publiconShow传递一个回调监听虚拟键盘弹出*@publiconHidden传递一个回调监听虚拟键盘隐藏*/classMonitorKeyboard{constructor(){this.type=this.IsIA();this.originalHeight=window.innerHeight;}/***@functionIsIA获取设备类型*@param1Android2iOS*/IsIA=()=>{constuser
思路：uni.navigateTo跳转到我们定义的一个内部页面，内部页面接收需要跳转到外部的URL一、先建一个内部页面webview.vuetemplate>web-view:src="url">web-view>template>script>exportdefault{data(){return{url:''}},onLoad(item){this.url=decodeURIComponent(item.url)console.log(this.url)//传入需要跳转的链接使用web-view标签进行跳转}}script>stylelang="scss">style>1.1、在page.
1.执行命令创建项目。vuecreate-pdcloudio/uni-preset-vue(项目名称)2.选择模板，需要ts加上ts，一般默认选择默认模板。 3.新建完成后的package.json，有对应的打包命令， 博主报了一个这样的错误，是因为autoprefixer版本过高，降低一下版本即可npmi postcss-loaderautoprefixer@8.0.0这里也可以会出现sassloader版本的报错的问题，如果出现查一下版本换一下版本即可。安装node-sass的时候要用淘宝镜像，npm基本下不下来npminstall-gcnpm--registry=https://re
1.执行命令创建项目。vuecreate-pdcloudio/uni-preset-vue(项目名称)2.选择模板，需要ts加上ts，一般默认选择默认模板。 3.新建完成后的package.json，有对应的打包命令， 博主报了一个这样的错误，是因为autoprefixer版本过高，降低一下版本即可npmi postcss-loaderautoprefixer@8.0.0这里也可以会出现sassloader版本的报错的问题，如果出现查一下版本换一下版本即可。安装node-sass的时候要用淘宝镜像，npm基本下不下来npminstall-gcnpm--registry=https://re
unipay为uniCloud开发者提供了简单、易用、统一的支付能力封装。让开发者无需研究支付宝、微信等支付平台的后端开发、无需为它们编写不同代码，拿来即用，屏蔽差异。uni-app前端已经封装的全端支付apiuni.requestPayment，现在服务端也封装好了unipayforuniCloud，从此开发者可以极快的完成前后一体的支付业务。目前已封装App端（微信支付和支付宝支付）、微信小程序、支付宝小程序的支付能力。unipay是开源sdk，可放心使用。本插件还包含示例工程，配置自己在微信和支付宝申请的相关配置后即可运行。为了更好的体验支付流程可以在插件市场导入unipay的示例项目快
unipay为uniCloud开发者提供了简单、易用、统一的支付能力封装。让开发者无需研究支付宝、微信等支付平台的后端开发、无需为它们编写不同代码，拿来即用，屏蔽差异。uni-app前端已经封装的全端支付apiuni.requestPayment，现在服务端也封装好了unipayforuniCloud，从此开发者可以极快的完成前后一体的支付业务。目前已封装App端（微信支付和支付宝支付）、微信小程序、支付宝小程序的支付能力。unipay是开源sdk，可放心使用。本插件还包含示例工程，配置自己在微信和支付宝申请的相关配置后即可运行。为了更好的体验支付流程可以在插件市场导入unipay的示例项目快
