forked from natuka/web.puabadge.com
圆形形状
This commit is contained in:
1 parent
d857c775ca
commit
c95299398e
1 file changed
+4
-1
@@ -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>
|
||||||
Reference in new issue
Block a user