| | |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:4rem;">
|
| | | <use :xlink:href="`#${item.rules[0].icon}`" />
|
| | | </svg> -->
|
| | | <img class="baseImg" :src="`data:image/png;base64,${item.rules[0].icon_blob}`" alt="">
|
| | | <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${item.rules[0].icon_blob}`" alt="">
|
| | | </div>
|
| | | </div>
|
| | | <div class="double" v-else-if="item.rules.length==2">
|
| | |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
|
| | | <use :xlink:href="`#${rule.icon}`" />
|
| | | </svg> -->
|
| | | <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">
|
| | | <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">
|
| | | </div>
|
| | | </div>
|
| | | <div class="third" v-else-if="item.rules.length==3">
|
| | |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
|
| | | <use :xlink:href="`#${rule.icon}`" />
|
| | | </svg> -->
|
| | | <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">
|
| | | <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">
|
| | | </div>
|
| | | </div>
|
| | | <div class="four" v-else-if="item.rules.length==4">
|
| | |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;">
|
| | | <use :xlink:href="`#${rule.icon}`" />
|
| | | </svg> -->
|
| | | <img class="baseImg" :src="`data:image/png;base64,${rule.icon_blob}`" alt="">
|
| | | <img class="baseImg" :src="item.rules[0].icon_blob.indexOf(',')>0?item.rules[0].icon_blob:`data:image/png;base64,${rule.icon_blob}`" alt="">
|
| | | </div>
|
| | | </div>
|
| | | </div>
|