gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-1072 feat: 主题切换

Browse Source
This commit is contained in:
chenjinsong
2021-11-01 17:23:01 +08:00
parent 1e017d3060
commit 914c096463
395 changed files with 23682 additions and 23372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
nezha-fronted/src/components/common/project/L5/topologyTopTool.vue
View File

@@ -2,10 +2,6 @@
<div class="tool-top" id="tool-top">
<div id="undo" :class="['top-tool-item',]" @click="undo"> <i class="nz-icon nz-icon-revoke" :title="'撤销'"/> </div>
<div id="redo" :class="['top-tool-item',]" @click="redo"> <i class="nz-icon nz-icon-revoke1" :title="'重做'"/> </div>
<!--<div class="top-tool-item" @click="centerView"> 居中</div> redoFlag?'':'top-tool-item-disabled' cachesIndex>0?'':'top-tool-item-disabled'-->
<!--<div class="top-tool-item" @click="fitView"> 自适应</div>-->
<!--<div :class="['top-tool-item',toolShow.node?'tool-item-active':'']" @click="toolShowChange('node')"> 节点工具 </div>-->
<!--<div :class="['top-tool-item',toolShow.attr?'tool-item-active':'']" @click="toolShowChange('attr')"> 属性工具 </div>-->
<!--<div> 保存为图片 </div>-->
<div class="top-tool-item" @click="del"> <i class="nz-icon nz-icon-delete"/> </div>
<div class="top-tool-item top-tool-item-scale">
@@ -49,8 +45,6 @@
@change="changeOption('rule')">
</el-switch>
</div>
<!--<div class="top-tool-item" @click="clear"> 清空画布 </div>-->
</div>
</template>
@@ -164,166 +158,3 @@ export default {
}
}
</script>
<style lang="scss">
.scale-number-popover{
width: 111px;
min-width: 111px;
.el-popover{
width: 100%;
}
}
.scale-number-popover .scale-num-pop{
text-align: center;
font-size: 14px;
color: #666666;
font-weight: 400;
width: 91px;
cursor: pointer;
}
.scale-number-popover .scale-num-pop.is-active{
color: #FA901C;
}
</style>
<style lang="scss" scoped>
.tool-top {
border-radius: 2px;
display: inline-flex;
.nz-icon{
font-size: 14px;
color: #666666;
}
}
.top-tool-item{
cursor: pointer;
background: #FFFFFF;
border: 1px solid $--primary-border-color;
border-radius: 2px;
padding: 8px 11px;
line-height: 14px;
margin-right: 10px;
}
.top-tool-item-scale{
margin-left: 40px;
padding: 0;
position: relative;
.percent{
position: absolute;
top: 7px;
left: 68px;
font-size:12px ;
}
.scale-number{
width: 91px;
display: flex;
height: 30px;
line-height: 30px;
position: relative;
padding: 0 10px;
justify-content: space-between;
.scale-number-content{
width: 59px;
height: 100%;
text-align: center;
font-size: 12px;
display: block;
line-height: 28px;
}
.scale-number-symbol{
background: #E9E9E9;
height: 16px;
width: 16px;
display: inline-block;
color: #333;
font-size: 14px;
line-height: 16px;
border-radius: 50%;
text-align: center;
margin-top: 6px;
}
}
/deep/ .el-input--mini{
input{
border: none;
}
}
/deep/ .el-input-number--mini {
width: 111px;
}
/deep/ .el-input-number__decrease,/deep/ .el-input-number__increase{
border: none;
border-radius: 100%;
width: 16px;
height: 16px;
line-height: 16px;
margin-top: 6px;
}
/deep/ .el-input-number__decrease{
margin-left: 5px;
}
/deep/ .el-input-number__increase{
margin-right: 5px;
}
}
.top-tool-item-switch{
padding: 5px 11px;
label{
vertical-align: middle;
}
}
.top-tool-item-disabled{
color: #CECECE;
opacity: 0.3;
}
.tool-item-active{
background: #1a1a1a;
color: #fff;
}
.mb10 {
margin-bottom: 10px;
}
.mt10 {
margin-top: 10px;
}
.p10{
padding: 10px;
}
.pl0{
padding-left: 0;
}
.special-select{
vertical-align: middle;
}
.special-select .el-select.el-select--small{
width: 100%;
}
.special-select /deep/ .el-input.el-input--prefix.el-input--suffix,.line-width /deep/ .el-input.el-input--prefix.el-input--suffix{
border: 1px solid #DCDFE6;
height: 28px;
}
.special-select /deep/ .el-input__inner,.line-width /deep/ .el-input__inner{
display: none;
}
.special-select /deep/ .el-input__prefix,.line-width /deep/ .el-input__prefix{
height: 28px;
line-height: 28px;
color: #899FB7;
width: 100%;
}
.special-select /deep/ .el-input__prefix > div{
width: 100%;
height: 100%;
}
.props-pen-item{
display: inline-block;
width: 130px;
}
.icon-item{
width: 100%;
height:100%;
}
.icon-item svg{
width: 100%;
height:100%;
}
</style>