在组件页面里发请求,获取数据,渲染数据 在meoths里定义方法发请求保存数据,在onload函数里调用方法 在横向四个平均小导航模块里 先用弹性盒写出静态布局,然后定义出来一个数组数据 来循环出所有的导航,给每一个导航提供一个点击时间, 传一个url路径参数,通过编程试导航跳转页面 商品列表两列展 ...
分类:
移动开发 时间:
2020-04-19 15:06:48
阅读次数:
264
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的 ...
分类:
Web程序 时间:
2020-04-13 15:26:03
阅读次数:
83
经常遇到多行显示时文本省略问题,代码为: overflow:hidden;/*超出隐藏*/ text-overflow:ellipsis;/*文本溢出时显示省略标记*/ display:-webkit-box;/*设置弹性盒模型*/ -webkit-line-clamp:3; -webkit-box ...
分类:
其他好文 时间:
2020-04-08 13:42:11
阅读次数:
86
flexbox 通过给父级添加display: flex; 使父级变成一个弹性盒模型,以此来影响后代元素(不会影响自身) 设置过弹性盒模型的父级,其子代一般不会超出父元素的内部范围,除非被内容撑开子元素的宽高,导致无法改变子元素的大小时会超出,(注意:一串数字或一串字母写在一起会被浏览器默认为一个字 ...
分类:
其他好文 时间:
2020-04-01 19:43:09
阅读次数:
71
View、Text、Image组件 View 1. 示例代码 2. view控件属性: class="" 样式类 Text 1. 示例代码 2. text控件属性: class="" 样式类 font size="" 字体大小 单位可以为px或者rpx,有关rpx后面会提到 font weight= ...
分类:
其他好文 时间:
2020-03-31 23:10:35
阅读次数:
137
广告淘宝适配js文件下载地址 https://github.com/amfe/lib-flexible 开始 移动首页案例制作 弹性盒布局 body{ 的初始化样式 min-width:320px; max-width:540px; margin:0 auto; color:#000; backgr ...
分类:
移动开发 时间:
2020-03-21 21:56:45
阅读次数:
119
1. : 父元素盒子空间有剩余的时候, 这个属性的设置就是将剩余空间的瓜分比例,默认为0即不参与瓜分,设置值越大瓜分权重越大,当然参与者越多,瓜分到手的空间就越少~ 有点分蛋糕的意思,人一多就不够分了啊~ 参考伪代码 2. : 与 是两个极端, 这个是当父元素盒子不够分给子元素的时候,也可能是子元素 ...
分类:
其他好文 时间:
2020-03-08 15:41:39
阅读次数:
72
由于要改版前几天做的HTML编辑器,编辑器页面重新设计了一下,整个界面全部用flex box实现: 可能有的朋友会有类似需求,就把纯静态html和CSS发布到github上了,在这个项目下面: https://github.com/vularsoft/studio-ui 里面的html-demo.h ...
分类:
其他好文 时间:
2020-03-03 21:01:43
阅读次数:
107
在HTML中,要实现区域内容的滚动,只需要设定好元素的宽度和高度,然后设置CSS属性overflow 为auto或者scroll: 在Flex box布局中,有时我们内容的宽度和高度是可变的,无法确定下来,这时候设置滚动条,可能会失效。只要记住几个关键要素,就可以解决这个问题。 1、清楚的知道当前元 ...
分类:
其他好文 时间:
2020-03-03 20:50:23
阅读次数:
138
移动端flex布局 弹性盒布局语法分为两部分: 1. 添加在父容器上的语法 (1)display : flex; 设置为弹性盒(父元素添加) (2)flex-direction: 主轴排列方式 row; 默认值,默认为横向排列。 row-reverse; 反转横向排列(右对齐,从后往前排,最后一项排 ...
分类:
移动开发 时间:
2020-03-01 15:58:56
阅读次数:
92