小程序
奋斗的小绿萝
莫问前程,只管修行
展开
-
微信小程序中的冒泡事件
背景一、概念首先引用百度百科解释下什么是事件冒泡。 所谓事件冒泡,就是指当事件发生后,这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢?因为事件源本身(可能)并没有处理事件的能力,即处理事件的函数(方法)并未绑定在该事件源上。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身可能不能处理这个事件,事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码...原创 2018-07-23 16:26:41 · 6320 阅读 · 0 评论 -
微信小程序路由跳转失败——不能使用wx.navigateTo跳转到tabBar定义的页面
背景在编写微信小程序的时候,遇到了跳转页面部分失灵的问题。使用了一个weUI自带的msg页面如下, wxml如下:<view class="page"> <view class="weui-msg"> <view class="weui-msg__icon-area&原创 2018-07-24 18:17:43 · 6704 阅读 · 0 评论 -
微信小程序——自定义个性化模态框(附代码)
微信小程序官方提供的模态框主要有以下几种,这几种方法都只能简单的显示文字内容,不能达到设计要求。最后只能通过自定义实现可以灵活设计的弹框。主要原理:和普通的css相同,利用 z-index实现不同层的显示,以实现弹框效果。先附上最终效果图: 实现方法关键点:设置boolean变量showModal,利用wx:if="{{showModal}}"来实现模态框的显示隐...原创 2018-07-25 16:48:32 · 18928 阅读 · 4 评论 -
初识微信小程序(基础)
工作原因,要完成一个微信小程序,从今天开始,将会记录微信小程序那些事儿。微信小程序微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,它实现了触手可及的梦想,用户扫一扫或者搜一下即可打开应用。一、特点:免安装操作更接近原生APP必须在微信中使用二、宣传方式:小程序搜索入口&附近的小程序扫一扫,长按识别小程序码好友分享、群分享...原创 2018-07-20 17:44:06 · 383 阅读 · 0 评论 -
微信小程序统一设置所有页面背景色
app.wxss中的样式属于全局样式,可以在app.wxss中添加如下代码来统一设置所有page的样式。page { background-color: rgba(250,250,250,0.90);}原创 2018-07-30 13:52:21 · 24989 阅读 · 4 评论 -
微信小程序——实现发送验证码按钮效果
首先上图,最终效果如下: 实现关键点获取验证码按钮无边框: 可以用 button::after{ border: none; } 来去除边框,或者直接用view绑定点击事件。本例子中没有使用button点击发送后,60秒内按钮处于disable状态点击发送后,text分为剩余秒数和后缀两部分.form_group 使用 flex 布局代码.wxml&lt...原创 2018-08-06 14:52:42 · 11220 阅读 · 4 评论