|
|
@@ -2,14 +2,18 @@
|
|
|
<template>
|
|
|
<div class="home" @click="showSwitch = false">
|
|
|
<!-- <input type="file" @change="readFile" accept=".xlsx" /> -->
|
|
|
- <div class="title"><img src="@/assets/img/home_title.svg" alt="" /></div>
|
|
|
+ <div class="title"><img src="@/assets/img/biaoti-01.svg" alt="" /></div>
|
|
|
<template v-if="currentData">
|
|
|
<div class="swiper-dom swiper-container" v-if="currentData.list[0] && currentData.list[0].length">
|
|
|
<div class="swiper-wrapper">
|
|
|
<div class="swiper-slide" v-for="i in currentData.list[0]">
|
|
|
<div class="item-box" @click="changeIframe(i)">
|
|
|
<img :src="`resource/img/${i.thumb ? 'thumb/' + i.thumb : '1.png'}`" alt="" />
|
|
|
- <span class="item-name">{{ i.name }}</span>
|
|
|
+ <div class="item-name">
|
|
|
+ <img class="icon" v-if="i.type == '3D'" src="@/assets/img/3d.png" alt="" />
|
|
|
+ <span class="">{{ i.name }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- <img src="@/assets/img/3d.png" alt="" /> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -19,7 +23,10 @@
|
|
|
<div class="swiper-slide" v-for="i in currentData.list[1]">
|
|
|
<div class="item-box" @click="changeIframe(i)">
|
|
|
<img :src="`resource/img/${i.thumb ? 'thumb/' + i.thumb : '1.png'}`" alt="" />
|
|
|
- <span class="item-name">{{ i.name }}</span>
|
|
|
+ <div class="item-name">
|
|
|
+ <span class="">{{ i.name }}</span>
|
|
|
+ <img class="icon" v-if="i.type == '3D'" src="@/assets/img/3d.png" alt="" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -29,7 +36,11 @@
|
|
|
<div class="swiper-slide" v-for="i in currentData.list[2]">
|
|
|
<div class="item-box" @click="changeIframe(i)">
|
|
|
<img :src="`resource/img/${i.thumb ? 'thumb/' + i.thumb : '1.png'}`" alt="" />
|
|
|
- <span class="item-name">{{ i.name }}</span>
|
|
|
+ <div class="item-name">
|
|
|
+ <!-- <img class="icon" v-if="i.type == '2D'" src="@/assets/img/2d.png" alt="" /> -->
|
|
|
+ <img class="icon" v-if="i.type == '3D'" src="@/assets/img/3d.png" alt="" />
|
|
|
+ <span class="">{{ i.name }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -38,7 +49,7 @@
|
|
|
<div class="bottom-controls" @click.stop="" v-if="currentData">
|
|
|
<div class="switch">
|
|
|
<div class="current-item" @click="showSwitch = !showSwitch">
|
|
|
- <span>{{ currentData.name }}</span>
|
|
|
+ <span>{{ filterName(currentData.name) }}</span>
|
|
|
<div :class="{ up: showSwitch }" class="arrow"></div>
|
|
|
</div>
|
|
|
<div class="switch-list" :class="{ open: showSwitch }">
|
|
|
@@ -47,7 +58,7 @@
|
|
|
<span>全部</span>
|
|
|
</div>
|
|
|
<div class="switch-item" :class="{ active: currentData.name == i.name }" @click="changeItem(i, index)" v-for="(i, index) in swiperData">
|
|
|
- <span>{{ i.name }}</span>
|
|
|
+ <span>{{ filterName(i.name) }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -127,7 +138,11 @@ function excelToJsDate(serialNumber) {
|
|
|
|
|
|
return year + "年" + month + "月" + day + "日";
|
|
|
}
|
|
|
-
|
|
|
+const filterName = (name) => {
|
|
|
+ if (!name) return '';
|
|
|
+ console.log(name.split('.'))
|
|
|
+ return name.split('.')[1] || name.split('.')[0];
|
|
|
+};
|
|
|
const procressData = (list) => {
|
|
|
let array = [];
|
|
|
list.forEach((item) => {
|
|
|
@@ -406,6 +421,10 @@ onMounted(() => {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
+ .icon{
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ }
|
|
|
.item-name {
|
|
|
position: absolute;
|
|
|
top: 0;
|
