cdia/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加消息提示统一管理

Browse Source
This commit is contained in:
zhouyuejun
2019-02-27 15:37:57 +08:00
parent 430d096d92
commit 6fb51f08fe
7 changed files with 557 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/main/main.component.scss
+71 -8
View File
@@ -14,7 +14,7 @@
position: relative;
padding: 0 15px;
.first-condition {
.line-operator-left{
.line-operator-left {
width: 100%;
}
.line-operator-right {
@@ -26,6 +26,18 @@
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
.badge-btn {
position: relative;
.badge-count {
position: absolute;
top: -10px;
right: -10px;
background: red;
width: 24px;
height: 20px;
border-radius: 10px;
}
}
}
}
.second-condition,
@@ -138,19 +150,19 @@
}
}
}
/deep/ .ant-tabs-content{
/deep/ .ant-tabs-content {
height: 100%;
overflow: auto;
border: 1px solid #ccc;
white-space: nowrap;
}
/deep/ .ant-tabs-tab-prev{
background-color: rgba(221, 221, 221, 0.5)
/deep/ .ant-tabs-tab-prev {
background-color: rgba(221, 221, 221, 0.5);
}
/deep/ .ant-tabs-tab-next{
background-color: rgba(221, 221, 221, 0.5)
/deep/ .ant-tabs-tab-next {
background-color: rgba(221, 221, 221, 0.5);
}
nz-tabset{
nz-tabset {
height: 100%;
}
&::-webkit-scrollbar {
@@ -184,7 +196,58 @@
}
}
@media screen and (max-width: 991px) {
.notify-container{
max-height: 275px;
overflow-y: auto;
max-width: 600px;
min-width: 250px;
padding: 0;
border-radius: 0;
li{
width: 100%;
position: relative;
line-height: 35px;
padding: 5px 35px 5px 24px;
border-bottom: 1px solid #ddd;
white-space: pre;
pre{
margin: 0;
}
i{
position: absolute;
top: 10px;
right: 10px;
}
}
}
.clearAll{
background-color: #fff;
padding: 10px 0;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
nz-list{
min-width: 300px;
max-width: 450px;
}
nz-list-item{
cursor: pointer;
position: relative;
&:hover{
background-color: rgb(230, 247, 255)
}
/deep/ .ant-list-item-content{
margin-right: 20px
}
/deep/ .ant-list-item-action{
position: absolute;
top: 8px;
right: 4px;
}
}
@media screen and (max-width: 1335px) {
.line-operator-right {
float: none !important;
}