Norwegian Puffin Movies

    @xtp-smart/style

    0.9.1 • Public • Published

    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

    Install

    npm i @xtp-smart/style

    DownloadsWeekly Downloads

    9

    Version

    0.9.1

    License

    ISC

    Unpacked Size

    1.16 MB

    Total Files

    7

    Last publish

    Collaborators

    • zhengweiyi
    • shaozilee
    • yuye7xing