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

feat：点击module的信息组件添加

Browse Source
This commit is contained in:
zhangyu
2020-08-24 17:04:27 +08:00
parent 84f988b761
commit deed6752f6
22 changed files with 197 additions and 1939 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
nezha-fronted/src/components/common/project/popData/popDataMain.vue Normal file
View File

@@ -0,0 +1,121 @@
<template>
<div class="main-content">
<div class="main-box">
<div class="main-box-title">asset</div>
<div class="main-box-content">
<div class="content-box">
<span class="content-title"><i class="el-icon-upload2 colorFFF bg23BF9A"></i>up</span>
<span class="float-right">123</span>
</div>
<div class="content-box">
<span class="content-title"><i class="el-icon-download colorFFF bgEC7F66"></i>down</span>
<span class="float-right">123</span>
</div>
</div>
</div>
<div class="main-box">
<div class="main-box-title">endpoint</div>
<div class="main-box-content">
<div class="content-box">
<span class="content-title"><i class="el-icon-upload2 colorFFF bg23BF9A"></i>up</span>
<span class="float-right">123</span>
</div>
<div class="content-box">
<span class="content-title"><i class="el-icon-download colorFFF bgEC7F66"></i>down</span>
<span class="float-right">123</span>
</div>
</div>
</div>
<div class="main-box">
<div class="main-box-title">alert message</div>
<div class="main-box-content">
<div class="content-box">
<span class="content-title"><i class="nz-icon nz-icon-jiantou-top colorFFF bg23BF9A"></i>up</span>
<span class="float-right">123</span>
</div>
<div class="content-box">
<span class="content-title"><i class="nz-icon nz-icon-jiantou-right colorFFF bg3C92F1"></i>down</span>
<span class="float-right">123</span>
</div>
<div class="content-box">
<span class="content-title"><i class="nz-icon nz-icon-jiantou-down colorFFF bgEC7F66"></i>down</span>
<span class="float-right">123</span>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:"popDataMain",
props:{
moduleId:{},
projectId:{},
},
watch:{},
data(){
return{
}
},
mounted(){
console.log(this.moduleId,this.projectId)
},
methods:{},
}
</script>
<style scoped>
.main-content{
display: flex;
margin-right: 15px;
flex-direction: column;
justify-content: space-between;
}
.main-box{
background: #FFFFFF;
border: 1px solid #E7EAED;
width: 173px;
margin-bottom: 15px;
}
.main-box-title{
background: #EFEFEF;
font-size: 14px;
color: #333333;
height: 26px;
line-height: 26px;
padding-left: 12px;
}
.main-box-content{
font-size: 12px;
color: #333333;
padding: 12px;
}
.main-box-content .content-box:not(:last-child){
margin-bottom: 5px;
}
.content-title{
color: #666666;
}
.colorFFF{
color: #FFFFFF;
vertical-align: middle;
display: inline-block;
padding: 1px;
font-size: 10px;
margin-right: 5px;
line-height: 1;
}
.bg23BF9A{
background: #23BF9A;
}
.bgEC7F66{
background: #EC7F66;
}
.bg3C92F1{
background: #3C92F1;
}
</style>