随笔分类 - Taro
Taro框架开发小程序和h5
语言使用react/react hooks
摘要:小程序用到城市选择器,需要选择省市区,直接使用picker的mode='region'也可以实现,但是由于这个是微信自己封装的,没有暴露出数据源,这就导致与公司的省市区数据源不符合,出于这个原因,这里记录一下自定义省市区的步骤以及关键点 Demo效果图如下 下载地址:https://github.c
阅读全文
摘要:小红点 &::before { content: ""; display: block; width: 12px; height: 12px; background: red; border-radius: 50%; margin-right: 8px; } 打钩/箭头 &::after { con
阅读全文
摘要:小程序自定义tabbar首次点击tabbar会严重抖动,非常影响用户体验,目前就这个问题还没有给出比较好的解决方案 找到官方社区下发现大家都在抱怨这个问题 https://developers.weixin.qq.com/community/develop/doc/000c84de0cc590bbe
阅读全文
摘要:本项目是基于taro框架的react语言开发,项目中有需要做图片上传的需求,需要支持多图上传,支持图片删除,支持自动添加新增按钮,支持预览功能,支持显示默认图片等功能 要实现以上功能,使用小程序自带的上传组件已经不能够满足项目需求了,于是抱着学习的态度,开始动手撸一个图片上传框架 介绍 本篇要介绍的
阅读全文
摘要:项目中有一个表单提交的需求,表单内容样式较多,如果每个都写在同一个页面,那页面内容将会特别多 于是考虑到可拓展性 于是动手造轮子 根据相识度,将InputItem分成对应的几种类型 通过传参的方式显示不用的类型 InputItem组件中主要参数定义: type类型 取值范围:input | text
阅读全文
摘要:react语法事件传参 事件处理 1.事件传递 无参数 //事件 jumpToPage(){ console.log(this) } //按钮点击onclick触发事件 <AtButton type="primary" circle onClick={this.jumpToPage}> 点击跳转 <
阅读全文
摘要:最近在学习Taro框架开发小程序和h5,采用react/less语言来开发,涉及到的一些小知识将会在这里总结一下,方便以后查验 环境判断 process.env.TARO_ENV h5 taro-ui需要单独配置项 h5: { exnextModules: ['taro-ui'] } 多环境打包 o
阅读全文