小程序的flex布局 view 视图容器。 示例: 在开发者工具中预览效果 scroll-view 可滚动视图区域。 使用竖向滚动时,需要给<scroll-view/>一个固定高度,通过 WXSS 设置 height。 绑定事件 scroll-into-view(值应为某子元素id,id不能以数字开 ...
分类:
微信 时间:
2018-09-27 20:43:17
阅读次数:
360
scrollbar是用来替代浏览器原生滚动条的组件,element的文档中并没有对scrollbar的描述。 使用方法:以<el-scrollbar/>包裹要滚动的元素,并设置固定高度。在外部引入的css中自定义样式(写在scoped中无效)。 ...
分类:
其他好文 时间:
2018-09-27 12:03:10
阅读次数:
172
CSS基础 CSS语法 CSS的四种引入方式 css选择器 CSS属性操作 Caution! 后台管理布局 CSS响应式布局 CSS语法 CSS的四种引入方式 css选择器 CSS属性操作 Caution! 后台管理布局 CSS响应式布局 ...
分类:
编程语言 时间:
2018-09-18 19:13:15
阅读次数:
173
一些场合我们可能需要一些类似于如下下拉过渡的效果 实现方法这里总结两种 html结构 必须是这种结构,思路就是通过控制第二个盒子(在这儿是ul)的高度,实现上拉,下拉的效果,这儿只需要将 overflow: hidden;` 再结合css3过渡就可以实现 方法1:当ul有固定高度,这时可以为ul添加 ...
分类:
其他好文 时间:
2018-07-27 23:08:53
阅读次数:
226
如果设计只给3x的设计图 在做2x适配时有几种处理方法: 按逻辑像素,大小不变,比如3x手机上一张图的逻辑像素设为24x24point,那么2x手机上这张图的大小也设为24x24point,一般适用于一个视图高度固定的情况,例如一个app的底部tab栏或者上方的导航栏。一个小风险是2x手机上横向可能 ...
分类:
移动开发 时间:
2018-05-28 01:06:01
阅读次数:
291
移动端屏幕适配基础 制作webapp时一个很关键的问题就是适配各种机型不同屏幕的大小,让每种机型上的布局看起来都尽量一样,这让很多小伙伴很是头疼。在这里我介绍一下我平时工作中常用的适配方案,当然适配方案有很多种,所以你有更好的方法,也可以使用或者大家一起交流。 常见移动web布局适配方法 固定高度, ...
分类:
移动开发 时间:
2018-05-24 19:33:47
阅读次数:
487
*{ font-size:12px; margin:0; padding:0;}方法1:#testBox{border:1px solid #cccccc;padding:5px;width:220px;min-height:100px; /*高度最小值设置为:100px*/height:auto ...
分类:
Web程序 时间:
2018-05-17 16:49:39
阅读次数:
245
CSS: 12.display 13.浮动效果 14.浮动特性 15.浮动产生的问题和解决方法 16.float京东导航栏 17.position 18.z-index 19.京东案例 12.display display 123 987 百度一下 13.浮动效果 ... ...
分类:
Web程序 时间:
2018-04-29 23:58:42
阅读次数:
340
最近移动端做一份报表,需要左右滚动时,固定左边部分;上下滚动时,固定头部部分。 代码在Vue中简单实现 主要思路是: a.左边部分滚动,实时修改右边部分的滚动条高度 b.头部和内容部分都设置固定高度,当内容部分内容高度大于设置的高度时,产生滚动条 c.左右部分也设置固定宽度,左边设置固定宽度,右边设 ...
分类:
移动开发 时间:
2018-04-27 14:00:39
阅读次数:
2236
在前端开发制作中,图片垂直居中对齐是很常见的,有些是固定高度,有些没有固定高度,本文分享我用的四种方法,希望对你有所启发。 来源:http://caibaojian.com/img-vertical-middle.html 以下说的做法暂不考虑IE浏览器的兼容性,适用于移动端,对兼容性感兴趣的可以看 ...
分类:
其他好文 时间:
2018-02-14 10:33:34
阅读次数:
201