uniapp的uni-row的span默认值由24改为18
时间: 2024-10-12 15:12:34 浏览: 25
UniApp 的 `uni-row` 元素是用来创建栅格布局的,它类似于 HTML 中的 `<div>` 中的 `row` 或 CSS Grid 中的概念。在之前的版本中,`uni-row` 的列默认宽度通常是 24 份(每个单位宽度,比如 `rpx`),也就是一整个屏幕宽度均匀分成 24 栏。
然而,如果你看到官方文档或其他更新说明提到将默认值从 24 改为了 18,这意味着在某些情况下,每栏的宽度会被调整为原来的一半,即 18 份 rpx。这可能是为了让整体布局更适合移动设备,提高响应式设计的效果,或者是为了适应新的设计规范。
当你在编写样式或者设置组件结构时,如果需要保持原来的 24 列模式,可以明确指定列宽为 24,如果想要新的 18 列模式,则可以不再指定,默认就会应用这个新设置。例如:
```html
<view class="uni-row">
<view class="uni-col span=24">...</view>
</view>
<!-- 或者 -->
<view class="uni-row" style="width: auto;">
<view class="uni-col" :style="{ span: 18 }">...</view>
</view>
```
阅读全文