
uni-app
文章平均质量分 56
飞歌Fly
这个作者很懒,什么都没留下…
展开
-
如何在uni-app中计算出微信小程序导航栏的高度
为什么要拿到导航栏的高度拿到导航栏的高度当然是为了自定义导航栏,uniapp默认为我们提供了一个导航栏,也就是每个页面上面的标题,但如果对这个默认的导航栏不满意,我们就可以选择自定义导航栏,比如我在下面,为了满足业务需求,放了一个搜索框,取代了原先的标题栏。不仅仅是在导航栏放放东西,如果你要导航栏自定义大背景,也需要自定义导航栏,如下(图片来源网络):小程序头部的几个参数如果我们要开启页面自义定导航栏,以首页index为例,我们要在pages.json中加入以下代码,它默认是defa转载 2022-03-21 12:09:22 · 19121 阅读 · 2 评论 -
uni-app 淡入淡出 支持左滑右滑轮播图
<template> <view class="grapSwiper"> <view class="banner" @touchstart="touchStart" @touchend="touchEnd"> <image v-for="(value,index) in swiperList" :key="index" class="pic" :src="value.imagePath" :animation="num==inde...原创 2022-01-14 13:49:49 · 1255 阅读 · 0 评论 -
微信小程序webview清除缓存、微信公众号h5清除缓存、页面白屏、空白、不刷新问题
一、缓存带来的问题和原因我们在发布新版本的时候,在打开微信小程序嵌套的h5页面和微信公众号h5页面的时候,常常会发现页面还是上个版本的旧页面或者打开直接空白 白屏了,那么为什么会存在这个问题呢?原因是微信浏览器为了提高性能,自带缓存功能,缓存了html文件,比如页面 https://www.xxx.com/abc.html,虽然这个页面内部内容都全部替换了,但是页面路径还是同一个,还是https://www.xxx.com/abc.html,缓存就会生效,还是会请求...原创 2021-11-02 12:32:21 · 16484 阅读 · 0 评论 -
vue uni-app,弹框弹窗滚动、滑动页面穿透
1、弹框最外层使用@touchmove.stop.prevent="preventHandler"屏蔽触摸事件,屏蔽后如果弹框内还有列表,则列表此时无法滚动。2、如果弹框内部还有滚动列表,则可以使用 scroll-view,并设置scroll-y="true"scroll-view 不会受到@touchmove.stop.prevent="preventHandler" 的影响。...原创 2021-09-24 17:15:55 · 7381 阅读 · 6 评论 -
mescroll-body在子组件中的使用
下图是官网案例的使用第一次看时有点蒙。以为子组件必须用 mescroll-item命名呢。其实不是的,只要保证在最外层父页面中引入了下面文件importMescrollCompMixinfrom"mescroll-uni/mixins/mescroll-comp.js";并在自己定义的组件上加上ref="mescrollItem",这名称是固定的,不能改。子组件名称可随意,但ref是要加上的如果还有子子组件,则继续在当前子组件加ref="mescrollItem"...原创 2021-09-16 17:50:10 · 1977 阅读 · 0 评论 -
uni-app h5端proxy跨域反向代理配置
①方法一 在 manifest.json文件下,设置h5的proxy代理配置,配置方式和vue比较类似。配置参考:https://cli.vuejs.org/zh/config/#devserver-proxy "h5": { "optimization": { "treeShaking": { "enable": true } }, "devServer": { "disableHostCheck": true, "proxy"原创 2021-08-12 16:32:45 · 4570 阅读 · 0 评论 -
uni-app配置开发、测试、生产等多环境,process.env
"scripts": { "dev": "cross-env NODE_ENV=development VUE_APP_MOD=dev UNI_PLATFORM=h5 VUE_APP_PLATFORM=h5 vue-cli-service uni-serve", "build:sit": "cross-env NODE_ENV=production VUE_APP_MOD=sit UNI_PLATFORM=h5 VUE_APP_PLATFORM=h5 UNI_OUTPUT_DIR=dist.原创 2021-08-03 18:26:52 · 10887 阅读 · 0 评论 -
Fiddler弱网测试uni-app
本文仅代表个人意见,仅供参考ABC小程序与uni-app小程序弱网测试报告本文在弱网环境下,在页面请求完成耗时和页面加载完成耗时这两个维度,对现有ABC小程序(后面统一称ABC小程序)和uni-app改造后的ABC小程序(后面统一称uniapp小程序)做一些比较。一、什么是弱网?很多时候我们在地铁或者在电梯上浏览网页时,网页一直在转圈或者提示加载错误,这样的网络环境就可以称为弱网环境。按照移动的特性来说,一般应用低于2G速率的都属于弱网,也可以将3G划分为弱网。以下是常见的网络制式的上行、下原创 2021-08-03 12:15:40 · 2521 阅读 · 3 评论 -
uni-app、taro、flutter、kbone 跨端、小程序选型对比、区别
本文只代表本人观点,在自己的一些实践经验上的出的粗浅结论。也只适合在公司目前业务所得出的方案,仅供参考,可能随着技术的发展,其他框架也会越来越好。一、背景 随着移动互联网的百家争鸣,越来越多的“端”如雨后春笋快速兴起,安卓、ios、鸿蒙和各种小程序等。同一个应用,各个“端”独立开发,不仅开发周期长而且人员成本高,不利于团队成员形成合力提高开发效率。这种重复、低效的工作状态直接影响到新品的迭代和发布,在这样的形势下,跨端技术受到越来越多人和企业的关注。 使用跨端方案进行...原创 2021-08-03 12:02:07 · 17741 阅读 · 2 评论 -
uni-app修改页面page的background背景颜色
因为scoped的原因,所以改变不了全局的page样式。可以在添加一行 style样式,单独修改page样式,其他样式保持不变。原创 2021-07-23 16:20:42 · 5710 阅读 · 8 评论