From 6ef2ac92c0d3f79b59b8698274918df830b58b29 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 28 七月 2022 10:20:24 +0800
Subject: [PATCH] 禅道bug
---
src/views/index/index.vue | 84 ++++++++++++++++++++++++++----------------
1 files changed, 52 insertions(+), 32 deletions(-)
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 2157312..5556fe2 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -8,18 +8,20 @@
<div class="bannerLink" @click="jump"></div>
<!-- 杞挱鍥炬帶鍒跺櫒 -->
- <ul class="bannerControl">
- <li
- v-for="(item, index) in bannerList"
- :key="index"
- @click="toggleBanner(index)"
- >
- <button
- class="inner"
- :class="{ active: activeBanner == index }"
- ></button>
- </li>
- </ul>
+ <div class="bannerControl">
+ <ul>
+ <li
+ v-for="(item, index) in bannerList"
+ :key="index"
+ @click="toggleBanner(index)"
+ >
+ <button
+ class="inner"
+ :class="{ active: activeBanner == index }"
+ ></button>
+ </li>
+ </ul>
+ </div>
<div class="overCard">
<div class="heart">
@@ -39,7 +41,7 @@
:class="{ active: activeCommend === 3 }"
@click="selecTab(3)"
>
- <img src="/images/index/绠楁硶.png" alt="" />
+ <img src="/images/index/sdk.png" alt="" />
<div class="label">绠楁硶</div>
</div>
@@ -48,7 +50,7 @@
:class="{ active: activeCommend === 4 }"
@click="selecTab(4)"
>
- <img src="/images/index/搴旂敤.png" alt="" />
+ <img src="/images/index/app.png" alt="" />
<div class="label">搴旂敤</div>
</div>
</div>
@@ -143,19 +145,19 @@
return {
commendCardData: [
{
- img: "/images/index/鍏ㄦ皯浜戣绠�.png",
+ img: "/images/index/compute.png",
title: "鍏ㄦ皯浜戣绠�",
- des: "浜戞湇鍔＄壒鎯狅紝闄愭椂3鎶樿捣锛屼綆鑷�659鍏�/3骞�",
+ des: "浜戞湇鍔＄壒鎯狅紝闄愭椂3鎶樿捣",
router: "/",
},
{
- img: "/images/index/鍞墠鍜ㄨ.png",
+ img: "/images/index/beforeSell.png",
title: "鍞墠鍜ㄨ",
des: "鑷寸數0315-2233066锛岄鍙栨偍鐨勪笓灞炴潈鐩�",
router: "/",
},
{
- img: "/images/index/璇曠敤涓績.png",
+ img: "/images/index/trialCenter.png",
title: "璇曠敤涓績",
des: "绠楁硶鍏嶈垂璇曠敤锛屼负鎮ㄦ彁渚� 0 闂ㄦ瀹炶返鏈轰細",
router: "/trialCenter",
@@ -170,7 +172,7 @@
{
router: "/",
typeId: 1,
- pic: "/images/index/浜戞湇鍔�.png",
+ pic: "/images/index/modelbgc2.png",
name: "浜戞湇鍔�",
desc: "涓�閿喘涔帮紝寮�鍚疉I搴旂敤涔嬫梾",
product: {
@@ -210,7 +212,7 @@
{
router: "/",
typeId: 2,
- pic: "/images/index/杈圭紭璁＄畻璁惧.png",
+ pic: "/images/index/modelbgc.png",
name: "杈圭紭璁＄畻璁惧",
desc:
"涓�绉嶉儴缃插湪杩戝満渚х殑楂樺彲鐢ㄧ殑杞‖涓�浣撲骇鍝侊紝鎻愬崌搴旂敤绋嬪簭鐨勫揩閫熷搷搴旇兘鍔涖�佽妭鐪佸甫瀹芥祦閲忔垚鏈�",
@@ -238,7 +240,7 @@
],
},
],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
{
name: "杈圭紭璁＄畻璁惧2",
@@ -263,7 +265,7 @@
],
},
],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
{
name: "杈圭紭璁＄畻璁惧3",
@@ -288,7 +290,7 @@
],
},
],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
{
name: "杈圭紭璁＄畻璁惧4",
@@ -313,7 +315,7 @@
],
},
],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
{
name: "杈圭紭璁＄畻璁惧5",
@@ -338,7 +340,7 @@
],
},
],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
{
name: "杈圭紭璁＄畻璁惧6",
@@ -363,7 +365,7 @@
],
},
],
- img: "/images/index/璁惧鍥�.png",
+ img: "/images/index/equipment.png",
},
],
},
@@ -406,7 +408,9 @@
},
//杞挱鍥捐烦杞繛鎺�
jump() {
- window.open(this.bannerList[this.activeBanner - 1].url);
+ if (this.bannerList[this.activeBanner].url) {
+ window.open(this.bannerList[this.activeBanner].url);
+ }
},
//鑾峰彇鎺ㄨ崘鍒楄〃
async getRecommend() {
@@ -449,14 +453,22 @@
.bannerControl {
position: absolute;
width: 1280px;
- height: 24px;
+ height: calc(28.18vw - 92px);
+ min-height: 278px;
bottom: 80px;
- top: 462px;
+ top: 62px;
left: 0;
right: 0;
transform: none;
margin: 0 auto;
z-index: 2;
+
+ ul {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ }
li {
display: inline-block;
@@ -489,16 +501,24 @@
top: 60px;
position: absolute;
width: 100%;
- height: 410px;
+ height: calc(28.18vw - 132px);
+ min-height: 236px;
cursor: pointer;
+ z-index: 3;
}
.overCard {
position: absolute;
- top: 394px;
+ height: calc(28.18vw + 38px);
+ min-height: 408px;
width: 100%;
+ top: 62px;
.heart {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
display: flex;
width: 1280px;
margin: 0 auto;
@@ -558,7 +578,7 @@
}
.product {
- background: url("/images/index/鑳屾櫙.png");
+ background: url("/images/index/background.png");
overflow: hidden;
min-width: 1280px;
--
Gitblit v1.8.0