shaojiahao
/
Sinopec-Anxin
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

[完善]超出字体显示省略号

dev
邵佳豪 3 years ago
parent
c54ccb0109
commit
83710c787f
3 changed files with 74 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 46
      src/app/pages/criminal-records-admin/criminal-records-admin.component.scss
  2. 54
      src/app/pages/criminal-records/criminal-records.component.scss
  3. 4
      src/app/system-management/user/user.component.ts

46
src/app/pages/criminal-records-admin/criminal-records-admin.component.scss
Unescape View File

@ -27,10 +27,12 @@
// flex: 5; // flex: 5;
width: 150px; width: 150px;
} }
.searchParamsLong{
.searchParamsLong {
width: 250px; width: 250px;
} }
.searchParams2{
.searchParams2 {
width: 220px; width: 220px;
} }
@ -41,9 +43,11 @@
nz-select { nz-select {
color: rgba(145, 204, 255, 0.95); color: rgba(145, 204, 255, 0.95);
} }
nz-tree-select { nz-tree-select {
color: rgba(145, 204, 255, 0.95); color: rgba(145, 204, 255, 0.95);
} }
nz-range-picker { nz-range-picker {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
width: 100%; width: 100%;
@ -221,10 +225,12 @@
background: none; background: none;
cursor: pointer; cursor: pointer;
} }
.rankingBtnbox{
.rankingBtnbox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.selectedbtn { .selectedbtn {
background: linear-gradient(180deg, #000D21 0%, #001331 27%, #2399FF 100%); background: linear-gradient(180deg, #000D21 0%, #001331 27%, #2399FF 100%);
color: white; color: white;
@ -269,13 +275,17 @@
div { div {
color: #91CCFF; color: #91CCFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.look { .look {
color: #36A2FF; color: #36A2FF;
cursor: pointer; cursor: pointer;
} }
} }
img{
img {
width: 36px; width: 36px;
} }
@ -365,6 +375,7 @@
.chartsbox { .chartsbox {
width: 100%; width: 100%;
height: 43%; height: 43%;
.chartname { .chartname {
position: absolute; position: absolute;
left: 20px; left: 20px;
@ -373,6 +384,7 @@
.chart { .chart {
height: 100%; height: 100%;
div { div {
span { span {
font-size: 14px; font-size: 14px;
@ -414,6 +426,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
z-index: 999; z-index: 999;
.rankingBtn { .rankingBtn {
margin-right: 12px; margin-right: 12px;
} }
@ -427,7 +440,7 @@
.th { .th {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
font-size: 12px!important; font-size: 12px !important;
} }
.tbody { .tbody {
@ -435,10 +448,12 @@
.tr { .tr {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
div{
font-size: 12px!important; div {
font-size: 12px !important;
} }
img{
img {
width: 32px; width: 32px;
} }
} }
@ -455,6 +470,7 @@
padding: 0 22px; padding: 0 22px;
height: 32px; height: 32px;
margin-bottom: 6px; margin-bottom: 6px;
form { form {
width: 100%; width: 100%;
height: 32px; height: 32px;
@ -509,6 +525,7 @@
.chartsbox { .chartsbox {
width: 100%; width: 100%;
height: 40%; height: 40%;
.chartname { .chartname {
position: absolute; position: absolute;
left: 20px; left: 20px;
@ -517,6 +534,7 @@
.chart { .chart {
height: 100%; height: 100%;
div { div {
span { span {
font-size: 14px; font-size: 14px;
@ -547,6 +565,7 @@
.rightbox { .rightbox {
box-shadow: 0 0 22px 0px #1a7fd7 inset; box-shadow: 0 0 22px 0px #1a7fd7 inset;
.btnbox { .btnbox {
position: absolute; position: absolute;
right: 28px; right: 28px;
@ -554,6 +573,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
z-index: 999; z-index: 999;
.rankingBtn { .rankingBtn {
margin-right: 8px; margin-right: 8px;
} }
@ -567,7 +587,7 @@
.th { .th {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
font-size: 10px!important; font-size: 10px !important;
} }
.tbody { .tbody {
@ -575,10 +595,12 @@
.tr { .tr {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
div{
font-size: 10px!important; div {
font-size: 10px !important;
} }
img{
img {
width: 30px; width: 30px;
} }
} }

54
src/app/pages/criminal-records/criminal-records.component.scss
Unescape View File

@ -18,16 +18,20 @@
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
.searchParams,.btn{ .searchParams,
.btn {
margin: 0 3px; margin: 0 3px;
} }
.searchParams { .searchParams {
// flex: 5; // flex: 5;
width: 150px; width: 150px;
} }
.searchParams2{
.searchParams2 {
width: 220px; width: 220px;
} }
.btn { .btn {
// flex: 1; // flex: 1;
} }
@ -94,11 +98,13 @@
font-size: 20px; font-size: 20px;
font-family: titlefont; font-family: titlefont;
cursor: pointer; cursor: pointer;
} }
span:nth-child(1){
span:nth-child(1) {
margin-left: 12px; margin-left: 12px;
} }
.grey{
.grey {
color: #68829F; color: #68829F;
} }
} }
@ -254,13 +260,17 @@
div { div {
color: #91CCFF; color: #91CCFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.look { .look {
color: #36A2FF; color: #36A2FF;
cursor: pointer; cursor: pointer;
} }
} }
img{
img {
width: 36px; width: 36px;
} }
} }
@ -349,6 +359,7 @@
.chartsbox { .chartsbox {
width: 100%; width: 100%;
height: 43%; height: 43%;
.chartname { .chartname {
position: absolute; position: absolute;
left: 20px; left: 20px;
@ -358,6 +369,7 @@
.chart { .chart {
width: 97%; width: 97%;
height: 100%; height: 100%;
div { div {
span { span {
font-size: 14px; font-size: 14px;
@ -399,6 +411,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
z-index: 999; z-index: 999;
.rankingBtn { .rankingBtn {
margin-right: 12px; margin-right: 12px;
} }
@ -412,7 +425,7 @@
.th { .th {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
font-size: 12px!important; font-size: 12px !important;
} }
.tbody { .tbody {
@ -420,14 +433,16 @@
.tr { .tr {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
div{
font-size: 12px!important; div {
font-size: 12px !important;
} }
img{
img {
width: 32px; width: 32px;
} }
} }
} }
} }
} }
@ -441,6 +456,7 @@
padding: 0 22px; padding: 0 22px;
height: 32px; height: 32px;
margin-bottom: 6px; margin-bottom: 6px;
form { form {
width: 100%; width: 100%;
height: 32px; height: 32px;
@ -495,6 +511,7 @@
.chartsbox { .chartsbox {
width: 100%; width: 100%;
height: 40%; height: 40%;
.chartname { .chartname {
position: absolute; position: absolute;
left: 20px; left: 20px;
@ -504,6 +521,7 @@
.chart { .chart {
width: 98%; width: 98%;
height: 100%; height: 100%;
div { div {
span { span {
font-size: 14px; font-size: 14px;
@ -534,6 +552,7 @@
.rightbox { .rightbox {
box-shadow: 0 0 22px 0px #1a7fd7 inset; box-shadow: 0 0 22px 0px #1a7fd7 inset;
.btnbox { .btnbox {
position: absolute; position: absolute;
right: 28px; right: 28px;
@ -541,6 +560,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
z-index: 999; z-index: 999;
.rankingBtn { .rankingBtn {
margin-right: 8px; margin-right: 8px;
} }
@ -554,7 +574,7 @@
.th { .th {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
font-size: 10px!important; font-size: 10px !important;
} }
.tbody { .tbody {
@ -562,10 +582,12 @@
.tr { .tr {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
div{
font-size: 10px!important; div {
font-size: 10px !important;
} }
img{
img {
width: 30px; width: 30px;
} }
} }
@ -574,4 +596,4 @@
} }
} }
} }

4
src/app/system-management/user/user.component.ts
Unescape View File

@ -100,7 +100,7 @@ export class UserComponent implements OnInit {
nzTitle: '新增用户', nzTitle: '新增用户',
nzContent: AdduserComponent, nzContent: AdduserComponent,
nzViewContainerRef: this.viewContainerRef, nzViewContainerRef: this.viewContainerRef,
nzWidth: 288, nzWidth: 360,
nzComponentParams: { nzComponentParams: {
title: '', title: '',
subtitle: '' subtitle: ''
@ -149,7 +149,7 @@ export class UserComponent implements OnInit {
nzTitle: '编辑用户', nzTitle: '编辑用户',
nzContent: EdituserComponent, nzContent: EdituserComponent,
nzViewContainerRef: this.viewContainerRef, nzViewContainerRef: this.viewContainerRef,
nzWidth: 288, nzWidth: 360,
// nzOkLoading: true, // nzOkLoading: true,
nzComponentParams: { nzComponentParams: {
data: data, data: data,

Write Preview
Loading…
Cancel
Save