123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282 |
- /*************和案件有关的样式集*********************/
- /* 按钮样式 */
- .wc-btn {
- height: 40px;
- padding: 0px;
- font-size: 16px;
- margin: 5px;
- width: calc(100% - 10px);
- }
- /* 一条案件数据 */
- .wc-row {
- width: 100%;
- }
- /* 一条案件的标题行背景 */
- .wc-row-title-content {
- width: 100%;
- height: 40px;
- line-height: 40px;
- background-color: rgb(255, 255, 255);
- border-radius: 3px 3px 0px 0px;
- }
- /* 导航按钮背景 */
- .wc-btn-nav {
- background-color: rgb(115, 140, 238) !important;
- border: solid 0px rgb(255, 255, 255) !important;
- }
- /* 详情按钮背景 */
- .wc-btn-info {
- background-color: rgb(49, 83, 242) !important;
- border: solid 0px rgb(255, 255, 255) !important;
- }
- /* 定位按钮背景 */
- .wc-btn-location {
- background-color: rgb(115, 140, 238) !important;
- border: solid 0px rgb(255, 255, 255) !important;
- }
- /* 查询按钮背景 */
- .wc-btn-query {
- background-color: rgb(115, 140, 238) !important;
- border: solid 0px rgb(255, 255, 255) !important;
- }
- /* 标题行的图标样式 */
- .wc-ico {
- width: 30px;
- height: 30px;
- border-radius: 15px;
- /* background-color: #fbf8ff; */
- /* background-color: #0000FF; */
- color: #765075;
- font-weight: bold;
- line-height: 30px;
- position: relative;
- top: calc(50% - 15px);
- left: 5px;
- float: left;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- /* 案件图标内图片的样式 */
- .wc-ico>img {
- width: 20px;
- height: 20px;
- }
- /* 案件字体图标样式 */
- .wc-ico span {
- font-size: 24px;
- color: #0062CC;
- margin-left: 3px;
- margin-top: 3px;
- }
- /* 标题行的案件名称样式 */
- .wc-title {
- float: left;
- font-size: 16px;
- font-weight: bold;
- position: relative;
- left: 5px;
- }
- /* 案件状态上标样式 */
- .wc-title>sup {
- color: rgb(115, 140, 238);
- }
- /* 标题行的行政区标识样式 */
- .wc-xzq {
- float: right;
- height: 40px;
- line-height: 40px;
- position: relative;
- right: 10px;
- }
- /* 标题行行政区的所属乡镇样式 */
- .wc-xzq-ssxz {
- height: 20px;
- line-height: 20px;
- font-size: 12px;
- font-weight: bold;
- text-align: center;
- }
- /* 标题行的行政区的所属村庄样式 */
- .wc-xzq-sscz {
- font-size: 10px;
- font-weight: normal;
- }
- /* 案件中按钮行的样式 */
- .wc-btn-content {
- width: 100%;
- padding-bottom: 30px;
- height: 34px;
- line-height: 34px;
- bottom: 0px;
- display: flex;
- flex-direction: row;
- }
- /* 案件中按钮的样式 目前按照4个案件的布局设计 */
- .wc-btn-child {
- position: relative;
- flex: 1;
- border-radius: 3px;
- margin-left: 3px;
- margin-right: 3px;
- height: 34px !important;
- border: solid 0px rgb(255, 0, 0);
- /* background-color: rgb(115, 140, 0) !important; */
- }
- /* 主要内容背景样式 */
- .wc-main-content {
- padding: 5px;
- }
- /* 主要内容-人员样式 */
- .wc-main-content h4 {
- font-size: 14px;
- padding: 3px 0px 0px 0px;
- font-weight: bold;
- color: #32373b;
- }
- /* 标签内的图标样式 */
- .wc-main-content h4 span {
- font-size: 14px;
- padding: 3px 0px 0px 0px;
- font-weight: bold;
- color: #32373b;
- }
- /* 主要内容-日期样式 */
- .wc-main-content h5 {
- font-size: 16px;
- padding: 3px 0px 0px 0px;
- font-weight: bold;
- color: #32373b;
- }
- /* 主要内容-明细样式 */
- .wc-main-content p {
- font-size: 13px;
- padding: 3px 0px 0px 0px;
- font-weight: bold;
- color: #0b5890;
- }
- /* 标签前置图标样式 */
- .wc-span {
- font-size: 12px;
- font-weight: bold;
- font-family: "microsoft yahei";
- }
- /* 标签文字样式 */
- .wc-span-icon {
- font-size: 12px;
- font-family: "microsoft yahei";
- }
- /* 标签行样式 */
- .wc-div-row {
- height: 24px;
- width: 100%;
- position: relative;
- }
- /* 案件容器的样式*/
- .wc-li {
- background-color: rgb(230, 230, 230);
- padding: 0px 0px 5px 0px;
- margin: 0px 0px 10px 0px;
- border-radius: 5px;
- }
- /* 地图案件容器样式 */
- .wc-li-map {
- margin: 50px 10px 10px 10px;
- padding: 0px;
- border-radius: 10px;
- }
- /* 地图案件案件标题容器样式 */
- .wc-li-map .wc-row-title-content {
- background-color: rgba(255, 255, 0, 0);
- }
- /* 地图案件行样式 */
- .wc-li-map-row {
- display: flex;
- flex-direction: row;
- background-color: rgba(255, 255, 255, 1);
- padding: 5px;
- border-radius: 5px;
- height: 160px;
- }
- /* 地图案件行内容列样式 */
- .wc-map-column-content {
- width: calc(100% - 90px);
- }
- /* 地图案件行按钮列样式 */
- .wc-map-column-button {
- width: 90px;
- display: flex;
- flex-direction: column;
- }
- /* 地图案件按钮列按钮样式 */
- .wc-map-column-button .wc-btn-child {
- height: 40px !important;
- margin-bottom: 5px;
- flex: 0;
- }
- /* 什么也不干 就是为了隐藏工具按钮 */
- .wc-map-tools-hide {}
- /* .wc-li-map .wc-row{
- display: flex;
- flex-direction: column;
- }
- .wc-li-map .wc-row .wc-main-content{
- display: block;
- background-color: #009E94;
- width: 100%;
- text-align: left;
- height: 110px;
- } */
- /* 案件页面中内容容器样式 */
- .mui-content {
- padding-top: 44px !important;
- background-color: rgb(255, 255, 255) !important;
- }
- /* 案件页面滚动容器样式 */
- .mui-content .mui-scroll {
- background-color: rgb(255, 255, 255) !important;
- }
- /* 案件列表容器样式 */
- .mui-content .mui-scroll .mui-table-view {
- margin: 5px !important;
- }
|