接入画布
This commit is contained in:
@@ -50,14 +50,14 @@
|
||||
<div>Colorboard</div>
|
||||
<i class="fi fi-rr-edit" @click="openCollection('colorBoard')"></i>
|
||||
</div>
|
||||
<div class="color_item" v-for="(color) in allBoardData?.colorBoards" :key="color">
|
||||
<div class="color_content" v-if="!color?.gradient" :style="{background:`rgb(${color?.rgbValue?.r},${color?.rgbValue?.g},${color?.rgbValue?.b},${color?.rgbValue?.a})`}"></div>
|
||||
<div class="color_content" v-else :style="{height:'11rem','background-image':color?.gradient?`linear-gradient(${color?.gradient.angle}deg,${setGradient(color?.gradient)}`:'none'}"></div>
|
||||
<div class="color_content_body" v-if="!color?.gradient" :style="{'text-align':color?.name?'left':'center'}">
|
||||
<div class="color_des">{{color.tcx}}</div>
|
||||
<div class="color_des">{{color.name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="color_item" v-for="(color,i) in allBoardData?.colorBoards" :key="color">
|
||||
<div class="color_content" v-if="!color?.gradient" :style="{background:`rgb(${color?.rgbValue?.r},${color?.rgbValue?.g},${color?.rgbValue?.b},${color?.rgbValue?.a})`}"></div>
|
||||
<div class="color_content" v-else :style="{height:'11rem','background-image':color?.gradient?`linear-gradient(${color?.gradient.angle}deg,${setGradient(color?.gradient)}`:'none'}"></div>
|
||||
<div class="color_content_body" v-if="!color?.gradient" :style="{'text-align':color?.name?'left':'center'}">
|
||||
<div class="color_des">{{color.tcx}}</div>
|
||||
<div class="color_des">{{color.name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="img_block_item mannquin">
|
||||
<div class="title">
|
||||
@@ -311,16 +311,17 @@ export default defineComponent({
|
||||
}
|
||||
.color_item{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
// vertical-align: top;
|
||||
// padding: 0 0.5rem;
|
||||
// margin-right: 1.6rem;
|
||||
margin-right: 4%;
|
||||
margin-bottom: 0.5rem;
|
||||
width: 21%;
|
||||
&:nth-child(5n){
|
||||
margin-right: 0;
|
||||
}
|
||||
&:nth-child(4n+1){
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.color_content{
|
||||
height:6.2rem;
|
||||
|
||||
Reference in New Issue
Block a user