接入画布

This commit is contained in:
X1627315083
2025-06-09 10:25:54 +08:00
parent 87a08f5f8f
commit c266967f16
157 changed files with 43833 additions and 1571 deletions

View File

@@ -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;