
微信小程序
小雨繁星儿
这个作者很懒,什么都没留下…
展开
-
微信小程序iOS下使用picker选择器与软键盘重叠遮挡问题的解决方案
今天可真是高产呀,哈哈,项目告一段落就有时间review下代码啦,顺便把坑记录一下项目场景:一个表单提交页,input、picker都有用到问题描述:如图所示,iOS下如果先点击了input弹出软键盘,再点击picker弹出选择框,但是软键盘却没有收起。<Picker className='complaintViewTextPicker' value={selectorChecked} mode='multiSelector' range={mulSelector} onChange原创 2020-11-19 15:39:14 · 2550 阅读 · 4 评论 -
微信小程序踩坑之textarea软键盘遮挡解决方案(兼容安卓iOS)
可能这个方法不是最好的,但是目前的话测试是可以进行上线的一个效果,记录一下(我这里用到的是taro框架)需求:问题:真机下键盘弹起会遮挡最下边文本域的部分,用户在输入的时候会看不到输入的文字。且若手机属于长度比较长的时候,页面高度没有超过一屏,用户手动滑动也是没用的,如图期望:键盘弹起时页面随之向上推,将文本域暴露出来解决方案:1、直接利用自带的属性adjustPosition。 缺点:会把我们fixed在页面上方的自定义导航栏也推上去,效果很差,如图:2、咱自己动手,首页整个页面用原创 2020-11-19 11:36:19 · 6519 阅读 · 1 评论 -
yarn run build报错Component is not found in path “npm/taro-ui/dist/weapp/components/rate/index“
taro小程序yarn run dev:weapp正常 yarn run build:weapp报错如下查找许久得出以下解决方法production 模式下 taro-ui 组件代码被当成副作用移除了, 可以加上 sideEffect 配置来解决prod.js内添加亲测可用,希望可以帮助到被此问题困扰的小伙伴~ 溜~~~????...原创 2020-11-10 16:30:26 · 1879 阅读 · 0 评论 -
taro微信小程序跳转另一个小程序(参数接收、销毁,清除缓存)
还有很多东西没整理,接着来~场景:a小程序要去b小程序的一个表单页,且携带参数(跳过去时默认把信息带过去填到表单里)进入表单页后,用户可以用a小程序带过去的信息提交表单(这是a进入b的唯一目的,就是携带参数使用b的表单页提交东西)当然也可以不提交,离开当前页直接进入b的首页,从b的其他页也可以进入这个表单页,携带相应的参数,再进行提交(此时 属于用户在b里交互,跟a就没关系了)a: toOtherProgram () { Taro.navigateToMiniProgram({原创 2020-09-28 16:40:04 · 2935 阅读 · 0 评论 -
微信小程序调接口傻瓜式记录(包含onload页面加载发请求渲染页面、发送短信验证码、表单提交、根据id值跳转对应详情页等调接口情况)
最近接触了微信小程序项目,只是写了前端的样式页面,一直不懂接口是怎么调的,这很惭愧,也不应该。所以就研究一下,记录我所理解的过程给自己做个笔记,也希望能给跟我一样没有和后段对接调接口经验的小白提供一些帮助,当然,如果有理解不对的地方还请见谅,期待指出一直都不理解接口到底是个什么东西,在我的理解里,暂且是把它看作后端小哥哥写的一些数据和逻辑的地址此项目中可以把所有用到的接口放在一个文件内,再封...原创 2019-07-30 16:23:06 · 1608 阅读 · 0 评论 -
利用flex弹性布局实现图片水平及垂直方向居中
display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局注意:(Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。)1.将图片水平方向居中:justify-co...转载 2019-08-01 17:55:01 · 2839 阅读 · 0 评论 -
微信小程序常用表单校验方法(手机号校验、身份证号(严格和非严格校验、验证码六位数字校验))
一个js文件专门放校验方法 方法记得导出util.jsfunction isPhone(value) { if (!/^1(3|4|5|7|8)\d{9}$/.test(value)) { return false } else { return true }}//验证码六位数校验function isSixNum(value) { if (!/^\d...原创 2019-08-08 18:34:17 · 4138 阅读 · 0 评论