草庐IT

uniapp-uni-easyinput

全部标签

关于uniApp自定义配置的底部的tabBar配略解, 以及会遇到的bug若干

首先,想要自定义tabBar有两种方法,可以自己去编写一个tabBar导航栏,但是性能不会比原生高,第二种,使用 uni.setTabBarItem这是配置项,有两个注意点, pagePath的路径配置和pages.json有所不同,需要加上代表绝对路径的 / 如下,index代表需要替换的tabBar数组位置,其余配置一样, viseble 属性控制tabBar显示隐藏,一般用来隐藏原配置中多余的tabbar第一个小bug是使用该方法的时机,这个方法只有在tabBar配置列的页面进行配置时才会生效,也就是你跳转进入的第一个tabBar页面中进行你需要更换的选项,也就是首页注意,switchT

uni-app -移动端H5小程序 关闭当前页,返回上一页并调用上一页的方法

👨‍💻作者简介:程序员半夏,一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主.你可以在各个平台找到我!🏆本文收录于专栏:uniapp踩坑指南🔥专栏介绍:本专栏提供了uni-app开发过程中必不可少的组件和解决方案。本书详细介绍了各种常用组件的使用方法和技巧,以及如何应对uniapp开发中遇到的各种问题。文章目录场景方法1:getCurrentPages介绍代码演示报错notafunction?请注意!!!注意2:Android端执行之后

uniapp的H5项目使用videojs播放m3u8类型视频

一、前言uniapp项目,运行在手机浏览器端,需要播放m3u8类型视频。在网上找了好久教程,记录一下实现过程。参考了:uni-appnpm方式引入video.js教程支持H5播放m3u8、mp4等格式视频文件_npmvideo.js_wang_9909的博客-CSDN博客以及videojs官网。二、步骤1、安装videojsnpminstall--save-devvideo.js2、在main.js中加以下三行代码importVideojsfrom'!video.js'//一定要加!import'video.js/dist/video-js.css'Vue.prototype.$video=V

uniapp-uni-easyinput使用

代码如下template> viewclass="login":style="{'paddingTop':menuContentTop}"> viewclass="title">{{passwordTel?passwordTel:isLogin?'登录':'注册'}}/view> viewclass="helloTip"v-show="isLogin&&!passwordTel">您好,欢迎来到顶医!/view> viewclass="content"> u--form :model="formData" :rules="rules" ref="refFormDat

uniApp小程序解析富文本,视频无法显示问题

rich-text标签支持解析富文本,不支持解析视频  使用插件市场的uParse           用法   可以添加以下代码设置样式 constformatRichText=(html)=>{   if(!(html&&html.length)){    return   } letnewContent=html.replace(/&l

用 Android Studio 打包 uni-app 的安卓apk;手把手教程、巨详细避坑

Uni-app离线打包apk1.AndroidStudio下载AndroidStudio官网2.HBuilderX下载HBuilderX下载3.App离线SDK下载Android离线SDK-正式版下载后解压文件,将HBuilder-Integrate-AS重命名build-template并拷贝到一个专门打包用的文件夹下作为打包模板该文件夹中有一个simpleDemo文件夹即build-template\simpleDemo\src\main\assets\apps将apps文件夹下的内容删除运行HbuilderX选择生成本地打包APP资源打包完成控制台会提示下面内容找到打包后的资源目录,将下

uni-app 新增 微信小程序之新版隐私协议

一、manifest.json中配置"__usePrivacyCheck__":true二、编写封装后的组件 隐私保护指引 在使用当前小程序服务之前,请仔细阅读 {{privacyContractName}} 。如果你同意{{privacyContractName}},请点击“同意”开始使用。 拒绝 同意 exportdefault{ data(){ return{ privacyContractName:'',//需要弹窗展示的隐私协议名称 showPrivacy:false,//全局控制弹窗显隐 }; }, c

【bug】uniapp的image组件渲染gif图,只有第一次点击的时候有动效,需要每次点击都有gif效果,已解决

前两天遇到的问题,暂时没有解决,就搁置了。不解决又难受,还好今天解决了,记录下需求:两个gif图,分别代表点击之后的男生和女生,并且有两个静态的男生和女生图片当男生静态图被点击的时候切换男生的gif图,女生静态图被点击的时候切换女生的gif图主要就是根据动态变量控制静态图和gif的图切换,但是来回多点击几次后发现,只有第一次从静态图切换到gif图的时候,才有gif的动态效果然后才知道,原来在uni-app中使用image组件展示gif图片的时候,通常会遇到只有第一次点击时有动态效果,第二次点击不展示的问题。这是因为image组件默认会对同一个src地址的图片进行缓存,导致第二次点击时直接从缓存

uni-app微信小程序-利用canvas给图片添加水印

实现思路一、选择图片二、将图片绘制到canvas中并绘制水印三、将canvas画布转换为图片地址四、最终效果五、完整代码实现思路选择图片→将图片绘制到canvas中并绘制水印→将添加水印的图片绘制到canvas中→将canvas画布转换为图片地址→上传/展示操作一、选择图片注意:微信小程序在选择照片或者唤起相机之前需要获取相应的权限利用uni.getSetting查看用户是否调用相机的权限(有就选择图片,没有就获取授权后再选择图片)uni.getSetting({ success:async(res)=>{ //是否有相机权限 if(!res.authSetting['scope.came

uniapp实现移动端的视频图片轮播组件

1、视频轮播组件app体验地址https://tt.appc02.com/nesxr62、支持小程序、H5、APP,在小程序上运行的效果图3、使用方法第一步,按照截图步骤配置好"app-plus":{ "subNVues":[{ "id":"videoMask",//唯一标识 "path":"components/liuliu-video-swiper/subnvue/liuliu-video-mask", "style":{ "position":"absolute", "background":"transparent"