一、引入的字体文件包太大1、字体打包前2、字体打包后图中看到字体文件都有8M多,这样直接引入字体文件,vue页面打包后会出现刚开始,页面字体是默认字体,等引入的字体加载后,页面字体会从默认字体转为使用的引入字体,这样,视觉上就会给用户不好的体验。二、如何压缩引入的打包字体1、这里可以使用字蛛font-spider来进行压缩npm install font-spider -g查看font-spider是否安装font-spider -V2、如何压缩对应字体1、对于静态页面来说,在font.css里引入对应的字体库文件上面2-45,2-55,2-75,2-85是对应的字体大小文件2、在htm...
一、padding使用padding包裹控件,内边距,即本Widget边框和内容区之间距离// 1. 所有方向均使用相同数值的填充。 all(double value) // 示例:4个方向各添加16像素补白 padding: EdgeInsets.all(16.0) // 2. 分别指定四个方向的不同填充 fromLTRB(double left, double top, double right, double bottom) // 示例: padding: const EdgeInsets.fromLTRB(10,20,30,40) // 3. 设置具体某个方向的填充(可以同...
Row里面使用ListView时,页面不显示的原因是没有空间撑开 ListView的外层要加上Expanded 只能在Column,Row,Flex以及它们的子组件,这里指的是子组件而不是子结点,是指继承Column,Row,Flex的子组件。 Expanded的父结点必须是Column,Row,Flex以及它们的子组件,不能是Column->Container->Expanded(表示结点路径) 在使用Expanded时,如果在它的上层结点中有List类型的结点,比如SingleChildScrollView,或者ListTile等, 其滑动方向应该与Expanded填充方...