
uni-app
jiangbei-north
前端菜狗一只
展开
-
在vue-cli中使用swiper制作水平滑动
在vue-cli中使用swiper制作水平滑动在最近项目中,需要完成一个水平滑动选项卡的选择,如果在uni-app中可以直接使用swiper组件完成,但是在vue-cli项目中需要进入swiper插件;但是swiper官网中对于其在vue-cli项目中的使用介绍描述的不太详细,下面将我的使用过程记录下来供大家参考。1.引入npm install swiper vue-awesome-swiper --save2.(全局注册)import Vue from 'vue'import VueAweso原创 2020-12-04 11:17:52 · 791 阅读 · 0 评论 -
uni-app中使用subNVue和制作带video的swiper
关于uni-app中带有video的swiper,还有subnvue的踩坑记录及解决原创 2020-10-19 20:16:20 · 2973 阅读 · 4 评论 -
关于uni-app中如何给tabber页面传值并获取 绝对好用!!
关于uni-app中如何给tabber页面传值并获取 绝对好用!!在uni-app中,有很多路由跳转的api,在非tabber页面进行路由跳转和传值非常方便,只需在onload中拿去即可,但这些方法都写明:无法在跳转向tabber页面时传递参数,下面是解决办法getCurrentPages()**getCurrentPages() ** 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。通过该api获取本页面(也可以是tabber页面)的实例原创 2020-09-09 09:43:20 · 465 阅读 · 0 评论 -
uni-app可拖动的浮动图标
第二个项目中有一个需求,在uni-app中制作一个新人红包的图标,要求全屏拖动,初始位置固定。样式如此:下面是我的解决方法**1.首先uni-app中有专门的拖动元素movable,html代码如下**<movable-area class="movableArea" v-else-if="isShowPhone==0"> <movable-view class="movableView" direction="all" x="600rpx" y="800rpx"&原创 2020-08-04 10:33:04 · 4995 阅读 · 1 评论 -
uni-app中长按图片保存(保存二维码等)
uni-app中长按保存图片个人第二个项目是在小程序和app端的一款应用,在项目中需要使用到长按保存二维码功能,但uni-app官方的uni.saveImageToPhotosAlbum api只能传入文件路径,不支持网络路径,而我们大部分需要保存的图片基本都是网络路径,所以想到了uni.downloadFile,这个api会返还一个图片的临时路径,刚好可以作为参数使用saveImageToPhotosAlbum,所以问题就可以解决!关于长按事件,我使用的是canvas的@longtop,不过这个不是原创 2020-08-04 10:02:07 · 10153 阅读 · 0 评论