
Taro
L_AMiao
这个作者很懒,什么都没留下…
展开
-
微信小程序Textarea踩坑
功能是需要写一个评论框 ,左边图片图标要和文字对齐,在模拟器和安卓手机上测试没问题,在苹果手机上测试,不管怎么样都对不齐,苹果手机真机调试发现textarea竟然上下有padding.........并且设置padding:0没用解决方法:判断手机操作系统来改变图标到底部的距离.(左边图标用绝对定位absolute写的)wx.getSystemInfo().then(res =>...原创 2019-02-25 11:03:05 · 1276 阅读 · 0 评论 -
记Taro之Button犯的错
需求:分享功能Button有个openType的属性,设置openType="share"就可以了,注意可以使用onShareAppMessage这个函数来设置分享的内容,但要注意此函数在子组件中不能生效,在父组件中才生效(分享功能在子组件中)<View className="topic-item-part-in-item"> <Button openType=...原创 2019-02-25 11:21:35 · 3108 阅读 · 1 评论 -
跳转页面,页面上滑到某部分
功能:在A页面点击评论图标,跳转页面,并且页面上滑到页面评论部分.解决方法:在图标那绑函数,跳转页面传参数,当值为true时,利用<ScrollView>的scrollIntoView属性,绑定scrollIntoView的值为评论的id. 代码如下://跳转页面的函数,当scrollToComment为true时是用户点击评论图标跳转的页面,当为false时,是点击...原创 2019-02-26 14:37:51 · 404 阅读 · 0 评论 -
上滑吸顶功能
功能描述:当页面上滑到导航时,导航吸顶解决思路:利用onPageScroll函数来监听页面上滑的距离,然后绑定数据,改变导航栏的样式onPageScroll = (e) => { let menuTop = 87; //当距离不确定时,可以用createSelectorQuery来测量 if (e.scrollTop > menuTop)...原创 2019-02-26 14:52:53 · 1733 阅读 · 0 评论 -
Taro之条件渲染和参数传递
1,判断条件改变样式(适合不需要改变数据,只改变样式)<View className={`${this.state.isFixed ? 'tag-fixed' : 'choose-tag-container' }`}></View>2,根据条件来改变数据或者图标之类....//例如点赞问题(三元表达式){ isUpvoted ? <Tex...原创 2019-02-26 15:09:46 · 7226 阅读 · 0 评论 -
自定义小程序导航栏(微信小程序)
需求:单页面微信小程序页面自定义导航栏大概去年三四月份写了一次自定义导航栏,我记得那时候好像是不能写单页面,如果要改单页面就全都得改了,只能在app.json里改全局,结果昨天一看,单页面也能自定义导航栏了!!!!config = { navigationStyle: "custom" };Taro.getSystemInfo().then(res=>...原创 2019-02-26 15:25:58 · 1001 阅读 · 0 评论 -
Taro,React,Typescript实现轮播图
Carousel总结需求:轮播图:自动轮播,漏出下一项的一部分,向左移动,无缝连接切换项目技术栈为react.js,Taro,typescript难点:因为技术栈的原因,使用Taro的Swiper组件来写轮播,普通的轮播用这个组件可以完成,但是因为需求需要漏出下一项的一部分,Taro的Swiper组件没有这个属性,小程序的next-margin(在Taro里使用为nextMargin)可以满...原创 2019-08-08 12:17:49 · 2045 阅读 · 0 评论