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

[完善]完善样式

dev
邵佳豪 3 years ago
parent
2d5db15556
commit
3750e79d8d
5 changed files with 117 additions and 64 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 111
      package-lock.json
  2. 36
      src/app/pages/login/login.component.html
  3. 4
      src/app/pages/today-warning/today-warning.component.html
  4. 13
      src/app/pages/today-warning/today-warning.component.scss
  5. 17
      src/theme.less

111
package-lock.json generated
Unescape View File

@ -2423,6 +2423,66 @@
"to-fast-properties": "^2.0.0"
}
},
"@babylonjs/core": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/@babylonjs/core/download/@babylonjs/core-4.2.0.tgz",
"integrity": "sha1-0c/UPX49LljN55CD8E7rYH9sjxg=",
"requires": {
"tslib": ">=1.10.0"
}
},
"@babylonjs/gui": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/@babylonjs/gui/download/@babylonjs/gui-4.2.0.tgz",
"integrity": "sha1-wqNcpnJHWXMf4MTdv+JJAwGEf5M=",
"requires": {
"@babylonjs/core": "4.2.0",
"tslib": ">=1.10.0"
}
},
"@babylonjs/inspector": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/@babylonjs/inspector/download/@babylonjs/inspector-4.2.0.tgz",
"integrity": "sha1-cNkBcpCX95sWbezM/I7SGV0rHDU=",
"requires": {
"@babylonjs/core": "4.2.0",
"@babylonjs/gui": "4.2.0",
"@babylonjs/loaders": "4.2.0",
"@babylonjs/materials": "4.2.0",
"@babylonjs/serializers": "4.2.0",
"babylonjs-gltf2interface": "4.2.0",
"tslib": ">=1.10.0"
}
},
"@babylonjs/loaders": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/@babylonjs/loaders/download/@babylonjs/loaders-4.2.0.tgz",
"integrity": "sha1-qZAtwnfBbc0izRkH+GMQ4hHCR8s=",
"requires": {
"@babylonjs/core": "4.2.0",
"babylonjs-gltf2interface": "4.2.0",
"tslib": ">=1.10.0"
}
},
"@babylonjs/materials": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/@babylonjs/materials/download/@babylonjs/materials-4.2.0.tgz",
"integrity": "sha1-jYieSfaCTk/GJiKyIfNqsLgzTW4=",
"requires": {
"@babylonjs/core": "4.2.0",
"tslib": ">=1.10.0"
}
},
"@babylonjs/serializers": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/@babylonjs/serializers/download/@babylonjs/serializers-4.2.0.tgz",
"integrity": "sha1-yoybdzwZhei0l5DsZfb9z0zqCkk=",
"requires": {
"@babylonjs/core": "4.2.0",
"babylonjs-gltf2interface": "4.2.0",
"tslib": ">=1.10.0"
}
},
"@firebase/analytics": {
"version": "0.2.13",
"resolved": "https://registry.npm.taobao.org/@firebase/analytics/download/@firebase/analytics-0.2.13.tgz",
@ -4231,12 +4291,40 @@
"resolved": "https://registry.npm.taobao.org/@types/node/download/@types/node-12.12.26.tgz?cache=0&sync_timestamp=1580843161457&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-12.12.26.tgz",
"integrity": "sha1-IT4VO6usDtFp1EptkZUB5o9Z3qk="
},
"@types/prop-types": {
"version": "15.7.4",
"resolved": "https://registry.nlark.com/@types/prop-types/download/@types/prop-types-15.7.4.tgz?cache=0&sync_timestamp=1629708829833&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fprop-types%2Fdownload%2F%40types%2Fprop-types-15.7.4.tgz",
"integrity": "sha1-/PcgXCXf95Xuea8eMNosl5CAjxE="
},
"@types/q": {
"version": "0.0.32",
"resolved": "https://registry.npm.taobao.org/@types/q/download/@types/q-0.0.32.tgz",
"integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=",
"dev": true
},
"@types/react": {
"version": "17.0.33",
"resolved": "https://registry.npmmirror.com/@types/react/download/@types/react-17.0.33.tgz?cache=0&sync_timestamp=1635212002524&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40types%2Freact%2Fdownload%2F%40types%2Freact-17.0.33.tgz",
"integrity": "sha1-4Brj3nYT2sEJRWmIC7N5JzIgOtU=",
"requires": {
"@types/prop-types": "*",
"@types/scheduler": "*",
"csstype": "^3.0.2"
}
},
"@types/react-dom": {
"version": "17.0.10",
"resolved": "https://registry.npmmirror.com/@types/react-dom/download/@types/react-dom-17.0.10.tgz",
"integrity": "sha1-1pcuwBjSPPIrmVl/Eok0PZnqnZ0=",
"requires": {
"@types/react": "*"
}
},
"@types/scheduler": {
"version": "0.16.2",
"resolved": "https://registry.nlark.com/@types/scheduler/download/@types/scheduler-0.16.2.tgz",
"integrity": "sha1-GmL4lSVyPd4kuhsBsJK/XfitTTk="
},
"@types/selenium-webdriver": {
"version": "3.0.16",
"resolved": "https://registry.npm.taobao.org/@types/selenium-webdriver/download/@types/selenium-webdriver-3.0.16.tgz?cache=0&sync_timestamp=1576496118589&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fselenium-webdriver%2Fdownload%2F%40types%2Fselenium-webdriver-3.0.16.tgz",
@ -4971,6 +5059,11 @@
"object.assign": "^4.1.0"
}
},
"babylonjs-gltf2interface": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/babylonjs-gltf2interface/download/babylonjs-gltf2interface-4.2.0.tgz",
"integrity": "sha1-sO8eEeNXTPLG9XPQxcNIV6KnsyI="
},
"backo2": {
"version": "1.0.2",
"resolved": "https://registry.npm.taobao.org/backo2/download/backo2-1.0.2.tgz",
@ -5609,6 +5702,11 @@
"integrity": "sha1-4J28LdPikoRCQD4tRbQc6ga8CpM=",
"dev": true
},
"class-transformer": {
"version": "0.4.0",
"resolved": "https://registry.nlark.com/class-transformer/download/class-transformer-0.4.0.tgz",
"integrity": "sha1-tSFEEXtCPFFq+0TMHHbbrTHCFls="
},
"class-utils": {
"version": "0.3.6",
"resolved": "https://registry.npm.taobao.org/class-utils/download/class-utils-0.3.6.tgz",
@ -6512,6 +6610,11 @@
"css-tree": "1.0.0-alpha.37"
}
},
"csstype": {
"version": "3.0.9",
"resolved": "https://registry.nlark.com/csstype/download/csstype-3.0.9.tgz?cache=0&sync_timestamp=1631540658518&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcsstype%2Fdownload%2Fcsstype-3.0.9.tgz",
"integrity": "sha1-ZBCvMbJr0FIJM9AsvGT86c4/vws="
},
"custom-event": {
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/custom-event/download/custom-event-1.0.1.tgz",
@ -9171,6 +9274,11 @@
}
}
},
"install": {
"version": "0.13.0",
"resolved": "https://registry.nlark.com/install/download/install-0.13.0.tgz",
"integrity": "sha1-avbp2p3QmH3iq0IPeOYNnBcmB3Y="
},
"internal-ip": {
"version": "4.3.0",
"resolved": "https://registry.npm.taobao.org/internal-ip/download/internal-ip-4.3.0.tgz",
@ -13508,8 +13616,7 @@
"reflect-metadata": {
"version": "0.1.13",
"resolved": "https://registry.npm.taobao.org/reflect-metadata/download/reflect-metadata-0.1.13.tgz",
"integrity": "sha1-Z648pXyXKiqhZCsQ/jY/4y1J3Ag=",
"dev": true
"integrity": "sha1-Z648pXyXKiqhZCsQ/jY/4y1J3Ag="
},
"regenerate": {
"version": "1.4.0",

36
src/app/pages/login/login.component.html
Unescape View File

@ -3,42 +3,6 @@
<div>
<div class="card">
<span class="cardheader">XXXXXXXXXX</span>
<!-- <form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container">
<div class="input">
<label class="position"><mat-icon>account_box</mat-icon></label>
<mat-form-field>
<input matInput id="name" name="name"
required type="text"
ngModel #name="ngModel" placeholder="请输入账号">
</mat-form-field>
</div>
<div class="input">
<label class="position"><mat-icon>lock</mat-icon></label>
<mat-form-field>
<input matInput id="password" name="password" type='password'
required
ngModel #password="ngModel" placeholder="请输入密码">
</mat-form-field>
</div>
<div *ngIf="errmsg" class="alert-danger input">
{{errmsg}}
</div>
<div class="register">
<a href="javascript:void(0);" style="margin-left: 100px;" class="forget">
忘记密码?
<div class="contactUs">
<label style="font-size: 14px; text-align: center; width: 100%; display: block; color: #fff;">安信科创QQ号</label>
<img src="../../../assets/images/AnXinQQ.jpg">
</div>
</a>
<a href="javascript:void(0);" (click)='toRegister()' style="margin-left: 180px;">快速注册</a>
</div>
<button type="submit" [disabled]="!form.form.valid" class="loginbtn" mat-button>登录</button>
</form> -->
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
<nz-form-item>
<nz-form-control nzErrorTip="请输入用户名!">

4
src/app/pages/today-warning/today-warning.component.html
Unescape View File

@ -3,7 +3,7 @@
当日违规事件列表
</div>
<div class="search">
<form nz-form [nzLayout]="'inline'" [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
<nz-form-item class="searchParams">
<nz-form-control>
<nz-select id="level" formControlName="level" nzPlaceHolder="请选择级别">
@ -46,7 +46,7 @@
</nz-form-control>
</nz-form-item>
<nz-form-item style="margin-right: 0;" class="btn">
<nz-form-item class="btn">
<nz-form-control>
<button nz-button type="button" class="reset"><i nz-icon [nzType]="'sync'"></i>重置</button>
</nz-form-control>

13
src/app/pages/today-warning/today-warning.component.scss
Unescape View File

@ -14,17 +14,7 @@
form{
width: 100%;
height: 32px;
}
.searchParams{
width: 21.5%;
}
nz-date-picker{
width: 145%;
background-color: #002552;
color: #8aacce;
}
button{
width: 84px;
}
.submit{
background-color: #013064;
@ -34,6 +24,7 @@
.reset{
background-color: #010d26;
border: 1px solid #4c8ac8;
color: #86bff3;
}
}
}

17
src/theme.less
Unescape View File

@ -2,27 +2,18 @@
// @component-background: #002552;
@border-color-base: #8aacce;
// @text-color: #8aacce;
@text-color: #8aacce;
// @select-item-selected-bg: red;
@border-color-base: #8aacce;
@select-background:#002552;
.ant-select-arrow {
color: #8aacce;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
border-radius: 0px;
}
.ant-picker{
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,.ant-picker,.ant-btn{
border-radius: 0px;
}
@input-placeholder-color: #8aacce;
//日期选择器
// @input-placeholder-color: #8aacce;
.ant-picker-suffix{
color: #8aacce;
}
Write Preview
Loading…
Cancel
Save