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