关于uni-app:uniappuView优雅的使用flex

8次阅读

共计 334 个字符,预计需要花费 1 分钟才能阅读完成。

1. 开发环境 uni-app+uView
2. 电脑系统 windows10 专业版
3. 在应用 uni-app+uView 开发的过程中, 咱们常常会应用到 flex 进行布局, 上面我来分享一下如何优雅的应用。
4. 废话不多说, 间接上代码:

<u-row gutter="16" justify="space-between">
    <u-col span="3">
        <view></view>
    </u-col>
    <u-col span="9">
        <view></view>
    </u-col>
</u-row>
    // 在这里咱们间接能够应用 u-row, 而后增加 justify 属性, 依据需要进行不同的配置, 这样咱们就不必再写一个 view 而后再设置款式 

5. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰!

正文完
 0