草庐IT

uniapp-tabbar

全部标签

uniapp写一个计算器用于记账(微信小程序,APP)

提要:自己用uniapp写了一个记账小程序(目前是小程序),写到计算器部分,在网上找了别人写的计算器,大多数逻辑都是最简单的,都不能满足一个记账计算器的基本逻辑。与其在网上找来找去,还不如自己多捣鼓捣鼓。 git地址https://gitee.com/yapplee/kog-calculator.git效果图  主要代码贴部分主要代码,其它代码去git拉代码看,用HBuilderX能直接运行可自行修改布局,自行加入除法运算 

【iconfont图标】vue引入并使用阿里巴巴iconfont图标流程【uniapp引入iconfont真机APP不显示问题解决,移动端引入报错解决】

前言为什么要使用阿里图标库:图标现在是很多地方都会用到的一般我使用的时候都是直接在ui库中比如elementul自带的一些有时候哪怕是感觉图标不是非常适合也是用的elementul图标,主要原因是懒因为能直接复制的,就懒得再去阿里图标库下载遍,差不多就行了。但是总有些时候你需要的图标是真的在elementul里没有的或者完全不适合的。这时候我们需要去到阿里的图标库里找找,这里的图标非常多,完全可以满足一切需求了。iconfont有三种图标引入方式,分别简单说一下特点1,Unicode:兼容性好,ie低版本也好用,可以和文字一样调整颜色和大小。缺点是不显示颜色,你下载的是有颜色的图标,会自动给你

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

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

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

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

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

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"

uniapp和vue3+ts开发小程序,使用vscode提示声明变量冲突解决办法

在uniapp中,我们可能经常会遇到需要在不用的环境中使用不同变量的场景,例如在VUE3中的小程序环境使用下面的方式导入echarts:constecharts=require('../../static/echarts.min');如果不是小程序环境则使用下面的方式导入echarts://由于vue3使用vite不支持umd格式的包,故引入npm的包import*asechartsfrom'echarts'; 但是按照上面的形式导入后,在vscode中就会提示变量冲突:导入声明与“echarts”的局部声明冲突。ts为了解决这个问题,我的解决办法是,将script标签中的lang="ts"删

微信小程序 人工智能志愿者服务活动报名系统uniAPP+vue

基于java语言设计并实现了人工智能志愿者服务APP。该APP基于B/S即所谓浏览器/服务器模式,应用SpringBoot框架与HBuilderX技术,选择MySQL作为后台数据库。系统主要包括用户、志愿活动、活动报名、活动签到、服务职责、服务排行等功能模块。本文首先介绍了人工智能志愿者服务APP的技术发展背景与发展现状,然后遵循软件常规开发流程,首先针对系统选取适用的语言和开发平台,根据需求分析制定模块并设计数据库结构,再根据系统总体功能模块的设计绘制系统的功能模块图,流程图以及E-R图。然后,设计框架并根据设计的框架编写代码以实现系统的各个功能模块。最后,对初步完成的系统进行测试,主要是功