资源获取:自定义SuperSet CSS模板

需求:

因为对前端不熟悉,且网上资源实在匮乏;

该文的<已有示例参考>暂不符合本人的审美,也不够美观;

故寻求好看的自定义SuperSet CSS模板或者有关SuperSet CSS的参考网址。

使用组件:

SuperSet-0.38.0

(跟版本无关,只是声明一下)

已有示例参考:

body {
    background-color: #fff;
    background: url(/static/assets/images/bgdemo04.png);
    background-repeat:repeat;
}

header {
    border-bottom: 2px solid #eee;
}
.dashboard{
    /*padding:50px 50px;*/
}

.dashboard-header{
    background: url(/static/assets/images/bgdemo04.png);
    /*text-align:center;*/
}
.dragdroppable{
    /*margin: 0px 0px 0px;*/
    /*padding:0px 0px;*/
}
.header{
    text-align:center;
    background:url(/static/assets/images/bgdemo04.png);
    color:#00BFFF;
    weight:500;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    border-radius:5px;
    margin-left:15%;
    box-shadow:2px 2px 4px black;
    font-size:15px;
    width:70%;
}
.navbar {
    margin-bottom: 0;
    display:none
}

/*.slice_container loading floating css-z7sgle{*/
/*    display: none;*/
/*}*/

img{ 
      display: none;
}

/* 条件搜索区域样式 */

/*.widget.filter_box .slice_container.filter_box .scrollbar-content {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content > div {*/
/*    margin-right: 10px;*/
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content .m-b-5 {*/
    /* 下拉框 */
    
/*    flex: 1;*/
/*    min-width: 200px;*/
/*    max-width: 400px;*/
/*}*/

/*.Select-multi-value-wrapper {*/
/*  max-height: 150px;*/
/*  overflow-y: auto; */
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 {*/
    /* 日期框 */
    
/*    min-width: 300px;*/
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 > div {*/
/*    padding-right: 0;*/
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 .ControlHeader {*/
/*    line-height: 1;*/
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 .ControlHeader + .label {*/
/*    display: block;*/
/*    margin-top: 1px;*/
/*    padding-top: 0;*/
/*    padding-bottom: 0;*/
/*    height: 32px;*/
/*    line-height: 30px;*/
/*    border-radius: 4px;*/
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content .Select .Select-control .Select-value {*/
/*    word-wrap: break-word;*/
/*    word-break: break-all;*/
/*}*/

/*.widget.filter_box .slice_container.filter_box .scrollbar-content button {*/
/*    align-self: flex-end;*/
/*    height: 32px;*/
/*    margin-bottom: 10px;*/
/*    font-size: 14px;*/
/*    font-weight: bolder;*/
/*}*/
/* 表格样式 */
.dashboard-component-chart-holder{
    background: url(/static/assets/images/bgdemo04.png);
    /*z-index:20;*/
    /*opacity:0.5;*/
    /*margin: 0px 0px 0px;*/
    /*padding-top:0px;*/
    /*padding-left:0px;*/
    /*padding-right:0px;*/
    /*z-index:-1;*/
    /*opacity:5;*/
}
.chart-container {
    margin: 0px 0 0;
    /*background: url(/static/assets/images/bgdemo02.png);*/
    text-align:center;
    color:#1E90FF;
    /*font-weight:bolder;*/
}

.table .table {
    background-color: transparent;
}

.dataframe.table th,
.dataframe.table td {
    vertical-align: middle;
    text-align: center;
}

.dataframe.table tr > th {
    min-width: 100px;
    padding-right: 16px !important;
}

.dataframe.table tr > td {
    padding: 5px 8px !important;
}


/*.css-95m6h7{*/
  /*background: url(/static/assets/images/bgdemo02.png);*/
/*  padding-left:-100px;*/
/*}*/

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值