06 2020 档案
摘要:小程序官方提供的alert弹窗 没法自定义,如果需要在上面修改,添加一个input 或者 textarea就没办法做到,因此出于此目的,封装了一套自己的弹窗控件,并且通过定义多个slot插槽来提供自定义 能实现功能 点击弹出有spring动画 title和content都可以自定义 提供插槽自定义额
阅读全文
摘要:工作中很多地方都会用到列表类的样式,比如个人中心 比如用户信息列表,如果编辑收货地址等,针对这些页面,可以使用we-ui的一些组件来实现,由于抱着学习的态度,所以就自动动手封装了一套group和cell,目前来将用起来还算比较好用,特分享出来供大家交流 效果图: 大致思路就是利用slot插件属性,在
阅读全文
摘要:自定义底部弹窗,发现弹窗弹出状态下,底部内容还可以有滚动事件,通过设置catchtouchmove="true"可以将底部滚动事件屏蔽掉 catchtouchmove="true" textarea使用fixed定位后,点击键盘弹起时,只有内容弹起,输入框位置不变,解决此问题方法:在textarea
阅读全文
摘要:{ position : fixed; top : 50%; left : 50%; transform : translate(-50%, -50%); }
阅读全文
摘要:验证手机号 //1开头 11位数字 if(!(/^[1]\d{10}$/.test(mobile))){ console.log('手机号不符合规范'); return; }
阅读全文
摘要:自定义导航栏 通过slot插槽能够实现以下功能 1.自定义状态栏颜色 2.自定义导航栏颜色 3.自定义导航栏状态栏整体颜色 3.自定义导航栏状态栏整体背景图片 4.slot name="left"能自定义导航栏左边容器 5.slot name="center"能自定义导航栏中间容器 6.slot n
阅读全文
摘要:微信自带的swiper不支持dot样式修改,如果UI设计的样式有变化,将很难自定义 以下,提供一种方案来解决dot样式自定义的问题 如图: 大致思路 就是隐藏默认swiper的dots,然后自定义自己的dotview,并同步事件 <!--index.wxml--> <view class="swip
阅读全文
摘要:在小程序中自定义组件可以通过新建components来实现 参考微信小程序自定义组件文档 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 效果图如下: 一些细节: 自
阅读全文
摘要:.nav-li::after { content: ""; position: absolute; z-index: 2; background-color: inherit; width: 100%; height: 100%; left: 0; bottom: -10%; border-radi
阅读全文
摘要:navigateTo传对象参数 var url = `../../pages/order_confirm/order_confirm?params=${JSON.stringify(params)}`; wx.navigateTo({ url: url, }) 接收时解析参数 onLoad: fun
阅读全文
摘要:在大cell中有一个小view cell有点击事件,view也有点击事件,这个时候点击view触发view的事件的同时,也会触发cell的点击事件 解决方法: 在view中使用catchtap添加事件 同时设置 hover-stop-propagation="true" <image class="
阅读全文
摘要:上拉刷新 pageView自带上拉刷新方法onReachBottom 实现方法并实现刷新事件 onReachBottom() { if (!this.data.noMoreData) { this.loadData(true); } } 2.下拉刷新 需要在对应page页面的json文件中配置 然后
阅读全文
摘要:字符串String split() 字符串分割函数 数组Array concat数组合并 push 数组追加 pop 移除数组最后一个元素 forEach() 遍历 findIndex 查找对象的在数组中的index splice移除某个元素 datas.splice(datas.findIndex
阅读全文
摘要:双等号 和 三等号的区别 三等号会先判断类型,如果类型不同直接返回false,相同则比较 使用vsCode开发小程序 安装minapp 小程序开发助手 这两个插件 安装Easy LESS 来实现less转wxss 如果要实现vscode编译后将less转wxss需要到vscde的settings.j
阅读全文
摘要:flex布局属性 设置父容器 display:flex; 父容器用到的属性 flex-direction布局方向 row column row-reverse column-reverse 默认row justify-content 主轴方法内容布局 (row 主轴就是水平方向 column 主轴就
阅读全文
摘要:tagview是一款提供tag显示的widget,默认内容是Text widget,也提供了自定义内容区的builder,提供各种属性,基本满足日常开发对于该功能的需求 import 'dart:ui'; import 'package:flutter/material.dart'; import
阅读全文