草庐IT

uni-collapse

全部标签

uniapp之通过vue-cli命令行创建Vue3/Vite版,JavaScript开发,引入uni-ui扩展组件

注意:Vue3/Vite版要求node版本^14.18.0||>=16.0.0如果使用HBuilderX(3.6.7以下版本)运行Vue3/Vite创建的最新的cli工程,需要在HBuilderX运行配置最底部设置node路径为自己本机高版本node路径(注意需要重启HBuilderX才可以生效)HBuilderXMac版本菜单栏左上角HBuilderX->偏好设置->运行配置->node路径HBuilderXWindows版本菜单栏工具->设置->运行配置->node路径环境安装1.全局安装vue-clinpminstall-g@vue/cli2.创建以javascript开发的工程(如命令

uni-app uni-file-picker文件上传实现拍摄从相册选择获取图片上传文档服务器(H5上传-微信小程序上传)

前言最近在使用uni-app写H5移动端,有一个从手机拍摄从相册选择获取图片上传到文档服务器功能。查阅uni-app发现关于上传图片,uni-file-picker文件上传,uni.chooseImage,uni.uploadFileH5上传时它和pc端原理差不多,都是file对象上传,PC端是通过newfile对象,uni-app是直接提供了微信小程序上传时是需要微信提供的临时路径,uni-app是直接提供了注意H5上传和微信小程序uni.uploadFile()上传参数是不一样的二者不能共存,注意看注释自己理解1.uni.chooseImage是uni-app提供调用手机拍摄从相册选择获取

uni app 使用live-pusher录制视频

需求背景当客户发货或者收货时 需要上传开箱或者封箱视频,直接选择相册视频上传速度太慢,现在随便一个视频都是几百M的,流量费很贵,所以就选择使用 直播推流的方式 实现视频上传。app开发,推荐使用nvue做直播,比使用vue的优势有:nvue也可一套代码编译多端。nvue的cover-view比vue的cover-view更强大,在视频上绘制元素更容易。如果只考虑App端的话,不用cover-view,任意组件都可以覆盖live-pusher组件,因为nvue没有层级问题。若需要视频内嵌在swiper里上下滑动(类抖音、映客首页模式),App端只有nvue才能实现当然nvue相比vue的坏处是c

Uni-app中使用uni.navigateTo跳转失败

在初次使用navigateTo的时候,难免会出现一些小的问题,已经使用了但是频繁的跳转失败①uni.navigateTo({ url:"/pages/Approval/rules", success(){ console.log("跳转成功") }, fail(){ console.log("跳转失败"); } })第一个问题就是没有在pages.json的文件中添加当前的/pages/Approval/rules这个路径这是出现的第一个错误②还有可能的是即使添加了这

Uni-app 小程序 App 的广告变现之路:激励视频广告

Intro激励视频广告,是cpm收益最高的广告形式。手机用户观看几十秒视频广告,在广告播放完毕后可获得应用开发商提供的奖励,而应用开发商则可以从广告平台获取不菲的广告收入。与开屏、信息流等广告变现方式不同,激励视频收益高、但场景设计和编程工作量也较高。激励视频广告的场景灵活多样:游戏内看广告复活、看广告拿高级道具合成类游戏,看广告获得道具,比如各种养龙、养凤凰、养牛、养蟹......走路赚钱、看短视频赚钱、猜歌赚钱等应用也非常多网赚应用中,做各种任务赚钱,或者想要接赚钱的任务,前提是观看激励视频增值内容消费,比如小说、电影看一半,剩下的需要看广告后才能继续区块链应用融合激励视频,比如看广告提高

Uni-app 小程序 App 的广告变现之路:激励视频广告

Intro激励视频广告,是cpm收益最高的广告形式。手机用户观看几十秒视频广告,在广告播放完毕后可获得应用开发商提供的奖励,而应用开发商则可以从广告平台获取不菲的广告收入。与开屏、信息流等广告变现方式不同,激励视频收益高、但场景设计和编程工作量也较高。激励视频广告的场景灵活多样:游戏内看广告复活、看广告拿高级道具合成类游戏,看广告获得道具,比如各种养龙、养凤凰、养牛、养蟹......走路赚钱、看短视频赚钱、猜歌赚钱等应用也非常多网赚应用中,做各种任务赚钱,或者想要接赚钱的任务,前提是观看激励视频增值内容消费,比如小说、电影看一半,剩下的需要看广告后才能继续区块链应用融合激励视频,比如看广告提高

小程序uniapp播放录音,uni.createInnerAudioContext()苹果手机播放报错,安卓手机可以正常播放问题解决

解决思路:经过测试发现虽然苹果手机uni.createInnerAudioContext()api播放不了,会进入错误监听里面。但是uni.getBackgroundAudioManager()背景音乐播放在苹果手机上播放是正常的。所以我们采取能正常录音播放的就用uni.createInnerAudioContext()音频播放组件,如果播放进入createInnerAudioContext的错误监听事件,就使用uni.getBackgroundAudioManager()背景音乐播放组件。(因为苹果手机使用uni.createInnerAudioContext()是一进入页面就会报错,甚至还

uni-app项目中 component is 使用时 h5生效 小程序中渲染等不支持,下面有解决方法

前言:由于公司业务调整,特意学习下uni项目框架,其实根据官方api就是实现很多功能,其实都是一些小坑要走,下面来说一下uni-app项目中componentis使用时h5生效小程序中渲染支付宝等不支持,下面有解决方法查了下官网时这样说的官网地址 component|uni-app官网单个是可以使用的 对我们来说没有意义那么如何解决呢?看代码这是第一种使用0":is="'tmp3'">0":is="'tmp4'">0":is="'tmp5'">0":is="'tmp6'">importtmp3from'./tmp3.vue'importtmp6from'./tmp6.vue'importtmp

详解uni-app项目运行在安卓真机调试

详解uni-app项目运行在安卓真机调试uni-app项目运行在安卓真机调试文章目录详解uni-app项目运行在安卓真机调试前言为什么要用真机调试?真机调试操作步骤总结前言UNI-APP学习系列之详解uni-app项目运行在安卓真机调试为什么要用真机调试?因为安卓模拟器调试有问题,运行项目后白屏,因此使用安卓真机调试。真机调试操作步骤安卓真机调试HBuilderX下载真机插件手机通过USB链接电脑调试手机开启开发者模式,并且打开USB调试一般是在设置==>关于手机==>版本号连续点击5-7次开启开发者模式==>找到开发者选项==>打开USB调试一般是在设置==>关于手机==>版本号连续点击5-

解决uni-app开发小程序时,CSS调用本地图片当背景时不能使用的问题

uniapp官方给出的解释就是小程序不支持本地图片,只支持网络访问或者base64。当背景图片小于40kb的时候还好,uniapp会自动转为base64格式;但是大于40kb时候就不行了,目前我了解的有三种方式解决:1.可以通过动态样式“:style”来解决,在标签上如下编写:接着在data里声明image的路径:importimgPicfrom'路径'data(){return{image:imgPic}} 2.将图片转换为base64格式,但是得到的代码会很长很长... base64转图片在线解码转换工具(wenyiso.com)3.将图片转换为url链接网络地址 路过图床-免费图片上传,