小程序
小游戏
企业微信
微信支付
扫描小程序码分享
带你实战腾讯课堂首页开发,详解布局王者flex。
本节结束代码:https://share.weiyun.com/5Eqz7TV
43 个评论
加粗
标红
插入代码
插入链接
插入图片
上传视频
课程视频中的图片
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
color:#73A0C6;
老师,这个scroll-view的意义在哪里?用flex布局不就能实现吗?
我几乎每一步都跟老师一样为什么我的底部一直弄不上去好晕啊!可以帮我看看么老师?
不是scroll-view不支持flex,没必要在scroll-view外面包一层view
先理解flex-grow和scroll-view的定义: flex-grow:定义项目放大比例,默认为0,即如果存在剩余空间,也不放大 scroll-view: 可滚动区域视图,使用竖向滚动时,需给一个固定高度
所以可以给scroll-view设置flex-grow:1, 这样scroll-view内容少的情况下,加上头尾也会撑满屏幕
然后再给scroll-view随便一个固定的高度(要小于屏幕高度减去头尾的高度,比如10-50vh都可以),这样内容过多的时候也可以滚动
老师,在开发者工具里面预览底部的一栏是正常的,但是在手机上看就没有了是什么问题?
上图为工具预览。
上图为手机效果。
加了flex_flow =1 了 这个显示怎么都不全 搞了很久 怎么都上不去 内容多的话
按照老师教的步骤,两台电脑开着,边看边设计,三个小时搞定。结果呈现。
老师那个网站404了咋办
scroll-view里面加一句话,在class后面加上enable-flex,这样就可以使用flex了
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
WXSS从零到入门(上)
WXSS从零到入门(下)
JavaScript 从零到入门(上)
JavaScript从零到入门(下)
课程视频中的图片
color:#73A0C6;
老师,这个scroll-view的意义在哪里?用flex布局不就能实现吗?![](http://mmbiz.qpic.cn/mmbiz_png/CWTyiaibwzbSqvESAhQuGhkHjfambcibnYvEB9UyvYlLWanvNaBwN2ybicNq3EIRm9ic3SFwmSzlYSn3y4AaopfMrnw/0?wx_fmt=png)
我几乎每一步都跟老师一样为什么我的底部一直弄不上去好晕啊!可以帮我看看么老师?
不是scroll-view不支持flex,没必要在scroll-view外面包一层view
先理解flex-grow和scroll-view的定义: flex-grow:定义项目放大比例,默认为0,即如果存在剩余空间,也不放大 scroll-view: 可滚动区域视图,使用竖向滚动时,需给一个固定高度
所以可以给scroll-view设置flex-grow:1, 这样scroll-view内容少的情况下,加上头尾也会撑满屏幕
然后再给scroll-view随便一个固定的高度(要小于屏幕高度减去头尾的高度,比如10-50vh都可以),这样内容过多的时候也可以滚动
老师,在开发者工具里面预览底部的一栏是正常的,但是在手机上看就没有了是什么问题?
上图为工具预览。
上图为手机效果。
按照老师教的步骤,两台电脑开着,边看边设计,三个小时搞定。结果呈现。![](http://mmbiz.qpic.cn/mmbiz_jpg/1icNQX2vBvqjgZw8bMc7ll4jI9dDqw7NyDsmYR1cmeNERPzdic75pSiaLyCrPuqv1AKVStC8aIGCfDD5Ta6Wr1O8w/0?wx_fmt=jpeg)
老师那个网站404了咋办
scroll-view里面加一句话,在class后面加上enable-flex,这样就可以使用flex了