| | |
| | | <div class="wrap-box"> |
| | | <div class="inner"> |
| | | <div class="scenario-icon"> |
| | | <div class="single" v-if="item.rules.length == 1"> |
| | | <div class="single" > |
| | | <div class="svg-wrap"> |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:4rem;"> |
| | | <use :xlink:href="`#${item.rules[0].icon}`" /> |
| | | </svg>--> |
| | | <img |
| | | class="baseImg" |
| | | :src=" |
| | | item.rules[0].icon_blob && |
| | | item.rules[0].icon_blob.indexOf(',') > 0 |
| | | ? item.rules[0].icon_blob |
| | | : `data:image/png;base64,${item.rules[0].icon_blob}` |
| | | " |
| | | src="@/assets/img/容器@1x.png" |
| | | alt |
| | | /> |
| | | </div> |
| | | </div> |
| | | <div class="double" v-else-if="item.rules.length == 2"> |
| | | <!-- <div class="double" v-else-if="item.rules.length == 2"> |
| | | <div |
| | | class="svg-wrap" |
| | | v-for="(rule, index) in item.rules" |
| | | :key="index" |
| | | > |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;"> |
| | | <use :xlink:href="`#${rule.icon}`" /> |
| | | </svg>--> |
| | | <img |
| | | class="baseImg" |
| | | :src=" |
| | |
| | | v-for="(rule, index) in item.rules" |
| | | :key="'t' + index" |
| | | > |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;"> |
| | | <use :xlink:href="`#${rule.icon}`" /> |
| | | </svg>--> |
| | | <img |
| | | class="baseImg" |
| | | :src=" |
| | |
| | | v-for="(rule, index) in item.rules" |
| | | :key="'f' + index" |
| | | > |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:2rem;"> |
| | | <use :xlink:href="`#${rule.icon}`" /> |
| | | </svg>--> |
| | | <img |
| | | class="baseImg" |
| | | :src=" |
| | |
| | | alt |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="scenario-name">{{ item.scene_name }}</div> |
| | | </div> |