在main.js引入global.scss不生效怎么办

Question

Answer 1

慕仔4607872 2024-09-06 10:21:21

还需要在main.js最底下那个vue3注释下引用下样式才会生效

Answer 2

Sunday 2024-05-29 10:57:10

你好

如果路径没错误，那么你的引入应该是生效的。我需要看下 gloabl。scss 文件的内容

• 提问者 箭喜Video #1

  /**
   * 这里是共用样式的定义位置
   */
  
  .line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  // 卡片视图
  .card {
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    margin: 12px;
    padding: 12px;
    box-shadow: 2px 2px 5px 1px rgba(143, 143, 143, 0.1);
  }
  
  // 单行不换行
  .nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  // 头像
  .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
  }

• 提问者 箭喜Video #2

  我都是按你提供的最终代码复制过来的

• Sunday 回复 提问者 箭喜Video #3

  或者给我一个 git 仓库的地址，我看下源码

点开查看后面1条评论