数据图表的查询渲染

liuyg

2021-06-10 df1c052d1f0d368cb78ebb1831980745bca11edc

 widgets/searchTabaPopup/css/style.css

@@ -18,12 +18,14 @@
.jimu-widget-searchTabaPopup .popup {
  /* display: none; */
  width: 1100px;
  height: 600px;
  min-height: 600px;
  max-height: 750px;
  overflow: auto;
  /* border: 1px solid salmon; */
  position: relative;
  /* border-radius: 5px; */
  top: calc(50% - 300px);
  left: calc(50% - 550px);
  border-radius: 5px;
  top: calc(50% - 380px);
  left: calc(50% - 549px);
  background-color: rgba(255, 255, 255, 1);
}

@@ -31,8 +33,9 @@
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
  /* border: 1px salmon solid; */
  border-radius: 5px;
  /* border-radius: 50px !important; */
}

.jimu-widget-searchTabaPopup .p-main .cloce {
@@ -59,6 +62,40 @@
  font-size: 20px;
}

.jimu-widget-searchTabaPopup .two #poput-m-t-video{
  width: 100%;
  height: calc(100% - 40px);
  /* border: 1px springgreen solid; */
  background-color: transparent;
  /* display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; */
  position: absolute;
  top: 40px;
}
/* .jimu-widget-searchTabaPopup .two #poput-m-t-video .title{
  color: #409EFF;
  width: 92%;
  font-size: 25px;
  padding: 20px 0 8px 0;
} */
.jimu-widget-searchTabaPopup .two #poput-m-t-video .header{
  background-color: #409EFF;
  width: 100%;
  height: 40px;
  position: absolute;
  font-size: 20px;
  top: -40px;
  left: 0;
  color: #fff;
  line-height: 40px;
  border-radius: 5px 5px 0 0;
  text-indent: 2em;
  z-index: 14;
}


.jimu-widget-searchTabaPopup .layui-this {
  color: #409EFF !important;
}
@@ -71,24 +108,99 @@
  padding: 20px;
  box-sizing: border-box;
}

.jimu-widget-searchTabaPopup .xiangqing {
  width: 100%;
  height: 100%;
  /* border: 1px salmon solid; */
}
.jimu-widget-searchTabaPopup .xiangqing th {
 width: 140px;
 text-align-last:justify;
 font-size: 14px;
 padding: 20px;
 border-right: transparent 1px solid;
}
.jimu-widget-searchTabaPopup .xiangqing td {
  /* width: 30%; */
  text-align-last:right;
  padding-right: 5px;
 }

 .jimu-widget-searchTabaPopup .xiangqing th,  .jimu-widget-searchTabaPopup .xiangqing td{
   border-color: rgba(0, 0, 0,.1);
 }
.jimu-widget-searchTabaPopup .xiangqing th {
  width: 140px;
  text-align-last: justify;
  font-size: 14px;
  padding: 20px;
  border-right: transparent 1px solid !important;
}

.jimu-widget-searchTabaPopup .xiangqing td {
  width: 400px;
  text-align-last: right;
  padding-right: 5px;
  font-size: 14px;
}
.jimu-widget-searchTabaPopup .xiangqing tr:nth-child(6) td , .jimu-widget-searchTabaPopup .xiangqing tr:nth-child(7) td{
  text-align-last: left;
  text-indent: 2em;
  padding-left: 5px;
}

.jimu-widget-searchTabaPopup .xiangqing th, .jimu-widget-searchTabaPopup .xiangqing td ,.jimu-widget-searchTabaPopup .xiangqing table{
  border-color: rgba(0, 0, 0, .1);
}
.jimu-widget-searchTabaPopup .xiangqing img{
  width: 175px;
padding: 10px 10px 10px 0;
}
.jimu-widget-searchTabaPopup .shishishuju {
  width: 100%;
  height: 100%;
  /* border: 1px salmon solid; */
}

.jimu-widget-searchTabaPopup .shishishuju .heard {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  padding-bottom: 10px;
}

.jimu-widget-searchTabaPopup .shishishuju thead th, .jimu-widget-searchTabaPopup .shishishuju tbody td {
  text-align: center;
}

.jimu-widget-searchTabaPopup .shishishuju .layui-tab-title li {
  font-size: 18px;
}

.jimu-widget-searchTabaPopup .lishijilv .heard {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jimu-widget-searchTabaPopup .lishijilv .heard .left{
  /* border: 1px solid springgreen; */
  display: flex;
  align-items: center;
}
.jimu-widget-searchTabaPopup .lishijilv .heard .layui-form-item{
  /* border: 1px solid springgreen; */
  position: relative;
  top: 12px;
}

input::-webkit-input-placeholder {
  color: #afafaf;
  font-size: 14px;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #afafaf;
  font-size: 14px;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #afafaf;
  font-size: 14px;
}

input::-ms-input-placeholder {
  color: #afafaf;
  font-size: 14px;
}