更新记录

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

初始化

平台兼容性

uni-app(3.8.10)

s-box 盒子容器

注意事项

本组件基础样式，需在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 中使用组件

<s-box background="green" radius="2">
    Hello World !
</s-box>