DOM曼珠沙华的博客

其实之前内部的展示组件使用了DCloud插件市场内的插件 luch-audioapi封装audio音频组件 - DCloud 插件市场，链接可进行查看插件，因为插件实现的较早，而且也需要修改部分东西，所以需要先下载下来，引入到需要使用的文件内在这一部分是需要先下载插件的，这里使用的是uni-app，是通过HBuilderX来导入插件的示例图...

下面两张图是中的第一张图是选择视频进行上传，第二张图是视频上传后的展示操作这里是有完成选择视频上传压缩，展示选择视频：上传视频后：...

这个上传全部是uni-app的东西，官网图片 - uni-app官网 (dcloud.io) 需要的关于图片的api均在文件内在开发的时候建议优先查看官网具体实现的 图片选择、压缩及上传实现效果是如下图：实现的操作是没图片时展示选择图片的按钮，有图片展示图片并且上传后可以删除整体上传思路整体上传思路有：选择图片 wx.chooseImage({}) 选择后拿到路径进行压缩 uni.compressImage({}) 挨个上传图片 ...

先码一下其中我的代码是：uni.chooseImage({ count: this.fileNum, sizeType: 'original', //只指定原图 sourceType: this.sourceTypeList, success: (res) => { console.log('tempFiles', res) console.log('size', res.tempFiles[0].size/1024/1024); // this.imgUpload

实现录音功能这里就需要用到uni.getRecorderManager()大部分是直接搬了官网的代码，但是还是需要记录一下修改的部分export default { data: { recorderManager: {}, innerAudioContext: {}, }, onLoad(options) { this.recorderManager = uni.getRecorderManager(); this.innerAudioContext = uni.c.

这里需要扫普通二维码分享的话就需要先产生二维码了文档：https://github.com/yingye/weapp-qrcode1.绘制二维码我这里使用的是资源是weapp.qrcode.esm.js文件，进入资源下载即可，下载后获取该文件的位置为weapp-qrcode-master.zip\weapp-qrcode-master\dist准备工作完成，现在开始绘制二维码具体实现1.引入weapp.qrcode.esm.js文件import drawQrco...

可以先看一下官网链接web-view这里可以看到web-view组件默认铺满全屏，这里新建了一个页面，只用于存放web-view，用于展示外部链接。1.新建页面showhfive作为web-view跳转页面的承载2.跳转H5需要个触发的点击事件，通过点击跳转<template> <view> <button class="submit-btn" @click="toExecute">执行</button> </view>

是真机调试时，没有选择位置信息需要在你的项目内的manifest.json文件，微信小程序内，选中位置信息并填写申请权限原因。添加这个即可。

uni-app 小程序项目无法直接获取到地理位置，只能通过获取到的经纬度，调用第三方地图Api获取。1.在 manifest.json - 微信小程序配置 - 填写微信小程序AppID、选择位置接口，填写申请原因2.选择第三方地图Api，因为是做小程序，这里选择腾讯地图3.注册、登陆后，在控制台 - key管理中创建秘钥4.引入腾讯地图Api5.授权调用已经封装好的方法，获取经纬度解析出地理位置信息6.如果用户未授权，默认会执行fail回调，所以添加提示框进行重新授权确认

先截个图上面是三个菜单，底下是进行切换的swiper，根据swiper的切换，底下的可见的绿色也会随之动态移动。具体加自己不会截动图且涉及保密，其他部分当然不想再做一次，所以没图，直接看代码吧【狗头保命】上面的代码实现，具体是在uni-app内实现的我这里存在两个问题，我这三个swiper-item都是请求的后端接口，所以这边的三个item高度是不一致的。第二个是在接口请求时使用了onLoad不展示，最后查了一下感觉没用，使用了onShow时查后端接口。这里需要注意的是swip.

1.navigator 标签<navigator url="../hello/hello" open-type="navigate"> <view class="struct"> I am {{student.age}} yeas old </br> I have skills such as {{student.skill[0]}},{{student.skill[1]}} </view></na

已有时间戳直接看代码export default { data() { return { time:'1598346851', } }, onLoad:function(){ this.time = this.happenTimeFun(this.time); }, methods: { happenTimeFun(num){//时间戳数据处理 let date = new Date(num * 1000); //时间戳为10位需*100

本文主要简介uni-app获取元素信息及设置信息等获取元素高度可查看官方文档mounted() { const query = uni.createSelectorQuery().in(this); query.select('#editor').boundingClientRect(data => { console.log(data) }).exec();},这里的data用于获取这个元素大小及位置信息，获取的值data如下：设置元素的位置设置.

打开HBuilder X,点击文件,选择新建一个项目首先点击HBuilder X菜单栏工具下面的设置，然后在运行配置里面设置微信开发者工具的安装路径在微信开发者工具中,点击设置下面的安全设置，然后开启服务端口最后在HBuilder X运行配置中填写web服务调用URL（本地IP+端口号）点击运行到小程序模拟器，微信开发者工具即可正确运行运行结果如下转载自：https://blog.csdn.net/weixin_39150852/article/detai..

这里通过Promise处理异步操作。封装uni.request()接口的 util/api.js文件：// 二次封装请求接口const BASE_URL = 'http://localhost:8082'export const myRequest = (options) => { return new Promise((resolve, reject) => { uni.request({ url: BASE_URL + options.url, method