更新记录

1.0.0（2026-11-04） 下载此版本

初始化

平台兼容性

uni-app(4.0)

s-column 垂直布局

注意事项

本组件基础样式，需在app.vue|app.uvue中 @import url("@/uni_modules/s-tools/libs/css/root.css"); ，HBuilderV项目，需在根容器 class定义变量 app-root , 然后所有页面最外层 view 绑定这个 class

<!-- App.uvue 没有template！只写style -->
<style>
    /**
 * 全局变量，所有页面继承
 */
    :root {
        --s-font-size: 30rpx;
        / * 这段只在H5生效，App不认 * /
    }

    /**
 * App端兼容写法
 */
    .app-root {
        --s-font-size: 30rpx;
    }
</style>

此处为说明示例，:root和app-root已在上述root.css中定义

安装方式

本组件符合easycom规范， HBuilderX 2.5.5 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components 。

基本用法

在 template 中使用组件

<view class="app-root">
    <s-column height="10">
        <view class="">
            上
        </view>
        <view class="">
            下
        </view>
    </s-column>
</view>