|
|
uniapp样式嵌套写法
127浏览 · 2023-09-19 22:02:19
在UniApp中，[样式](https://geek.csdn.net/educolumn/24a10ad6a5bc75b9f6c92ee7d63d8e8b?spm=1055.2569.3001.10083)嵌套的写法可以通过两种[方式](https://geek.csdn.net/educolumn/0a7fca90472e8d39fd3078246e0b14f3?spm=1055.2569.3001.10083)实现：内联[样式](https://geek.csdn.net/educolumn/24a10ad6a5bc75b9f6c92ee7d63d8e8b?spm=1055.2569.3001.10083)和外部[样式](https://geek.csdn.net/educolumn/24a10ad6a5bc75b9f6c92ee7d63d8e8b?spm=1055.2569.3001.10083)表。
1. 内联[样式](https://geek.csdn.net/educolumn/24a10ad6a5bc75b9f6c92ee7d63d8e8b?spm=1055.2569.3001.10083)：可以直接在标签的属性中使用样式属性来设置元素的样式，这种写法适合于少量样式的情况。例如：
<view style="width: 200rpx; height: 200rpx; background-color: red;">
<text style="font-size: 32rpx; color: white;">这是一段文本</text>
</view>