xtp-smart 插件项目的css样式，提供了一系列css class供开发者使用，本样式自带boostrap类库。

与iview组件库配合使用效果会更好。

样式主基调是黑灰色系，背景色黑色，前景色白色，弹出层是白色。

install

npm i -D @xtp-smart/style

Use

use webpack

import '@xtp-smart/style/dist/css/smartx.min.css'

组件

接口文档还在不断完善，详细使用案例请参考 插件生成器 生成的示例项目。

sx-layout-*

划分整个页面为东西南北中五部分。

.sx-layout {
    // 上
    .sx-layout-north
    // 中
    .sx-layout-middle
    // 下
    .sx-layout-south
    // 左
    .sx-layout-west
    // 中间
    .sx-layout-center
    // 右
    .sx-layout-east
}

sx-widget-*

页面小部件，为了划分处在同一页面的不同功能区域。比如下单组件，k线组件，委托列表等。

.sx-widget-box {
    // 组件头部
    .sx-widget-header {
        // 组件标题
        .sx-widget-title {}
        // 组件头部右侧的工具栏
        .sx-widget-toolbar {}
    }
    .sx-widget-body {

    }
}

问题反馈

如果使用插件时遇到了任何BUG，可以在smart客户端的主项目中反馈问题。

QQ 交流群： 659577632