|
@@ -3,7 +3,7 @@
|
|
<div :class="deviceType == 'deviceManageInfo' ? 'icons-box1' : 'icons-box'" @mouseleave="resetScroll">
|
|
<div :class="deviceType == 'deviceManageInfo' ? 'icons-box1' : 'icons-box'" @mouseleave="resetScroll">
|
|
<template v-for="(item, key) in listOption" :key="key">
|
|
<template v-for="(item, key) in listOption" :key="key">
|
|
<div class="icon-item">
|
|
<div class="icon-item">
|
|
- <!-- <img :src="item.url" :alt="item.text" /> -->
|
|
|
|
|
|
+ <img :src="item.url" :alt="item.text" />
|
|
<div class="level-text">
|
|
<div class="level-text">
|
|
<div class="all-count">
|
|
<div class="all-count">
|
|
<span>{{ `${item.allText} : ` }}</span>
|
|
<span>{{ `${item.allText} : ` }}</span>
|
|
@@ -67,6 +67,7 @@ watch(
|
|
--image-model_icon-item: url('@/assets/images/themify/deepblue/home-container/configurable/1600.png');
|
|
--image-model_icon-item: url('@/assets/images/themify/deepblue/home-container/configurable/1600.png');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.dz-list {
|
|
.dz-list {
|
|
--image-model_icon-item: url('@/assets/images/home-green/1600.png');
|
|
--image-model_icon-item: url('@/assets/images/home-green/1600.png');
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -128,11 +129,15 @@ watch(
|
|
}
|
|
}
|
|
|
|
|
|
img {
|
|
img {
|
|
- width: 100%;
|
|
|
|
- height: 60px;
|
|
|
|
|
|
+ width: 50px;
|
|
|
|
+ height: 50px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 18px;
|
|
|
|
+ top: -18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.icons-box1 {
|
|
.icons-box1 {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
@@ -142,6 +147,7 @@ watch(
|
|
overflow-y: hidden;
|
|
overflow-y: hidden;
|
|
padding: 5px;
|
|
padding: 5px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
+
|
|
&:hover {
|
|
&:hover {
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
@@ -167,6 +173,7 @@ watch(
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
text-align: center;
|
|
letter-spacing: 1px;
|
|
letter-spacing: 1px;
|
|
|
|
+
|
|
.num-count,
|
|
.num-count,
|
|
.num-count1 {
|
|
.num-count1 {
|
|
font-family: 'douyuFont';
|
|
font-family: 'douyuFont';
|
|
@@ -184,6 +191,7 @@ watch(
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
img {
|
|
img {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 60px;
|
|
height: 60px;
|