Browse Source

圆形形状

lzm_web
Linzm 7 months ago
parent
commit
c95299398e
  1. 5
      src/views/badge/preview.vue

5
src/views/badge/preview.vue

@ -70,7 +70,7 @@ @@ -70,7 +70,7 @@
<block v-for="item in shapeList" :key="item.id">
<div class="shape-item" @click="shapeChange(item)">
<div class="shape-item-list">
<img class="shape-item-image" :src="item.cover_path || imageUrl"/>
<img class="shape-item-image" :class="{ 'shape-item-image-round': item.id == 1 || item.id == 2 }" :src="item.cover_path || imageUrl"/>
<van-icon v-if="item.id == shapeId" class="shape-icon" color="#15CF5F" name="checked" size="18px" />
</div>
<div class="shape-item-text">{{item.name}}</div>
@ -1226,4 +1226,7 @@ onUnmounted(() => { @@ -1226,4 +1226,7 @@ onUnmounted(() => {
font-family: chinese;
overflow: hidden;
}
.shape-item-image-round {
border-radius: 50%;
}
</style>
Loading…
Cancel
Save