怎样写样式

前言

组件怎么能没有样式呢? 莫得样式的组件谁会用呢??

正文

在 App.svelte 中写入以下代码就能看到样式了,又一个跟 Vue 很像的点:style 写在组件文件内,不过跟 Vue 不同的是,Svelte 组件中的 style 是默认局部的,Vue 中还需要显式设置 scoped 属性才行。

<h3>Hello World!</h3>

<style>
  h3 {
    color: tomato;
    font-weight: lighter;
  }
</style>

image

3 总结

神似 Vue 单文件组件写法,但默认是局部样式

4 参考

posted on 2021-09-09 09:20  aisowe  阅读(21)  评论(0编辑  收藏  举报

导航