vue 代码样式问题

news2025/1/10 4:08:10

部分电脑存在样式错乱问题，部分电脑样式正常。最后发现是样式写在 el-col 里面导致的。

注意：写样式不要放在 el-row 或者 el-row ，导致部分电脑会出现莫名其妙的样式问题

<el-row class="detail">
  <el-col class="item flexColumnCenter" v-for="(item, index) in revenueItems" :key="index" :span="8">
      <div class="num">{{ item.num }}</div>
      <div class="unit">{{ item.unit }}</div>
      <img class="triangle" :src="item.triangleImageUrl" alt="" />
      <div class="imgBot">
        <img :src="item.imgSrc" alt="" />
      </div>
      <div class="label">{{ item.label }}</div>
  </el-col>
</el-row>

代码修改
<el-row class="detail">
  <el-col v-for="(item, index) in revenueItems" :key="index" :span="8">
    <div>
      <div class="num">{{ item.num }}</div>
      <div class="unit">{{ item.unit }}</div>
      <img class="triangle" :src="item.triangleImageUrl" alt="" />
      <div class="imgBot">
        <img :src="item.imgSrc" alt="" />
      </div>
      <div class="label">{{ item.label }}</div>
    </div>
  </el-col>
</el-row>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1656978.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！