uniapp中使用-webkit-box-orient: vertical; -webkit-line-clamp: 3;这两行代码报错:This could be due to syntax errors or importing non-existent modules. (see errors above)
时间: 2024-01-21 14:19:04 浏览: 169
uniapp 小程序代码
这两行代码是 CSS3 的属性,应该放在 CSS 样式中,而不是在 JavaScript 或者 Vue 模板中使用。如果你在 Vue 模板中使用这两行代码,会导致编译错误,因为 Vue 模板中只能使用 HTML 标签和 Vue 模板语法。
如果你想要在 Uniapp 中使用这两行代码,可以在 app.vue 中的 style 标签中添加:
```css
<style>
.clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
}
</style>
```
然后在需要使用这两行代码的地方添加 `class="clamp"` 即可。
阅读全文