|
|
@ -9,8 +9,8 @@ |
|
|
|
|
|
|
|
|
<!-- group --> |
|
|
<!-- group --> |
|
|
<div name="fade-group" tag="div" class="tabs-content"> |
|
|
<div name="fade-group" tag="div" class="tabs-content"> |
|
|
<div class="device-item" v-for="(item, index) in tabContentData" :key="item.id" @click="handleDevice(item)" |
|
|
<div class="device-item keep-ratio" v-for="(item, index) in tabContentData" :key="item.id" |
|
|
:style="getStart(index)"> |
|
|
@click="handleDevice(item)" :style="getStart(index)"> |
|
|
<div class="device-icon" |
|
|
<div class="device-icon" |
|
|
:style="{ backgroundImage: `url(${require(`@screen/images/layer/${active}/${item.title}${item.status}.svg`)})`, '--bgColor': `rgba(0, 209, 255, ${item.status ? 0.3 : 0})` }" /> |
|
|
:style="{ backgroundImage: `url(${require(`@screen/images/layer/${active}/${item.title}${item.status}.svg`)})`, '--bgColor': `rgba(0, 209, 255, ${item.status ? 0.3 : 0})` }" /> |
|
|
<span>{{ item.title }}</span> |
|
|
<span>{{ item.title }}</span> |
|
|
|
