css
一枕黄粱-web
砥砺前行,未来可期
展开
-
基于Taro实现的抛物线动效
基于Taro实现的抛物线动效原创 2021-12-15 10:10:10 · 975 阅读 · 0 评论 -
瀑布流的多种实现方式和优缺点
瀑布流相关 个人建议(供参考)用flex布局+JS计算两列高度来实现。基本思路是flex-box容器下有左右两列容器(对应组件state中的list1和list2数组),从list1开始创建子项,创建后计算左右两列容器的高度来比较,高度小的列对应的list数组就会push一个子项,这样循环到列表项全部创建完为止。(因为商品流的图片区域高度是固定的,影响列表子项容器高度的只有标签,所以不用考虑图片加载完成后才能得到的高度,即不用考虑Image组件的onLoad事件,因此实现起来还是简单的) 注意点:Taro3原创 2021-06-08 16:29:50 · 1028 阅读 · 0 评论 -
各式各样的css loading,兼容各种浏览器
<style type="text/css"> .lds-circle { display: inline-block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; background: red; ...原创 2019-11-01 10:40:57 · 293 阅读 · 0 评论