草庐IT

uni-live-pusher

全部标签

【uni-app项目如何引入 uView组件库】

uniapp项目引入uView组件库一、uView官方文档二、公司项目中引入并使用uView一、uView官方文档uView官方文档二、公司项目中引入并使用uView第一步:在公司创建完成uniapp项目后引入uView第二步:您如果是使用HBuilderX创建的uniapp项目,使用uView组件库的话需要在HBuilderX下载插件库下载uni_modules,(如果这个看不懂可以看官方文档)(1)HBuilderX插件库中下载uni_modules现在是已经将uView导入到项目中了,接下来还需要对项目中uView组件库样式的导入,(具体步骤官方文档里都有)如果之前安装过scss,可以直

uni-app编译报caniuse-lite is outdated的处理方案

caniuse库过期问题的原因uni-app的编译器是基于npm的,依赖了众多包括mpvue、webpack在内的npm库,这些库又引用了一个三方库caniuser-lite。caniuser-lite这个库的代码里有个浏览器兼容数据的更新检查,过老的数据影响自动补齐css前缀。开发者平时写uni-app时并不需要手动补浏览器的css前缀,就是因为这个库在自动补前缀。这个库它自己每半年过期一次,过期后会报错如下:Browserslist:caniuse-liteisoutdated.Pleaserunnextcommandnpmupdatecaniuse-litebrowserslist``这

uni-app 微信小程序之好看的ui登录页面(一)

文章目录1.页面效果2.页面样式代码更多登录ui页面uni-app微信小程序之好看的ui登录页面(一)uni-app微信小程序之好看的ui登录页面(二)uni-app微信小程序之好看的ui登录页面(三)uni-app微信小程序之好看的ui登录页面(四)uni-app微信小程序之好看的ui登录页面(五)1.页面效果2.页面样式代码template> viewclass="t-login"> imageclass="img-a"src="https://zhoukaiwen.com/img/loginImg/2.png">image> imageclass="img-b"src="http

uni-simple-router:使用vue-router管理uniapp路由

    笔记中的内容仅适用于HBulider构建的uniapp项目,通过其他方式构建的uniapp项目请参考uni-simple-router官网uni-simple-router(hhyang.cn)    uniapp用到了vue的很多api,但在路由管理的功能上相较于vue-router还是比较欠缺的,比如全局导航守卫。    我们可以通uniapp的插件uni-simple-router来实现类似于vue-router的功能,但多端兼容时,一些用法还需要注意,我们会讲到。一、安装如果你的项目没有使用package,请先初始化:$npminit-y安装依赖:$npminstalluni-

uni-app小程序,uview-ui组件样式无法穿透修改的解决办法

1.首先设置以下选项.该选项的作用是让微信小程序允许样式穿透.在需要改动的文件内加上options:{styleIsolation:'shared'}2.然后再使用vue的样式穿透写法.::v-deep.类样式{}或者/deep/.类样式{}

uni-app -移动端 - 启动后全局横屏与单个页面横屏以及解决ios横屏失效

👨‍💻作者简介:程序员半夏,一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主.你可以在各个平台找到我!🏆本文收录于专栏:uniapp踩坑指南🔥专栏介绍:本专栏提供了uni-app开发过程中必不可少的组件和解决方案。本书详细介绍了各种常用组件的使用方法和技巧,以及如何应对uniapp开发中遇到的各种问题。前言最常见的横屏场景是视频播放应用。在竖屏模式下,用户通常只能看到视频的一部分,而在横屏模式下,用户可以利用更宽的屏幕空间来观看完整的视

uni-app实现小程序上下滑动播放视频【跨平台开发教程uniapp教程(米饭科技-app小程序h5源码)】

目录:uni-app实现小程序上下滑动播放视频实现代码源码获取方法:会员学习群:uni-app实现小程序上下滑动播放视频实现代码您可以通过以下步骤实现在uni-app小程序中上下滑动播放视频:1.在页面中引入video组件,并设置宽高及src属性。videosrc="../video.mp4"id="video"style="width:100%;height:100%;"/>2.在页面的onLoad生命周期方法中获取video组件并添加上下滑动事件。onLoad(){constvideo=uni.createVideoContext('video')letstartYvideo.onTouc

uni-app开发微信小程序连接蓝牙模块

0前言    博主本身是小白,然后做一个项目的时候需要自己的微信小程序需要有接受蓝牙数据的功能,于是就自己摸索着进行了学习,这个博客主要用于记录自己的学习过程。    更加优秀的博客,也是我借鉴的博客,可以看下面的链接http://t.csdnimg.cn/FnQ2Whttp://t.csdnimg.cn/FnQ2W1硬件方面    使用USB转TTL,HC-082连接之前对蓝牙模块的调试    下面是HC-08的模块说明书,不明白的地方可以直接进行查阅。HC-08说明书https://www.hc01.com/downloads/HC-08V3.1.pdf            蓝牙连接的时

uni-app开发微信小程序 vue3写法添加pinia

说明使用uni-app开发,选择vue3语法,开发工具是HBliuderX。虽然内置有vuex,但是个人还是喜欢用Pinia,所以就添加进去了。Pinia官网连接添加步骤第一步:在项目根目录下执行命令:npminstallpinia第二步:配置main.js文件//#ifdefVUE3import{createSSRApp}from'vue'import*asPiniafrom'pinia'; //配置pinia第一句exportfunctioncreateApp(){constapp=createSSRApp(App)//状态管理conststore=Pinia.createPinia()

android - GingerBread 上的 MediaPlayer Framework 和 Apple 的 HTTP Live Streaming 支持

根据发行说明,StageFright取代了GingerBread版本中的OpenCore框架。好像有很多讨论说:苹果的HTTPLivestreaming是从Android2.3开始默认支持的。即使是Wikipedia提到这个。但是,当我尝试运行teststream由Apple使用与API演示bundle在一起的MediaPlayerDemo_Video.java提供我得到了以下异常(exception)情况:setDataSource('http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8')con