Scss 编译错误demo 2，HTML/Vue代码在线实时编辑、预览

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

            
                1
2
3

            
            <div class="continer">
  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10s10-4.477 10-10ZM12 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75ZM12 17a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z" clip-rule="evenodd"/></svg>
</div>

</body>

SCSS

格式化

            
                1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

            
            body {
  background: #ccc;
  

  

.continer {
  padding: 5px;
  border: 1px solid #333;
  svg {
    /* display: inline-block; */
    width: 16px;
    height: 16px;
    vertical-align: top;
  }
  span { font-size: 12px; vertical-align: top;
       }
}

.ttile {
  font-size: 26px;
}

格式化

预览

控制台