老师我学完你的4-3出不来你那样的效果

来源:4-4 toolbar 组件开发 - CSS 样式

慕粉1329267929

2019-11-19

图片描述
这是把你的代码输入完后的效果!要在网页审查里把html和body的font-size: 0; 详实和.tool-bar的display: flex;样式前面的勾去掉才有下面的效果
老师你看这个问题出在哪
图片描述

写回答

1回答

Sunday

2019-11-19

两个问题对吧 。 一个是 文字不显示,一个是 图标往上。

首先看文字不显示 。 文字不显示的主要原因其实就是因为 font-size 为0 的问题。文字有了 font-size就可以了。不过 html 的 font-size 不应该为0 的,可以看下代码中 配置 html 的 font-size 的那段代码有没有执行。也就是 htmlFontSize.js 中的代码。

然后图标往上这里的话,看一下是不是没有给 toolBar 设置高度啊。 可以对比下 线上的 http://imooc.hybrid.lgdsunday.club/ 样式

0
2
Sunday
回复
慕粉1329267929
嘻嘻 应该做的
2019-11-19
共2条回复

混合开发入门 Vue结合Android/iOS开发仿京东项目App

流行的混合开发实战入门,前端和原生开发同学不容错过

1108 学习 · 448 问题

查看课程