Commit 820f00a8 by yanju

闭合projectDetail 标签

parent 3a20c309
......@@ -85,7 +85,7 @@
},
autoCrop:{
type:Boolean,
default:1,
default:true,
},
addImg:Function,
type:Number
......
......@@ -346,6 +346,7 @@
justify-content: flex-start;
.info-left{
@include fontStyle(12,16,500,#999,left);
flex-shrink: 0;
> span{
margin: 0 3*$length;
}
......@@ -369,9 +370,11 @@
}
> .label-box{
margin-left:5*$length;
flex-wrap:wrap;
@extend %flex-row-spb;
justify-content: flex-start;
> p{
margin-top: 8*$length;
margin-right:10*$length;
padding:2*$length 8*$length;
background-color: #F4F8FA;
......
......@@ -17,7 +17,7 @@
</p>
</div>
<div class="label-box">
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{val.tagName}}</p>
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{{val.tagName}}</p>
</div>
</div>
<div class="info-right">
......@@ -218,12 +218,9 @@
height:auto;
margin-left:20*$length;
padding:3*$length 5*$length;
background-color:
#f4f4f5;
border-color: 1px solid
#e9e9eb;
color:
#909399;
background-color:#f4f4f5;
border:1px solid #e9e9eb;
color:#909399;
border-radius: 4*$length;
}
}
......@@ -234,7 +231,7 @@
width:100%;
.info-left{
@extend %flex-row-spb;
flex: 1;
> .icon-box{
margin-right:15*$length;
@extend %flex-row-spb;
......@@ -249,10 +246,12 @@
}
}
> .label-box{
flex-wrap: wrap;
margin-left:5*$length;
@extend %flex-row-spb;
justify-content: flex-start;
> p{
margin-top: 8*$length;
margin-right:10*$length;
padding:2*$length 8*$length;
background-color: #F4F8FA;
......@@ -270,6 +269,7 @@
.info-right{
@extend %flex-row-spb;
flex-shrink: 0;
.left{
@include fontStyle(12,16,500,#999,left);
......
......@@ -18,7 +18,7 @@
</p>
</div>
<div class="label-box">
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{val.tagName}}</p>
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{{val.tagName}}</p>
</div>
</div>
<div class="info-right">
......@@ -235,6 +235,17 @@
#13ce66;
border-radius: 4*$length;
}
.unsolved{
@include fontStyle(14,19,500,#222,left);
height:auto;
margin-left:20*$length;
padding:3*$length 5*$length;
background-color:#f4f4f5;
border:1px solid #e9e9eb;
color:#909399;
border-radius: 4*$length;
}
}
.infos{
......@@ -243,7 +254,7 @@
width:100%;
.info-left{
@extend %flex-row-spb;
flex: 1;
> .icon-box{
margin-right:15*$length;
@extend %flex-row-spb;
......@@ -258,10 +269,12 @@
}
}
> .label-box{
flex-wrap: wrap;
margin-left:5*$length;
@extend %flex-row-spb;
justify-content: flex-start;
> p{
margin-top: 8*$length;
margin-right:10*$length;
padding:2*$length 8*$length;
background-color: #F4F8FA;
......@@ -279,6 +292,7 @@
.info-right{
@extend %flex-row-spb;
flex-shrink: 0;
.left{
@include fontStyle(12,16,500,#999,left);
......
......@@ -18,7 +18,7 @@
</p>
</div>
<div class="label-box">
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{val.tagName}}</p>
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{{val.tagName}}</p>
</div>
</div>
<div class="info-right">
......@@ -234,6 +234,17 @@
#13ce66;
border-radius: 4*$length;
}
.unsolved{
@include fontStyle(14,19,500,#222,left);
height:auto;
margin-left:20*$length;
padding:3*$length 5*$length;
background-color:#f4f4f5;
border:1px solid #e9e9eb;
color:#909399;
border-radius: 4*$length;
}
}
.infos{
......@@ -242,7 +253,7 @@
width:100%;
.info-left{
@extend %flex-row-spb;
flex: 1;
> .icon-box{
margin-right:15*$length;
@extend %flex-row-spb;
......@@ -257,10 +268,12 @@
}
}
> .label-box{
flex-wrap: wrap;
margin-left:5*$length;
@extend %flex-row-spb;
justify-content: flex-start;
> p{
margin-top: 8*$length;
margin-right:10*$length;
padding:2*$length 8*$length;
background-color: #F4F8FA;
......@@ -278,6 +291,7 @@
.info-right{
@extend %flex-row-spb;
flex-shrink: 0;
.left{
@include fontStyle(12,16,500,#999,left);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment