fix: popover菜单样式问题,及Nuclide Library值不正确的问题
This commit is contained in:
		
							parent
							
								
									e2b211bfcc
								
							
						
					
					
						commit
						81e5797c73
					
				| 
						 | 
					@ -741,8 +741,8 @@ export default {
 | 
				
			||||||
          fileName
 | 
					          fileName
 | 
				
			||||||
        })
 | 
					        })
 | 
				
			||||||
        if (success) {
 | 
					        if (success) {
 | 
				
			||||||
          const { identify } = result
 | 
					          const { possible } = result
 | 
				
			||||||
          this.nuclideLibraryList = identify
 | 
					          this.nuclideLibraryList = possible
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
          this.$message.error(message)
 | 
					          this.$message.error(message)
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
| 
						 | 
					@ -1274,42 +1274,6 @@ export default {
 | 
				
			||||||
    background-color: #153e44;
 | 
					    background-color: #153e44;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
::v-deep {
 | 
					 | 
				
			||||||
  .pop-over-with-icon {
 | 
					 | 
				
			||||||
    height: 100%;
 | 
					 | 
				
			||||||
    display: flex;
 | 
					 | 
				
			||||||
    justify-content: space-between;
 | 
					 | 
				
			||||||
    align-items: center;
 | 
					 | 
				
			||||||
    border: 1px solid #0a544e;
 | 
					 | 
				
			||||||
    height: 100%;
 | 
					 | 
				
			||||||
    padding: 0 11px;
 | 
					 | 
				
			||||||
    cursor: pointer;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    .text {
 | 
					 | 
				
			||||||
      font-family: MicrosoftYaHei;
 | 
					 | 
				
			||||||
      color: #ade6ee;
 | 
					 | 
				
			||||||
      letter-spacing: 1px;
 | 
					 | 
				
			||||||
      white-space: nowrap;
 | 
					 | 
				
			||||||
      overflow: hidden;
 | 
					 | 
				
			||||||
      text-overflow: ellipsis;
 | 
					 | 
				
			||||||
      user-select: none;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    img {
 | 
					 | 
				
			||||||
      margin-left: 5px;
 | 
					 | 
				
			||||||
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 | 
					 | 
				
			||||||
      flex-shrink: 0;
 | 
					 | 
				
			||||||
      user-select: none;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    &.ant-popover-open {
 | 
					 | 
				
			||||||
      img {
 | 
					 | 
				
			||||||
        transform: rotate(180deg);
 | 
					 | 
				
			||||||
      }
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
<style lang="less">
 | 
					<style lang="less">
 | 
				
			||||||
.peak-infomation-tooltip {
 | 
					.peak-infomation-tooltip {
 | 
				
			||||||
| 
						 | 
					@ -1326,11 +1290,4 @@ export default {
 | 
				
			||||||
  background-color: #55a9fe;
 | 
					  background-color: #55a9fe;
 | 
				
			||||||
  border-color: #55a9fe;
 | 
					  border-color: #55a9fe;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
.popover-with-icon {
 | 
					 | 
				
			||||||
  z-index: 999;
 | 
					 | 
				
			||||||
  .ant-popover-inner-content {
 | 
					 | 
				
			||||||
    padding: 8px;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1064,6 +1064,43 @@ export default {
 | 
				
			||||||
  // 主体部分结束
 | 
					  // 主体部分结束
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
 | 
					<style lang="less" scoped>
 | 
				
			||||||
 | 
					::v-deep {
 | 
				
			||||||
 | 
					  .pop-over-with-icon {
 | 
				
			||||||
 | 
					    height: 100%;
 | 
				
			||||||
 | 
					    display: flex;
 | 
				
			||||||
 | 
					    justify-content: space-between;
 | 
				
			||||||
 | 
					    align-items: center;
 | 
				
			||||||
 | 
					    border: 1px solid #0a544e;
 | 
				
			||||||
 | 
					    height: 100%;
 | 
				
			||||||
 | 
					    padding: 0 11px;
 | 
				
			||||||
 | 
					    cursor: pointer;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .text {
 | 
				
			||||||
 | 
					      font-family: MicrosoftYaHei;
 | 
				
			||||||
 | 
					      color: #ade6ee;
 | 
				
			||||||
 | 
					      letter-spacing: 1px;
 | 
				
			||||||
 | 
					      white-space: nowrap;
 | 
				
			||||||
 | 
					      overflow: hidden;
 | 
				
			||||||
 | 
					      text-overflow: ellipsis;
 | 
				
			||||||
 | 
					      user-select: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    img {
 | 
				
			||||||
 | 
					      margin-left: 5px;
 | 
				
			||||||
 | 
					      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 | 
				
			||||||
 | 
					      flex-shrink: 0;
 | 
				
			||||||
 | 
					      user-select: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &.ant-popover-open {
 | 
				
			||||||
 | 
					      img {
 | 
				
			||||||
 | 
					        transform: rotate(180deg);
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					</style>
 | 
				
			||||||
<style lang="less">
 | 
					<style lang="less">
 | 
				
			||||||
.spectrum-analysis-operators-dropdown-overlay {
 | 
					.spectrum-analysis-operators-dropdown-overlay {
 | 
				
			||||||
  background-color: #03353f;
 | 
					  background-color: #03353f;
 | 
				
			||||||
| 
						 | 
					@ -1146,4 +1183,11 @@ export default {
 | 
				
			||||||
    color: yellow;
 | 
					    color: yellow;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.popover-with-icon {
 | 
				
			||||||
 | 
					  z-index: 999;
 | 
				
			||||||
 | 
					  .ant-popover-inner-content {
 | 
				
			||||||
 | 
					    padding: 8px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue
	
	Block a user