在项目开发中碰到需要导入文件、下载文件的功能,内容如下:1、导入功能uni.chooseMessageFile({ count:1, type:'file', extension:['.xlsx','.xls'], success:function(res){ console.log("文件上传",res); uni.uploadFile({ url:config.baseUrl+'/core/xxxxx',//文件上传的接口地址 filePath:res.tempFiles[0].path, name:'excel',//接口需要的参数名 header:{ 'Aut
小程序和uniapp都可以通过以下方式进行传参:query参数传递:在url中添加query参数,如在小程序中通过wx.navigateTo或wx.redirectTo跳转页面时可传递query参数,在uniapp中通过uni.navigateTo或uni.redirectTo跳转页面时也可以传递query参数。接收query参数的方式为在onLoad或onShow函数中获取options参数,此参数就是传递过来的query参数。event参数传递:在小程序中,通过triggerEvent触发自定义事件时可以传递参数。在uniapp中,通过$emit触发自定义事件也可以传递参数。接收event
提要:自己用uniapp写了一个记账小程序(目前是小程序),写到计算器部分,在网上找了别人写的计算器,大多数逻辑都是最简单的,都不能满足一个记账计算器的基本逻辑。与其在网上找来找去,还不如自己多捣鼓捣鼓。 git地址https://gitee.com/yapplee/kog-calculator.git效果图 主要代码贴部分主要代码,其它代码去git拉代码看,用HBuilderX能直接运行可自行修改布局,自行加入除法运算
前言为什么要使用阿里图标库:图标现在是很多地方都会用到的一般我使用的时候都是直接在ui库中比如elementul自带的一些有时候哪怕是感觉图标不是非常适合也是用的elementul图标,主要原因是懒因为能直接复制的,就懒得再去阿里图标库下载遍,差不多就行了。但是总有些时候你需要的图标是真的在elementul里没有的或者完全不适合的。这时候我们需要去到阿里的图标库里找找,这里的图标非常多,完全可以满足一切需求了。iconfont有三种图标引入方式,分别简单说一下特点1,Unicode:兼容性好,ie低版本也好用,可以和文字一样调整颜色和大小。缺点是不显示颜色,你下载的是有颜色的图标,会自动给你
首先,想要自定义tabBar有两种方法,可以自己去编写一个tabBar导航栏,但是性能不会比原生高,第二种,使用 uni.setTabBarItem这是配置项,有两个注意点, pagePath的路径配置和pages.json有所不同,需要加上代表绝对路径的 / 如下,index代表需要替换的tabBar数组位置,其余配置一样, viseble 属性控制tabBar显示隐藏,一般用来隐藏原配置中多余的tabbar第一个小bug是使用该方法的时机,这个方法只有在tabBar配置列的页面进行配置时才会生效,也就是你跳转进入的第一个tabBar页面中进行你需要更换的选项,也就是首页注意,switchT
一、前言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
代码如下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
rich-text标签支持解析富文本,不支持解析视频 使用插件市场的uParse 用法 可以添加以下代码设置样式 constformatRichText=(html)=>{ if(!(html&&html.length)){ return } letnewContent=html.replace(/&l
前两天遇到的问题,暂时没有解决,就搁置了。不解决又难受,还好今天解决了,记录下需求:两个gif图,分别代表点击之后的男生和女生,并且有两个静态的男生和女生图片当男生静态图被点击的时候切换男生的gif图,女生静态图被点击的时候切换女生的gif图主要就是根据动态变量控制静态图和gif的图切换,但是来回多点击几次后发现,只有第一次从静态图切换到gif图的时候,才有gif的动态效果然后才知道,原来在uni-app中使用image组件展示gif图片的时候,通常会遇到只有第一次点击时有动态效果,第二次点击不展示的问题。这是因为image组件默认会对同一个src地址的图片进行缓存,导致第二次点击时直接从缓存
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"