提交 e26d8605 编写于 作者: H hdx

fix(v-bind-style): 修正示例模版中的标签为text

上级 cfa99308
...@@ -179,6 +179,24 @@ const doubleCount = computed<number>(() : number => { ...@@ -179,6 +179,24 @@ const doubleCount = computed<number>(() : number => {
</style> </style>
``` ```
### CSS Modules
|App|Web|
|:-:|:-:|
|x |4.0|
一个 `<style module>` 标签会被编译为 `CSS Modules` 并且将生成的 CSS class 作为 `$style` 对象暴露给组件:
<template>
<view :class="$style.red">This should be red</view>
</template>
<style module>
.red {
color: red;
}
</style>
### CSS 中的 v-bind() ### CSS 中的 v-bind()
|App|Web| |App|Web|
...@@ -189,7 +207,7 @@ const doubleCount = computed<number>(() : number => { ...@@ -189,7 +207,7 @@ const doubleCount = computed<number>(() : number => {
```html ```html
<template> <template>
<div class="text">hello</div> <text class="text">hello</text>
</template> </template>
<script> <script>
...@@ -219,11 +237,11 @@ const theme = { ...@@ -219,11 +237,11 @@ const theme = {
</script> </script>
<template> <template>
<p>hello</p> <text class="view">hello</text>
</template> </template>
<style scoped> <style scoped>
p { .text {
color: v-bind('theme.color'); color: v-bind('theme.color');
} }
</style> </style>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册