123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- /**
- * 创建者:王成
- * 创建日期:2022年6月24日
- * 描述:查询结果样式集
- */
- /* 查询结果标题容器 */
- .jt-query-result-title {
- height: 40px;
- line-height: 40px;
- color: rgb(255, 255, 255);
- font-size: 14px;
- display: flex;
- flex-direction: row;
- align-items: center;
- background-color: rgb(32, 46, 96);
- padding: 0px 5px;
- }
- /* 查询结果标题 数字图标 */
- .jt-query-result-title .jt-icon {
- display: inline-block;
- height: 24px;
- width: 24px;
- line-height: 24px;
- font-size: 12px;
- border: solid 1px rgb(230, 230, 230);
- border-radius: 20px;
- color: rgb(146, 224, 212);
- font-weight: bold;
- background-color: rgba(255, 255, 255, 0);
- text-align: center;
- box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
- }
- /* 查询结果标题 标题内容 */
- .jt-query-result-title .jt-title {
- flex: 1;
- padding: 0px 5px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- /* 查询结果标题 按钮 */
- .jt-query-result-title .jt-btn {
- position: relative;
- margin: 0px;
- margin-right: 5px;
- background-color: rgba(255, 255, 255, 0);
- border: solid 0px rgba(255, 255, 255, 0);
- color: rgba(236, 182, 98, 1.0);
- padding: 0px 8px !important;
- }
- /* 查询结果标题 按钮分隔线 */
- .jt-query-result-title .jt-btn::after {
- content: '';
- width: 1px;
- position: absolute;
- top: 3px;
- bottom: 3px;
- right: -2px;
- background-color: rgba(255, 255, 255, 0.75);
- }
- /* 查询结果标题 去掉最后一个按钮的分隔线 */
- .jt-query-result-title .jt-btn:last-child::after {
- width: 0px;
- }
- /* 查询结果 内容容器 */
- .jt-query-result-content {
- border-radius: 8px;
- }
- /* 查询结果 内容行 */
- .jt-query-result-content .jt-query-result-row {
- height: 40px;
- font-size: 13px;
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- /* 查询结果 内容行标题 */
- .jt-query-result-content .jt-query-result-row .jt-title {
- display: inline-block;
- width: 70px;
- text-align: right;
- color: rgba(161, 182, 233, 1.0);
- font-weight: bold;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- /* 查询结果 内容行 值 */
- .jt-query-result-content .jt-query-result-row .jt-value {
- display: inline-block;
- flex: 1;
- text-align: left;
- padding-left: 8px;
- color: rgba(149, 192, 110, 1.0);
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- /* 查询结果 内容行 值 点击样式 */
- .jt-query-result-content .jt-query-result-row .jt-value:active {
- color: rgb(255, 0, 0);
- font-weight: bold;
- }
- /* 地块查询结果底部弹框 */
- .jt-query-result-popover {
- height: 300px !important;
- background-color: rgb(39, 56, 122) !important;
- border-top-right-radius: 10px !important;
- border-top-left-radius: 10px !important;
- display: flex !important;
- flex-direction: column !important;
- }
|