|
@@ -34,7 +34,7 @@
|
|
<div class="w_1200">
|
|
<div class="w_1200">
|
|
<el-col :span="24" class="top_3">
|
|
<el-col :span="24" class="top_3">
|
|
<el-col :span="24" class="list">
|
|
<el-col :span="24" class="list">
|
|
- <span
|
|
|
|
|
|
+ <div
|
|
class="text"
|
|
class="text"
|
|
v-for="(item, index) in data"
|
|
v-for="(item, index) in data"
|
|
:key="index"
|
|
:key="index"
|
|
@@ -46,8 +46,8 @@
|
|
@mouseover="handleMouseOver(index)"
|
|
@mouseover="handleMouseOver(index)"
|
|
@mouseleave="handleMouseLeave(index)"
|
|
@mouseleave="handleMouseLeave(index)"
|
|
>
|
|
>
|
|
- {{ item.title }}
|
|
|
|
- </span>
|
|
|
|
|
|
+ <div>{{ item.title }}</div>
|
|
|
|
+ </div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</div>
|
|
</div>
|
|
@@ -107,6 +107,7 @@ import { UserStore } from '@/store/user'
|
|
const userStore = UserStore()
|
|
const userStore = UserStore()
|
|
const user = computed(() => userStore.user)
|
|
const user = computed(() => userStore.user)
|
|
const data = ref([])
|
|
const data = ref([])
|
|
|
|
+const info = ref({})
|
|
const configInfo = ref({ logoUrl: [], Unit: [], Code: [] })
|
|
const configInfo = ref({ logoUrl: [], Unit: [], Code: [] })
|
|
const foot = ref({})
|
|
const foot = ref({})
|
|
// 请求
|
|
// 请求
|
|
@@ -158,9 +159,11 @@ const toCommon = (type) => {
|
|
}
|
|
}
|
|
const handleMouseOver = (index) => {
|
|
const handleMouseOver = (index) => {
|
|
data.value[index].hover = true
|
|
data.value[index].hover = true
|
|
|
|
+ info.value = data.value[index]
|
|
}
|
|
}
|
|
const handleMouseLeave = (index) => {
|
|
const handleMouseLeave = (index) => {
|
|
data.value[index].hover = false
|
|
data.value[index].hover = false
|
|
|
|
+ info.value = {}
|
|
const arr = data.value.every((i) => i.hover === false)
|
|
const arr = data.value.every((i) => i.hover === false)
|
|
if (arr) {
|
|
if (arr) {
|
|
for (const val of data.value) {
|
|
for (const val of data.value) {
|
|
@@ -217,7 +220,7 @@ provide('selectMenu', selectMenu)
|
|
|
|
|
|
.image {
|
|
.image {
|
|
height: 40px;
|
|
height: 40px;
|
|
- width: 40px;
|
|
|
|
|
|
+ width: 140px;
|
|
margin: 0 5px 0 0;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
}
|
|
.images {
|
|
.images {
|
|
@@ -268,6 +271,7 @@ provide('selectMenu', selectMenu)
|
|
.top_3 {
|
|
.top_3 {
|
|
margin: 5px 0 0 0;
|
|
margin: 5px 0 0 0;
|
|
.list {
|
|
.list {
|
|
|
|
+ display: flex;
|
|
padding: 10px 0;
|
|
padding: 10px 0;
|
|
.text {
|
|
.text {
|
|
margin: 0 2px 0 0;
|
|
margin: 0 2px 0 0;
|