1. 弹性盒子中: flex: 0 1 auto表示什么意思 flex默认三个参数是flex-grow, flex-shrink, flex-basis,默认值是0 1 auto。 flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大; flex-shrink属性定义项目 ...
分类:
其他好文 时间:
2020-05-18 18:47:26
阅读次数:
67
Component配置参数详解 1.常用配置 Component({ // 相当于vue的mxins把公共模块导出去 behaviors: [], // 组件的其他配置 options: {}, // 扩展自定义组件 definitionFilter: {}, // 初始化数据 data: {}, ...
分类:
其他好文 时间:
2020-05-18 16:17:36
阅读次数:
132
这周结束了,我也码了一周的字,感觉还是很有种脚踏实地的感觉的,有时间就可以看看自己的总结再查漏补缺,一步一个脚印,做出自己最理想的项目。 今天我们讲两点: 1.ProgressBar: 其实前面也稍微提到过,但是只是稍微提一下,不全面,就提了进度条有两种,圈和线,都是加载,圈的话比较容易实现,一般是 ...
分类:
移动开发 时间:
2020-05-18 01:03:27
阅读次数:
223
flex是flexble Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。 当我们为父盒子设置为flex布局以后,子元素的float(浮动)、clear(清除浮动)和vertical-align(垂直居中,margin: 0 auto是水平居中) ...
分类:
移动开发 时间:
2020-05-18 00:56:29
阅读次数:
107
React 自定义组件的两种方式: 函数组件和类组件 第一种,函数组件(无状态,即无私有属性,state): function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 第二种,类(ES6)组件(有状态。即有私有属性,state) ...
分类:
其他好文 时间:
2020-05-17 16:17:57
阅读次数:
124
flex-basis是flex中的 子元素 属性,默认为auto !!!此属性优先级大于width!!! 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时,指子元素的width占父容器的width的百分比,当d1 为 50%,d2,d3 为25%时,见下图: 当 ...
分类:
其他好文 时间:
2020-05-16 00:16:16
阅读次数:
214
//按钮 .wx-swiper-dots.wx-swiper-dots-horizontal{ margin-bottom: 5rpx; float: left; text-align: center; } .wx-swiper-dot::before{ content: ''; flex-grow ...
分类:
微信 时间:
2020-05-15 11:53:31
阅读次数:
168
以导航栏为例创建自定义组件 1.新增组件 1.1 新建文件夹components, 1.2 下面再建文件夹Tabs, 1.3 微信开发者工具右键选择“新建Component”,输入Tabs,自动建立Tabs同名‘js’,‘json’,‘wxml’,‘wxss’文件结构 1.4 整体文件结构如下 2. ...
分类:
微信 时间:
2020-05-14 11:18:49
阅读次数:
101
阮一峰的网络日志: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 采用Flex布局的元素 称之为Flex容器 它的所有子元素自动成为容器成员 称为 flex item 容器默认存在两根轴 水平的主轴,垂直的交叉轴 容器的属性 fle ...
分类:
其他好文 时间:
2020-05-12 16:35:19
阅读次数:
64
方法1: html: <div v-if='imgsback.length>0' class="flex"> <div class="img-box" v-for="(item, i) in imgsback" :key='i' > <img class="img" :src="item" alt= ...
分类:
Web程序 时间:
2020-05-11 18:49:46
阅读次数:
115