vue中sass嵌套显示

最新推荐文章于 2023-11-11 18:53:00 发布

youngAda

最新推荐文章于 2023-11-11 18:53:00 发布

阅读量362

点赞数

文章标签： html

本文链接：https://blog.csdn.net/youngAda/article/details/109248989

版权

本文将介绍如何在Vue项目中有效利用Sass的嵌套特性来组织和提升CSS代码的可读性。我们将探讨Sass的嵌套规则、导入指令以及与Vue组件的结合使用，帮助你更好地管理和维护样式。

摘要由CSDN通过智能技术生成

<template>
  <div class="order-info">
    <div class="mui-card">
      <div class="mui-card-content" v-for="item in orderInfo.user_order_goods" :key="item.id">
        <div class="mui-card-content-inner">
          <div class="buy-info">
            <img :src="item.goods_goods.image" />
            <div class="item-info">
              <p class="name">{
  { item.goods_goods.name }}</p>
              <p class="price">
                <span class="red">￥{
  { item.price }}</span>
                <span>x{
  { item.count }}</span>
              </p>
            </div>
          </div>
        </div>