vue项目出现的样式问题

Posted warbj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目出现的样式问题相关的知识,希望对你有一定的参考价值。

当父元素是flex: 1 布局 子元素设置 一行多出隐藏...就会失效,只要在父元素加入min-width0 就能解决

 技术分享图片

 

刷新页面轮播图默认显示到最后一张问题解决:

因为数据初始化的时候 定义的list接收是个空数组,所以会出现这样的情况,

所以我们在swiper组件进行判断 v-if=”list.length”

项目中尽量避免逻辑性的代码

将这个判断放到computed计算属性中

Computed{

  ShowSwiper () {

    Return this.list.length

  }

}

 

新的Iconfont图标下载 不显示问题

下载新的图标替换掉之前iconfont文件夹里面的四个文件

 技术分享图片

然后打开先下载的iconfont.css把之前的iconfont.css里面的base64为的替换掉

 技术分享图片

 

以上是关于vue项目出现的样式问题的主要内容,如果未能解决你的问题,请参考以下文章

防止vue文件中的样式出现‘污染’情况

vue项目中直接用的audio标签,对样式进行修改并单独存放在一个css文件中 引用后页面每次刷新之后才会出现

vue绑定样式不起作用

没有在 Nuxt + Vue 项目中加载 Markdown 样式

vue项目系统兼容IE浏览器问题以及解决方案

vue项目引入公共样式less文件