Skip to content

B
beyond-clouds-front
Commit 820f00a8 by yanju
Options

闭合projectDetail 标签

parent 3a20c309
Showing with 44 additions and 13 deletions
components/common/cropper/src/cropper.vue
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
}, },
autoCrop:{ autoCrop:{
type:Boolean, type:Boolean,
default:1, default:true,
}, },
addImg:Function, addImg:Function,
type:Number type:Number
......
components/pc/projectCard.vue
...@@ -346,6 +346,7 @@ ...@@ -346,6 +346,7 @@
justify-content: flex-start; justify-content: flex-start;
.info-left{ .info-left{
@include fontStyle(12,16,500,#999,left); @include fontStyle(12,16,500,#999,left);
flex-shrink: 0;
> span{ > span{
margin: 0 3*$length; margin: 0 3*$length;
} }
...@@ -369,9 +370,11 @@ ...@@ -369,9 +370,11 @@
} }
> .label-box{ > .label-box{
margin-left:5*$length; margin-left:5*$length;
flex-wrap:wrap;
@extend %flex-row-spb; @extend %flex-row-spb;
justify-content: flex-start; justify-content: flex-start;
> p{ > p{
margin-top: 8*$length;
margin-right:10*$length; margin-right:10*$length;
padding:2*$length 8*$length; padding:2*$length 8*$length;
background-color: #F4F8FA; background-color: #F4F8FA;
......
pages/answer/detail/_id.vue
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</p> </p>
</div> </div>
<div class="label-box"> <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> </div>
<div class="info-right"> <div class="info-right">
...@@ -218,12 +218,9 @@ ...@@ -218,12 +218,9 @@
height:auto; height:auto;
margin-left:20*$length; margin-left:20*$length;
padding:3*$length 5*$length; padding:3*$length 5*$length;
background-color: background-color:#f4f4f5;
#f4f4f5; border:1px solid #e9e9eb;
border-color: 1px solid color:#909399;
#e9e9eb;
color:
#909399;
border-radius: 4*$length; border-radius: 4*$length;
} }
} }
...@@ -234,7 +231,7 @@ ...@@ -234,7 +231,7 @@
width:100%; width:100%;
.info-left{ .info-left{
@extend %flex-row-spb; @extend %flex-row-spb;
flex: 1;
> .icon-box{ > .icon-box{
margin-right:15*$length; margin-right:15*$length;
@extend %flex-row-spb; @extend %flex-row-spb;
...@@ -249,10 +246,12 @@ ...@@ -249,10 +246,12 @@
} }
} }
> .label-box{ > .label-box{
flex-wrap: wrap;
margin-left:5*$length; margin-left:5*$length;
@extend %flex-row-spb; @extend %flex-row-spb;
justify-content: flex-start; justify-content: flex-start;
> p{ > p{
margin-top: 8*$length;
margin-right:10*$length; margin-right:10*$length;
padding:2*$length 8*$length; padding:2*$length 8*$length;
background-color: #F4F8FA; background-color: #F4F8FA;
...@@ -270,6 +269,7 @@ ...@@ -270,6 +269,7 @@
.info-right{ .info-right{
@extend %flex-row-spb; @extend %flex-row-spb;
flex-shrink: 0;
.left{ .left{
@include fontStyle(12,16,500,#999,left); @include fontStyle(12,16,500,#999,left);
......
pages/blog/detail/_id.vue
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</p> </p>
</div> </div>
<div class="label-box"> <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> </div>
<div class="info-right"> <div class="info-right">
...@@ -235,6 +235,17 @@ ...@@ -235,6 +235,17 @@
#13ce66; #13ce66;
border-radius: 4*$length; 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{ .infos{
...@@ -243,7 +254,7 @@ ...@@ -243,7 +254,7 @@
width:100%; width:100%;
.info-left{ .info-left{
@extend %flex-row-spb; @extend %flex-row-spb;
flex: 1;
> .icon-box{ > .icon-box{
margin-right:15*$length; margin-right:15*$length;
@extend %flex-row-spb; @extend %flex-row-spb;
...@@ -258,10 +269,12 @@ ...@@ -258,10 +269,12 @@
} }
} }
> .label-box{ > .label-box{
flex-wrap: wrap;
margin-left:5*$length; margin-left:5*$length;
@extend %flex-row-spb; @extend %flex-row-spb;
justify-content: flex-start; justify-content: flex-start;
> p{ > p{
margin-top: 8*$length;
margin-right:10*$length; margin-right:10*$length;
padding:2*$length 8*$length; padding:2*$length 8*$length;
background-color: #F4F8FA; background-color: #F4F8FA;
...@@ -279,6 +292,7 @@ ...@@ -279,6 +292,7 @@
.info-right{ .info-right{
@extend %flex-row-spb; @extend %flex-row-spb;
flex-shrink: 0;
.left{ .left{
@include fontStyle(12,16,500,#999,left); @include fontStyle(12,16,500,#999,left);
......
pages/project/detail/_id.vue
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</p> </p>
</div> </div>
<div class="label-box"> <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> </div>
<div class="info-right"> <div class="info-right">
...@@ -234,6 +234,17 @@ ...@@ -234,6 +234,17 @@
#13ce66; #13ce66;
border-radius: 4*$length; 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{ .infos{
...@@ -242,7 +253,7 @@ ...@@ -242,7 +253,7 @@
width:100%; width:100%;
.info-left{ .info-left{
@extend %flex-row-spb; @extend %flex-row-spb;
flex: 1;
> .icon-box{ > .icon-box{
margin-right:15*$length; margin-right:15*$length;
@extend %flex-row-spb; @extend %flex-row-spb;
...@@ -257,10 +268,12 @@ ...@@ -257,10 +268,12 @@
} }
} }
> .label-box{ > .label-box{
flex-wrap: wrap;
margin-left:5*$length; margin-left:5*$length;
@extend %flex-row-spb; @extend %flex-row-spb;
justify-content: flex-start; justify-content: flex-start;
> p{ > p{
margin-top: 8*$length;
margin-right:10*$length; margin-right:10*$length;
padding:2*$length 8*$length; padding:2*$length 8*$length;
background-color: #F4F8FA; background-color: #F4F8FA;
...@@ -278,6 +291,7 @@ ...@@ -278,6 +291,7 @@
.info-right{ .info-right{
@extend %flex-row-spb; @extend %flex-row-spb;
flex-shrink: 0;
.left{ .left{
@include fontStyle(12,16,500,#999,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