自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 基础日历-组件 vue

日历大概长这个样子, 两种颗粒度的。 有上月-到下月的周内日期补充。 平时要么就用插件要么扒网上的代码,也没存过每回都是现用现扒。所以想自己搞一个基础版的方便修改和调整,用vue写的,没用UI库. 代码如下。 Code Start <template> <div class="calendar"> <div class="calendar-header padding line-bottom flex justify-between"> <div c..

2021-09-07 17:38:54 275

原创 Taro 实时获取父-子 传值更新。

Taro 实时获取父-子 传值更新。 需求场景描述,父组件-子组件(子组件嵌套子组件); 子子组件,需要通过父组件-子组件-拿到传递的值,且这个值是在父组件里面会更改,则子组件-子子组件需要实时获取更新后的传值。 在子组件 、子子组件里用这个生命周期就可以获取到父组件实时更新的值。 ...

2020-10-15 15:49:24 706

原创 Taro 阻止事件冒泡方法-亲测有效

Taro 中官方给了阻止事件冒泡的方式。 我当前的Taro 版本是2.2.3。 但是发现以上方法无效。依然会发生冒泡。 官方提供的在事件内使用e.stopPropagation(); 的方式不能有效的阻止事件冒泡。 所以,在不厌其烦的实验了一堆阻止事件冒泡的方法。 最终发现,在使用匿名函数的方式可以直接有效的阻止事件冒泡。 在标签的绑定事件中,使用匿名函数 onClick={ e=>{e.stopPropagation()}}; 就可以有效阻止事件冒泡,亲测有效。 ...

2020-09-22 17:23:13 4182

原创 Taro - 父子组件间通信

最近入坑了一波Taro,打算重构当前手上的原生小程序项目。 但是这个文档和版本啊搞得人头大,真的是边踩坑边成长。 我是用的Taro 1.x版本中的1.3.42.(恐版本之间差异致使当前版本可使用的方法不可用,基本是小概率事件)。 先说父 - 子 传值,这个和小程序基本一样不过是格式和方法名不一样。 这是微信小程序父组件往子组件传值的方式。如果有直接上手小程序框架的同学不了解原生组件间传值的可看下面这个链接 https://blog.youkuaiyun.com/qq_42228073/article/deta

2020-07-14 16:55:07 2535

原创 小程序父子组件间通信传值

首先解释下,通常把自定义组件a在b页面引入,作为b页面引入页面我把他叫做父组件(就是被引用页面); 父->子 传值

2020-06-08 14:48:24 597

原创 小程序 吸底标签适配类iPhoneX以上手机 那种下巴的写法

如图所示 ,现在很多手机类iPhoneX以上手机,都会有下面那条黑色的线。 当我们需要做一个类似于悬浮底部tabbar导航的时候就会出现被覆盖的情况。 那么如何解决这个问题呢? 需要吸在底部的 position:fixed的标签写上 calc(env(safe-area-inset-bottom) / 1.7) 即可解决被底部线条覆盖的问题。 ...

2020-03-24 16:48:26 478

原创 原生小程序-引用UI框架-colorUI的使用方法

简单介绍下,这是款颜值在线的UI框架 。如果你觉得微信提供的原生效果太丑,自己又是懒癌患者,且又是外貌协会VIP,那么这款colorUI你值得入手。 这是个人开源项目,链接放下面了(听说作者只有18岁,汗颜ing)。 https://github.com/weilanwl/ColorUI/ 使用方法: 首先你得把GitHub的项目下载下来,然后解压像下面这样你会看demo和 templat...

2020-03-24 16:41:02 3257 1

原创 template 模板之有坑

微信小程序 踩坑之 :template 模板封装 实际项目中,我需要传递一个数组,该数组的每一项都是一个对象,来实现一个比较复杂一点的模板功能;而相同类似的功能不需要写多次同样的代码,这时候就需要封装代码,以便之后需要的类似的功能直接调用。上代码。 设计图图片排列位置 首先建立一个模板文件来放置你想要封装的模板 建立模板代码 且给模板命名 使用name字段。 在wxml种引用te...

2019-05-31 18:09:37 424

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除