/** * 创建者:王成 * 创建日期: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; }