From 9b1e7a581891d869c8677366bcdc7f7f722fe27b Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期一, 25 九月 2023 19:15:37 +0800
Subject: [PATCH] "组件拆分"
---
/dev/null | 156 -------
src/views/goodsCard/index.vue | 278 +++----------
src/components/carouselImg/index.vue | 0
src/views/home/HomePage.vue | 593 +----------------------------
src/components/contactUs/index.vue | 0
src/components/bottomRail/index.vue | 0
src/App.vue | 2
src/components/header/index.vue | 124 ++++++
src/views/recommend/index.vue | 0
9 files changed, 230 insertions(+), 923 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 4ec60a0..505afe3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
</template>
<script>
-import HomePage from '@/components/home/HomePage.vue'
+import HomePage from '@/views/home/HomePage.vue'
export default {
name: 'App',
diff --git a/src/components/bottomRail/bottomRail.vue b/src/components/bottomRail/index.vue
similarity index 100%
rename from src/components/bottomRail/bottomRail.vue
rename to src/components/bottomRail/index.vue
diff --git a/src/components/carouselImg/carouselImg.vue b/src/components/carouselImg/index.vue
similarity index 100%
rename from src/components/carouselImg/carouselImg.vue
rename to src/components/carouselImg/index.vue
diff --git a/src/components/contactUs/contactUs.vue b/src/components/contactUs/index.vue
similarity index 100%
rename from src/components/contactUs/contactUs.vue
rename to src/components/contactUs/index.vue
diff --git a/src/components/goodsCard/goodsInfo/goodsInfo.vue b/src/components/goodsCard/goodsInfo/goodsInfo.vue
deleted file mode 100644
index 1998b09..0000000
--- a/src/components/goodsCard/goodsInfo/goodsInfo.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<template>
- <div>
- <div class="box_card_wrap">
- <div class="box_card" v-for="(item, index) in goodsAiInfo" :key="index">
- <div class="box_card_top">
- <h4>{{ item.classify }}</h4>
- <h3>{{ item.classifyTitle }}</h3>
- <p>
- {{ item.brief }}
- </p>
- </div>
-
- <div class="box_card_bottom">
- <p class="new_price_box">
- <span>{{ item.currency }}</span>
- <span>{{
- item.newPrice.substring(0, item.newPrice.indexOf("."))
- }}</span>
- <span
- >.{{
- item.newPrice.substring(item.newPrice.indexOf(".") + 1)
- }}</span
- >
- <span> /3</span>
- <span>骞�</span>
- </p>
- <p class="old_price_box">
- <del><span>锟�</span><span>1198.00</span></del>
- </p>
- </div>
- <div class="box_card_bottom btnShow">
- <el-button>绔嬪嵆璐拱</el-button>
- </div>
- </div>
- </div>
- </div>
-</template>
-
-<script>
-export default {
- props: ["goodsAiInfo"],
- data() {
- return {};
- },
- computed: {},
- created() {},
- mounted() {},
- watch: {},
- methods: {},
- components: {},
-};
-</script>
-
-<style scoped lang="scss">
-* {
- margin: 0;
- padding: 0;
-}
-.box_card_wrap {
- height: 600px;
- display: flex;
- flex-wrap: wrap;
- .box_card {
- width: 33.3%;
- height: 50%;
- box-sizing: border-box;
- border: 0.5px solid #e4e7ed;
- margin: 0;
- padding: 0;
- border-radius: 0;
- position: relative;
- overflow: hidden;
- .box_card_top {
- width: 100%;
- padding: 20px;
- height: 75%;
- box-sizing: border-box;
- h4 {
- width: 75px;
- height: 25px;
- line-height: 25px;
- background: #f9f9f9;
- text-align: center;
- border-radius: 5px;
- font-size: 14px;
- font-weight: normal;
- color: #999999;
- }
- h4:hover {
- background: #f2f2f2;
- }
- h3 {
- color: #333333;
- font-weight: normal;
- font-size: 16px;
- padding: 20px 0;
- }
- p {
- font-size: 14px;
- color: #999999;
- }
- }
- .box_card_bottom {
- padding: 0 20px;
- height: 25%;
- box-sizing: border-box;
- .new_price_box {
- span:nth-of-type(2) {
- font-size: 24px;
- }
- span:nth-of-type(-n + 3) {
- color: #ff6a00;
- }
- }
- .old_price_box {
- color: #d6d6d6;
- }
- }
- .btnShow {
- padding: 0;
- width: 100%;
- height: 0;
- position: absolute;
- bottom: 0;
- left: 0;
- // display: none;
- transition: height 0.3s ease-in-out;
- .el-button {
- display: block;
- width: 100%;
- // height: 100px !important;
-
- height: 0;
- background: #fa640a;
- font-size: 18px;
- color: #fff;
- }
- }
- }
- .box_card:hover {
- .box_card_bottom {
- height: 100px;
- display: none;
- }
- .btnShow {
- display: block !important;
- .el-button{
- height: 100%;
- }
- }
- }
- .box_card:nth-of-type(n + 4) {
- border-top: none;
- }
-}
-</style>
diff --git a/src/components/header/index.vue b/src/components/header/index.vue
new file mode 100644
index 0000000..8c1594d
--- /dev/null
+++ b/src/components/header/index.vue
@@ -0,0 +1,124 @@
+<template>
+ <div id="header_wrap">
+ <div class="header">
+ <div class="center">
+ <div class="topleft">
+ <img src="../../../public/image/home/浣嶅浘@3x.png" alt="" />
+ <input type="text" placeholder="鏅烘収宸ュ巶" />
+ <span>鎼滅储</span>
+ </div>
+ <div class="topright">
+ <a href="">棣栭〉</a>
+ <a href="http://192.168.20.119:9080/login">鏅烘収宸ュ巶</a>
+ <a href="">绠＄悊涓績</a>
+ <a href="">绠楁硶</a>
+ <a href="">搴旂敤</a>
+ <a href="">绠＄悊鏈嶅姟</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ props: {},
+ data() {
+ return {};
+ },
+ computed: {},
+ created() {},
+ mounted() {},
+ watch: {},
+ methods: {},
+ components: {},
+};
+</script>
+
+<style scoped lang="scss">
+#header_wrap {
+ margin: 0 auto;
+ .header {
+ // width: 1920px;
+ width: 100%;
+ height: 94px;
+ display: flex;
+ align-items: center;
+ background: #181f30;
+ // background: pink;
+ box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.12);
+ .center {
+ margin: 0 auto;
+ width: 75%;
+ height: 44px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ .topleft {
+ width: 675px;
+ display: flex;
+ align-items: center;
+ img {
+ width: 106.63px;
+ height: 22px;
+ margin-right: 40px;
+ }
+ input {
+ width: 413px;
+ height: 44px;
+ box-sizing: border-box;
+ padding-left: 20px;
+ border: 1.5px solid #ff680d;
+ outline: none;
+ box-shadow: none;
+ font-size: 14px;
+ line-height: 20px;
+ color: rgba(0, 0, 0, 0.9);
+ margin-right: 10px;
+ }
+ input::-webkit-input-placeholder {
+ color: rgba(0, 0, 0, 0.4);
+ }
+ span {
+ text-align: center;
+ width: 104px;
+ height: 44px;
+ background: #ff680d;
+ border-color: #ff680d;
+ box-shadow: none;
+ font-size: 16px;
+ line-height: 44px;
+ color: #fff;
+ cursor: pointer;
+ font-family: PingFangSC-Medium, sans-serif;
+ }
+ }
+ .topright {
+ width: 453px;
+ height: 44px;
+ line-height: 44px;
+ a {
+ margin-left: 40px;
+ font-size: 14px;
+ // color: rgba(0, 0, 0, 0.9);
+ color: #ffffff !important;
+ text-decoration: none;
+ font-family: PingFangSC-Medium, sans-serif;
+ }
+ a:hover {
+ color: #ff680d !important;
+ }
+ :first-child {
+ margin-left: 0;
+ }
+ a:hover,
+ a:visited,
+ a:link,
+ a:active {
+ color: rgba(0, 0, 0, 0.9);
+ }
+ }
+ }
+ }
+}
+</style>
diff --git a/src/components/goodsCard/goodsCard.vue b/src/views/goodsCard/index.vue
similarity index 64%
rename from src/components/goodsCard/goodsCard.vue
rename to src/views/goodsCard/index.vue
index 683b083..be84d62 100644
--- a/src/components/goodsCard/goodsCard.vue
+++ b/src/views/goodsCard/index.vue
@@ -25,8 +25,8 @@
</div>
<div class="project">
<ul>
- <div>浜у搧鐗圭偣</div>
- <div >
+ <div style="margin-top: 50px">浜у搧鐗圭偣</div>
+ <div>
<li v-for="(item1, index1) in item.trait" :key="index1">
{{ item1 }}
</li>
@@ -34,59 +34,6 @@
</ul>
</div>
</div>
- <!-- <div v-show="item.goodsRightShow === 2" class="goods_card_tab">
- <div class="pane_top">
- <el-button @click="tab1">鏅烘収缁堢绯诲垪1</el-button>
- <el-button @click="tab2">鏅烘収缁堢绯诲垪2</el-button>
- </div>
- <el-carousel trigger="click" arrow="never" ref="carousel">
- <el-carousel-item
- v-for="(pageItem, pageIndex) in item.series"
- :key="pageIndex"
- >
- <div class="pane_box_wrap">
- <div class="pane_left">
- <p>{{ pageItem.goodsVersions }}</p>
- <p class="tinge" style="color: #999">
- {{ pageItem.introduce }}
- </p>
- <br />
- <el-button>绔嬪嵆鍜ㄨ</el-button>
- <el-button>绔嬪嵆璐拱</el-button>
- <div></div>
- <h4>鐗圭偣</h4>
- <ul>
- <div style="display: flex; flex-wrap: wrap">
- <li
- v-for="(item2, index2) in pageItem.trait"
- :key="index2"
- >
- {{ item2 }}
- </li>
- </div>
- </ul>
- <h4>閰嶇疆</h4>
- <ul>
- <li
- v-for="(item3, index3) in pageItem.Configure"
- :key="index3"
- >
- {{ item3 }}
- </li>
- </ul>
- </div>
- <div class="pane_right">
- <img
- :src="
- require(`../../../public/image/home/projectImg/${pageItem.imgSrc}`)
- "
- alt=""
- />
- </div>
- </div>
- </el-carousel-item>
- </el-carousel>
- </div> -->
<div
v-show="item.goodsRightShow === 2"
@@ -94,148 +41,51 @@
>
<div class="right boot">
<div class="top">
- <div>鏅烘収缁堢绯诲垪1</div>
- <div>鏅烘収缁堢绯诲垪1</div>
+ <div @click="tab1">鏅烘収缁堢绯诲垪1</div>
+ <div @click="tab2">鏅烘収缁堢绯诲垪2</div>
</div>
+ <el-carousel
+ trigger="click"
+ ref="carouselpage"
+ arrow="never">
+ <el-carousel-item v-for="(itemPage,indexpage) in terminalData" :key="indexpage" >
<h2>
- 閫氳繃鍦ㄦ瘡涓�涓伐搴忕殑璁惧鎴栨満鍙板悎閫備綅缃紝瀹夎瑙︽懜鏅鸿兘缁堢璁惧锛岀敤浜庡皢鎺掍骇浠诲姟涓嬪彂鑷虫瘡涓�涓櫤鑳界粓绔睆骞�
+ {{itemPage.info}}
</h2>
<div class="button">
<div class="go">绔嬪嵆璐拱</div>
<div class="in">绔嬪嵆鍜ㄨ</div>
</div>
+ <div style="display:flex;align-items:center;justify-content:space-between">
<div class="project">
- <ul >
- <div style="color: #FA640A;">浜у搧浼樺娍</div>
- <li>寤虹珛璁惧鍙拌处銆佽祫浜ф。妗堬紝鎺屾彙璁惧鏁翠釜鍛ㄦ湡鐨勫姩鎬佷俊鎭�</li>
- <li>
- 鏀堕泦璁惧浣跨敤杩囩▼涓殑鍚勭淇℃伅鏁版嵁锛岃嚜鍔ㄦ眹鎬昏繍绠楋紝鐢熸垚鍚勭被涓撲笟鐨勮澶囩鐞嗘姤琛�
- </li>
- <div style="margin-top: 37px;color: #FA640A;">閰嶇疆</div>
- <li>鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2</li>
- <li>64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍</li>
- <li>鍗冨厗 LAN x 4</li>
- </ul>
-
-
+ <ul>
+ <div style="color: #fa640a" >浜у搧浼樺娍</div>
+ <li v-for="(advantage,advantages) in itemPage.advantage" :key="advantages">{{advantage}}</li>
+
+ <div style="margin-top: 37px; color: #fa640a">閰嶇疆</div>
+ <li v-for="disposition in itemPage.disposition " :key="disposition">{{disposition}}</li>
+ </ul>
+ </div>
+ <div style="width:500px;height:300px;margin-right:50px;">
+ <img :src="require(`../../../public/image/home/${itemPage.imgSrc}`)" alt="" style="width:500px">
+ </div>
</div>
+
+ </el-carousel-item>
+ </el-carousel>
</div>
</div>
-
- <!-- <div v-show="item.goodsRightShow === 2" class="goods_card_tab">
- <div class="pane_top">
- <el-button @click="tab1">鏅烘収缁堢绯诲垪1</el-button>
- <el-button @click="tab2">鏅烘収缁堢绯诲垪2</el-button>
- </div>
-
- <el-carousel trigger="click" arrow="never" ref="carousel">
- <el-carousel-item
- v-for="(pageItem, pageIndex) in item.series"
- :key="pageIndex"
- >
- <div class="pane_box_wrap">
- <div class="pane_left">
- <p>{{ pageItem.goodsVersions }}</p>
- <p class="tinge" style="color: #999">
- {{ pageItem.introduce }}
- </p>
- <br />
- <el-button>绔嬪嵆鍜ㄨ</el-button>
- <el-button>绔嬪嵆璐拱</el-button>
- <div></div>
- <h4>鐗圭偣</h4>
- <ul>
- <div style="display: flex; flex-wrap: wrap">
- <li
- v-for="(item2, index2) in pageItem.trait"
- :key="index2"
- >
- {{ item2 }}
- </li>
- </div>
- </ul>
- <h4>閰嶇疆</h4>
- <ul>
- <li
- v-for="(item3, index3) in pageItem.Configure"
- :key="index3"
- >
- {{ item3 }}
- </li>
- </ul>
- </div>
- <div class="pane_right">
- <img
- :src="
- require(`../../../public/image/home/projectImg/${pageItem.imgSrc}`)
- "
- alt=""
- />
- </div>
- </div>
- </el-carousel-item>
- </el-carousel>
-
-
- </div> -->
<div
v-show="item.goodsRightShow === 3"
class="goods_card_right goods_ai"
- >
- <!-- <GoodsInfo :goodsAiInfo="goodsAiInfo"></GoodsInfo> -->
- </div>
- <!-- 绠＄悊涓績 -->
- <!-- <div
- v-show="item.goodsRightShow === 4"
- class="goods_card_right management"
- >
- <el-card shadow="hover" v-for="(i, v) in manageInfo" :key="v">
- <div class="box_card_top">
- <h4>{{ i.classify }}</h4>
- <p>{{ i.classifyTitle }}</p>
- <ul>
- <div style="display: flex; flex-wrap: wrap">
- <div>鍔熻兘鎻忚堪</div>
- <li v-for="(q, qIndex) in i.features" :key="qIndex">
- {{ q }}
- </li>
- </div>
- </ul>
- </div>
- <div class="box_card_bottom">
- <p class="new_price_box">
- <span>{{ i.currency }}</span>
- <span>{{
- i.newPrice.substring(0, i.newPrice.indexOf("."))
- }}</span>
- <span
- >.{{
- i.newPrice.substring(i.newPrice.indexOf(".") + 1)
- }}</span
- >
- <span> /{{ i.dateType }}</span>
- <span> 璧�</span>
- </p>
- <p class="old_price_box">
- <del>
- <span>{{ i.currency }}</span>
- <span>{{ i.oldPrice }}</span>
- </del>
- </p>
- </div>
- <div class="box_card_bottom bottom_show">
- <el-button>绔嬪嵆璐拱</el-button>
- </div>
- </el-card>
- </div> -->
+ ></div>
</div>
</template>
</div>
</template>
<script>
-import GoodsInfo from "./goodsInfo/goodsInfo.vue";
export default {
// props: {},
props: ["cardData"],
@@ -244,8 +94,20 @@
activeName: "first",
goodsRightShow: false, //鏄惁灞曠ず鍙充晶淇℃伅鏍忥紝false:tab椤典笉鏄剧ず
isBtnClass: false,
- // goodsAiInfo: this.cardData[3].cards, //瀛愮粍浠跺崱鐗囨暟鎹�
- // manageInfo: this.cardData[4].cards,
+ terminalData:[
+ {
+ info:"閫氳繃鍦ㄦ瘡涓伐搴忕殑璁惧鎴栨満鍙板悎閫備綅缃紝瀹夎瑙︽懜鏅鸿兘缁堢璁惧锛岀敤浜庡皢鎺掍骇浠诲姟涓嬪彂鑷虫瘡涓�涓櫤鑳界粓绔睆骞曘��",
+ advantage:["寤衡酱璁惧鍙拌处銆佽祫浜ф。妗堬紝鎺屾彙璁惧鏁翠釜鍛ㄦ湡鐨勫姩鎬佷俊鎭�","鏀堕泦璁惧浣库饯杩囩▼涓殑鍚勭淇℃伅鏁版嵁锛屸緝鍔ㄦ眹鎬昏繍绠楋紝鐢熸垚鍚勭被涓撲笟鐨勮澶囩鐞嗘姤琛�"],
+ disposition:["鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2","64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍","鍗冨厗 LAN x 4"],
+ imgSrc:"Group.png"
+ },
+ {
+ info:" 鎼浇涓ら楂樻�ц兘蹇楀己澶勭悊鍣紝鍙彁渚涢珮杈�64T鐨勫嚩鐚涚畻鍔�",
+ advantage:[" Server绯诲垪锛屽叿澶囧崟鍙颁笌闆嗙兢鏈嶅姟","鏀寔绠楀姏铏氭嫙鍖栫鎺э紝楂樼ǔ瀹氭�у崟鏈虹儹澶�"],
+ disposition:["鑻辩壒灏� 蹇楀己 Silver 4114 10鏍稿鐞嗗櫒 x 2","64GB 鍐呭瓨 (16GB x 4) + 480GB SSD 瀛樺偍 + 8TB HDD 瀛樺偍","鍗冨厗 LAN x 4"],
+ imgSrc:"crm.png"
+ }
+ ]
};
},
computed: {},
@@ -254,16 +116,15 @@
watch: {},
methods: {
tab1() {
- console.log(this.$refs.carousel[2], "xxx");
- this.$refs.carousel[2].setActiveItem(0);
+ // console.log(this.$refs, "xxx");
+ this.$refs.carouselpage[3].setActiveItem(0);
+
},
tab2() {
- this.$refs.carousel[2].setActiveItem(1);
+ this.$refs.carouselpage[3].setActiveItem(1);
},
},
- components: {
- GoodsInfo,
- },
+ components: {},
};
</script>
@@ -301,13 +162,13 @@
}
}
::v-deep .el-carousel {
- border-right: 1px solid #e1e1e1;
- border-bottom: 1px solid #e1e1e1;
+ // border-right: 1px solid #e1e1e1;
+ // border-bottom: 1px solid #e1e1e1;
.el-carousel__indicators {
display: none;
}
.el-carousel__container {
- height: 360px;
+ height: 500px;
}
.pane_box_wrap {
display: flex;
@@ -433,11 +294,6 @@
position: relative;
left: 0;
top: 0;
- // background-image: url(../../../public/image/home/缂栫粍\ 10@3x.png);
- // background-size: 520px 280px;
- // background-repeat: no-repeat;
- // background-position-x: right;
- // background-position-y: bottom;
h1 {
font-size: 20px;
@@ -458,14 +314,20 @@
div {
width: 120px;
height: 44px;
- background: #ff680d;
font-size: 16px;
line-height: 44px;
- color: #fff;
text-align: center;
border: 2px solid #ff680d;
cursor: pointer;
+ background: #ff680d;
+ color: #fff;
+ // background: #fff;
+ // color: #ff680d;
}
+ // div:hover{
+ // background: #ff680d;
+ // color: #fff;
+ // }
.in {
background: #fff;
color: #ff680d;
@@ -504,7 +366,6 @@
background-repeat: no-repeat;
background-position-x: left;
background-position-y: top;
- // list-style-image: url(../../../public/image/home/瀵瑰嬀.png);
}
li:hover {
color: #000 !important;
@@ -674,15 +535,23 @@
}
}
}
-.goods_card:nth-of-type(1){
- .goods_card_right{
+.goods_card:nth-of-type(1) {
+ .goods_card_right {
+ background-image: url(../../../public/image/home/缂栫粍\ 10@3x.png);
+ background-size: 718.2px 453.6px;
+ background-repeat: no-repeat;
+ background-position: 90% 60%;
+ }
+}
+.goods_card:nth-of-type(2) {
+ .goods_card_right {
background-image: url(../../../public/image/home/crm.png);
background-size: 576px 327px;
background-repeat: no-repeat;
background-position: 90% 60%;
}
}
-.goods_card:nth-of-type(2){
+.goods_card:nth-of-type(3) {
.goods_card_right {
background-image: url(../../../public/image/home/wms.png);
background-size: 576px 327px;
@@ -812,7 +681,6 @@
background-repeat: no-repeat;
background-position-x: left;
background-position-y: top;
- // list-style-image: url(../../../public/image/home/瀵瑰嬀.png);
}
li:hover {
color: #000 !important;
@@ -832,12 +700,12 @@
}
}
}
-.boot {
- background-image: url(../../../public/image/home/Group.png);
- background-color: #f9f9f8;
- background-size: 533.1px 324px;
- background-position: 90% 55%;
-}
+// .boot {
+// background-image: url(../../../public/image/home/Group.png);
+// background-color: #f9f9f8;
+// background-size: 533.1px 324px;
+// background-position: 90% 55%;
+// }
.card_height {
height: 600px !important;
.right {
diff --git a/src/components/home/HomePage.vue b/src/views/home/HomePage.vue
similarity index 62%
rename from src/components/home/HomePage.vue
rename to src/views/home/HomePage.vue
index 1487009..8891621 100644
--- a/src/components/home/HomePage.vue
+++ b/src/views/home/HomePage.vue
@@ -1,43 +1,10 @@
/<template>
<div id="app">
- <div class="header">
- <div class="center">
- <div class="topleft">
- <img src="../../../public/image/home/浣嶅浘@3x.png" alt="" />
- <input type="text" placeholder="鏅烘収宸ュ巶" />
- <span>鎼滅储</span>
- </div>
- <div class="topright">
- <a href="">棣栭〉</a>
- <a href="http://192.168.20.119:9080/login">鏅烘収宸ュ巶</a>
- <a href="">绠＄悊涓績</a>
- <a href="">绠楁硶</a>
- <a href="">搴旂敤</a>
- <a href="">绠＄悊鏈嶅姟</a>
- </div>
- </div>
- </div>
+ <Header></Header>
<!-- 杞挱 -->
<div style="clear: both">
<CarouselImg></CarouselImg>
</div>
- <!-- <div class="banner">
- <div class="center">
- <h2>SmartAI鏅烘収宸ュ巶绯荤粺</h2>
- <h3>
- 瀹炵幇鐢熶骇娴佺▼鐨勮嚜鍔ㄤ紭鍖栵紝璧嬭兘浼佷笟蹇�熷疄鐜版櫤鑳藉寲鏀归�狅紝鏁板瓧璧嬭兘浼佷笟鐢熶骇鑷姩鍖栧彧鑳藉寲鏀归�犲崌绾э紝鎶㈡姄鏂版棫鍔ㄨ兘杞崲閲嶅ぇ宸ョ▼鏈洪亣锛屽姞蹇敓浜у埗閫犵殑鑷姩鍖栥�佹櫤鑳藉寲寤鸿
- </h3>
- <div class="button">
- <span class="go">绔嬪嵆璐拱</span>
- <span class="cry">鐢宠浣跨敤</span>
- </div>
- <ul class="banners">
- <li></li>
- <li></li>
- <li></li>
- </ul>
- </div>
- </div> -->
<!-- 鍞墠鍜ㄨ -->
<div class="third">
<div class="center">
@@ -58,6 +25,7 @@
</h2>
</div>
<hr />
+
<div>
<img src="../../../public/image/home/浣嶅浘@3x(3).png" alt="" />
<h1>鍞悗鏃犲咖</h1>
@@ -76,79 +44,11 @@
<div class="center">
<h1>鐑棬浜у搧</h1>
<h2>鍒掔嚎浠锋牸涓轰骇鍝佸巻鍙查攢鍞爣浠疯�岄潪鍘熶环</h2>
-
- <!-- <div class="pic">
- <div class="left">
- <h1>SmartAI</h1>
- <h1>鏅烘収宸ュ巶绯荤粺</h1>
- <h2>涓�閿喘涔帮紝瀹炵幇浼佷笟鏅鸿兘鍖栨敼閫�</h2>
- <img src="../../../public/image/home/绠ご.png" alt="" />
- </div>
- <div class="right">
- <h1>鏅烘収宸ュ巶绯荤粺V1.0</h1>
- <h2>
- 鐢熶骇鎺掔▼绯荤粺鏄竴绉嶇敤浜庝紭鍖栫敓浜ф祦绋嬪拰璧勬簮鍒╃敤鐨勫伐鍏凤紝瀹冨彲浠ュ府鍔╁埗閫犱紒涓氭彁楂樼敓浜ф晥鐜囥�侀檷浣庢垚鏈紝骞舵弧瓒冲鎴烽渶姹傘�傞�氳繃灏嗘帓绋嬬粨鏋滀笅鍙戝埌璁惧涓婄殑鏅鸿兘瑙︽懜灞忕粓绔紝宸ュ巶鍙互瀹炴椂鐩戞帶鐢熶骇杩囩▼涓苟璋冩暣鐢熶骇璁″垝
- </h2>
- <div class="button">
- <div class="go">绔嬪嵆璐拱</div>
- </div>
- <div class="project">
- <ul>
- <div>浜у搧鐗圭偣</div>
- <div style="display: flex; flex-wrap: wrap; width: 300px">
- <li>杩囩▼鐩戞帶</li>
- <li>鏁版嵁鍙鍖�</li>
- <li>鍘嗗彶婧簮</li>
- <li>棰勬祴鎬у垎鏋�</li>
- <li>浼樺寲鎻愬崌</li>
- </div>
- </ul>
- <div class="project_img">
- <img
- src="../../../public/image/home/projectImg/projectImg1.png"
- alt=""
- />
- <img
- src="../../../public/image/home/projectImg/projectImg2.png"
- alt=""
- />
- </div>
- </div>
- </div>
- </div> -->
- <div class="pic">
- <div class="left">
- <h1>SmartAI</h1>
- <h1>鏅烘収宸ュ巶绯荤粺</h1>
- <h2>涓�閿喘涔帮紝瀹炵幇浼佷笟鏅鸿兘鍖栨敼閫�</h2>
- <img src="../../../public/image/home/绠ご.png" alt="" />
- </div>
- <div class="right">
- <h1>鏅烘収宸ュ巶绯荤粺V1.0</h1>
- <h2>
- 鐢熶骇鎺掔▼绯荤粺鏄竴绉嶇敤浜庝紭鍖栫敓浜ф祦绋嬪拰璧勬簮鍒╃敤鐨勫伐鍏凤紝瀹冨彲浠ュ府鍔╁埗閫犱紒涓氭彁楂樼敓浜ф晥鐜囥�侀檷浣庢垚鏈紝骞舵弧瓒冲鎴烽渶姹傘�傞�氳繃灏嗘帓绋嬬粨鏋滀笅鍙戝埌璁惧涓婄殑鏅鸿兘瑙︽懜灞忕粓绔紝宸ュ巶鍙互瀹炴椂鐩戞帶鐢熶骇杩囩▼涓苟璋冩暣鐢熶骇璁″垝
- </h2>
- <div class="button">
- <div class="go">绔嬪嵆璐拱</div>
- <div class="in">绔嬪嵆鍜ㄨ</div>
- </div>
- <ul>
- <div>浜у搧浼樺娍</div>
- <li>杩囩▼鐩戞帶</li>
- <li>鏁版嵁鍙鍖�</li>
- <li>鍘嗗彶婧簮</li>
- <li>棰勬祴鎬у垎鏋�</li>
- <li>浼樺寲鎻愬崌</li>
- </ul>
- </div>
- </div>
<!-- 鍟嗗搧鍗＄墖 -->
<GoodsCard :cardData="cardData"></GoodsCard>
- <!-- <el-button @mouseenter="show3 = !show3">Click Me</el-button> -->
</div>
</div>
<!-- AI鐖嗘 -->
-
<div class="sis">
<div class="center">
<h1>AI鐖嗘</h1>
@@ -375,34 +275,22 @@
<!-- 鑱旂郴鎴戜滑 -->
<ContactUs></ContactUs>
</div>
-
<!-- footer -->
<BottomRail></BottomRail>
- <!-- <div class="eight">
- <div class="center">
- <ul>
- <li><a href="">鍏充簬鎴戜滑</a></li>
- <li><a href="">娉曞緥澹版槑</a></li>
- <li><a href="">闅愮鏀跨瓥</a></li>
- <li><a href="">寤夋斂涓炬姤</a></li>
- <li><a href="">鑱旂郴鎴戜滑</a></li>
- <li><a href="">鍔犲叆鎴戜滑</a></li>
- </ul>
- <span> 漏 2009-2019 smartai.com 鐗堟潈鎵�鏈� ICP璇侊細45456566</span>
- </div>
- </div> -->
</div>
</template>
<script>
-import GoodsCard from "../goodsCard/goodsCard.vue";
-import CarouselImg from "../carouselImg/carouselImg.vue";
-import BottomRail from "../bottomRail/bottomRail.vue";
-import ContactUs from "../contactUs/contactUs.vue";
-import Recommends from "@/views/recommend/recommendForYou.vue";
+import Header from "@/components/header/index.vue";
+import GoodsCard from "@/views/goodsCard/index.vue"; //鐑棬浜у搧
+import CarouselImg from "@/components/carouselImg/index.vue"; //杞挱鍥�
+import BottomRail from "@/components/bottomRail/index.vue"; // 搴曟爮
+import ContactUs from "@/components/contactUs/index.vue"; // 鑱旂郴鎴戜滑
+import Recommends from "@/views/recommend/index.vue"; //涓烘偍鎺ㄨ崘
export default {
name: "HomePage",
components: {
+ Header,
CarouselImg,
GoodsCard,
BottomRail,
@@ -417,20 +305,26 @@
show3: true,
// 鐑棬浜у搧
cardData: [
- // {
- // goodsRightShow: 1,
- // haveMindTo: true, //鍜ㄨ銆佽喘涔�
- // title: "SmartAI鏅烘収宸ュ巶绯荤粺",
- // brief: "涓�閿喘涔帮紝瀹炵幇浼佷笟鏅鸿兘鍖栨敼閫�",
- // imgSrc: "绠ご.png",
- // goodsVersions: "鏅烘収宸ュ巶绯荤粺V1.0",
- // introduce:
- // "鐢熶骇鎺掔▼绯荤粺鏄竴绉嶇敤浜庝紭鍖栫敓浜ф祦绋嬪拰璧勬簮鍒╃敤鐨勫伐鍏凤紝瀹冨彲浠ュ府鍔╁埗閫犱紒涓氭彁楂樼敓浜ф晥鐜囥�侀檷浣庢垚鏈紝骞舵弧瓒冲鎴烽渶姹傘�傞�氳繃灏嗘帓绋嬬粨鏋滀笅鍙戝埌璁惧涓婄殑鏅鸿兘瑙︽懜灞忕粓绔紝宸ュ巶鍙互瀹炴椂鐩戞帶鐢熶骇杩囩▼涓苟璋冩暣鐢熶骇璁″垝",
- // trait: ["杩囩▼鐩戞帶", "鏁版嵁鍙鍖�", "鍘嗗彶鏈旀簮","棰勬祴鎬у垎鏋�","浼樺寲鎻愬崌"],
- // },
{
goodsRightShow: 1,
haveMindTo: true, //鍜ㄨ銆佽喘涔�
+ title: "SmartAI鏅烘収宸ュ巶绯荤粺",
+ brief: "涓�閿喘涔帮紝瀹炵幇浼佷笟鏅鸿兘鍖栨敼閫�",
+ imgSrc: "绠ご.png",
+ goodsVersions: "鏅烘収宸ュ巶绯荤粺V1.0",
+ introduce:
+ "鐢熶骇鎺掔▼绯荤粺鏄竴绉嶇敤浜庝紭鍖栫敓浜ф祦绋嬪拰璧勬簮鍒╃敤鐨勫伐鍏凤紝瀹冨彲浠ュ府鍔╁埗閫犱紒涓氭彁楂樼敓浜ф晥鐜囥�侀檷浣庢垚鏈紝骞舵弧瓒冲鎴烽渶姹傘�傞�氳繃灏嗘帓绋嬬粨鏋滀笅鍙戝埌璁惧涓婄殑鏅鸿兘瑙︽懜灞忕粓绔紝宸ュ巶鍙互瀹炴椂鐩戞帶鐢熶骇杩囩▼涓苟璋冩暣鐢熶骇璁″垝",
+ trait: [
+ "杩囩▼鐩戞帶",
+ "鏁版嵁鍙鍖�",
+ "鍘嗗彶鏈旀簮",
+ "棰勬祴鎬у垎鏋�",
+ "浼樺寲鎻愬崌",
+ ],
+ },
+ {
+ goodsRightShow: 1,
+ haveMindTo: true,
title: "CRM瀹㈡埛绠＄悊绯荤粺",
brief: "璧嬭兘鍚勮涓氬疄鐜颁竴浣撳寲鏁板瓧鍖栬浆鍨�",
imgSrc: "绠ご.png",
@@ -441,7 +335,7 @@
},
{
goodsRightShow: 1,
- haveMindTo: true, //鍜ㄨ銆佽喘涔�
+ haveMindTo: true,
title: "WMS鏅鸿兘浠撳偍绠＄悊绯荤粺",
brief: "婊¤冻涓嶅悓琛屼笟涓嶅悓缁忚惀妯″紡鐨勬櫤鑳戒粨鍌ㄧ鐞嗙郴缁�",
imgSrc: "绠ご.png",
@@ -491,130 +385,14 @@
},
],
goodsRightShow: 2,
- haveMindTo: true, //鍜ㄨ銆佽喘涔�
+ haveMindTo: true,
title: "VisionLink锛堟櫤鑳界粓绔級",
brief:
"鏅鸿兘缁堢閫氳繃AI瑙嗛妫�娴嬮噰闆嗘暟鎹強PLC閲囬泦鐢熶骇鏁版嵁銆傛櫤鑳界粓绔噰闆嗙殑瀹炴椂鐢熶骇鏁版嵁浼犻�掔粰绠楁硶锛岀畻娉曠粨鍚堟暟鎹笉鏂皟鏁翠紭鍖栫敓浜т换鍔″強鍒嗛厤绛栫暐銆�",
imgSrc: "绠ご.png",
},
- // {
- // goodsRightShow: 3,
- // haveMindTo: false, //鍜ㄨ銆佽喘涔�
- // title: "AI鐖嗘",
- // brief: "绮惧績鎸戦�夌殑鐑棬绠楁硶鍙婂簲鐢紝鎬绘湁涓�娆鹃�傚悎浣�",
- // imgSrc: "绠ご.png",
- // cards: [
- // {
- // classify: "绠楁硶",
- // classifyTitle: "璐ㄩ噺妫�娴嬬畻娉�",
- // brief:
- // "鍙疄鐜颁骇鍝佽川閲忕鐞嗐�佹暟鎹鐞嗐�佽川閲忔帶鍒跺拰璇樊鍒嗘瀽绛夊姛鑳斤紝鍖呮嫭婧簮鍜岀粺璁°�佹暟鎹寲鎺樼瓑鍔熻兘",
- // currency: "锟�",
- // newPrice: "597.00",
- // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1194.00",
- // },
- // {
- // classify: "绠楁硶",
- // classifyTitle: "璐ㄩ噺妫�娴嬬畻娉�",
- // brief:
- // "鍙疄鐜颁骇鍝佽川閲忕鐞嗐�佹暟鎹鐞嗐�佽川閲忔帶鍒跺拰璇樊鍒嗘瀽绛夊姛鑳斤紝鍖呮嫭婧簮鍜岀粺璁°�佹暟鎹寲鎺樼瓑鍔熻兘",
- // currency: "锟�",
- // newPrice: "597.00",
- // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1194.00",
- // },
- // {
- // classify: "绠楁硶",
- // classifyTitle: "璐ㄩ噺妫�娴嬬畻娉�",
- // brief:
- // "鍙疄鐜颁骇鍝佽川閲忕鐞嗐�佹暟鎹鐞嗐�佽川閲忔帶鍒跺拰璇樊鍒嗘瀽绛夊姛鑳斤紝鍖呮嫭婧簮鍜岀粺璁°�佹暟鎹寲鎺樼瓑鍔熻兘",
- // currency: "锟�",
- // newPrice: "597.00",
- // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1194.00",
- // },
- // {
- // classify: "绠楁硶",
- // classifyTitle: "璐ㄩ噺妫�娴嬬畻娉�",
- // brief:
- // "鍙疄鐜颁骇鍝佽川閲忕鐞嗐�佹暟鎹鐞嗐�佽川閲忔帶鍒跺拰璇樊鍒嗘瀽绛夊姛鑳斤紝鍖呮嫭婧簮鍜岀粺璁°�佹暟鎹寲鎺樼瓑鍔熻兘",
- // currency: "锟�",
- // newPrice: "597.00",
- // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1194.00",
- // },
- // {
- // classify: "绠楁硶",
- // classifyTitle: "璐ㄩ噺妫�娴嬬畻娉�",
- // brief:
- // "鍙疄鐜颁骇鍝佽川閲忕鐞嗐�佹暟鎹鐞嗐�佽川閲忔帶鍒跺拰璇樊鍒嗘瀽绛夊姛鑳斤紝鍖呮嫭婧簮鍜岀粺璁°�佹暟鎹寲鎺樼瓑鍔熻兘",
- // currency: "锟�",
- // newPrice: "597.00",
- // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1194.00",
- // },
- // {
- // classify: "绠楁硶",
- // classifyTitle: "璐ㄩ噺妫�娴嬬畻娉�",
- // brief:
- // "鍙疄鐜颁骇鍝佽川閲忕鐞嗐�佹暟鎹鐞嗐�佽川閲忔帶鍒跺拰璇樊鍒嗘瀽绛夊姛鑳斤紝鍖呮嫭婧簮鍜岀粺璁°�佹暟鎹寲鎺樼瓑鍔熻兘",
- // currency: "锟�",
- // newPrice: "597.00",
- // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1194.00",
- // },
- // ],
- // },
- // {
- // goodsRightShow: 4,
- // haveMindTo: false, //鍜ㄨ銆佽喘涔�
- // title: "绠＄悊涓績",
- // brief: "鎬т环姣旇秴楂樼殑绠＄悊涓績锛屽垰闇�浜у搧涓�閿喘榻愶紝涓嶄粎鐪侀挶杩樼渷蹇�",
- // imgSrc: "绠ご.png",
- // cards: [
- // {
- // classify: "璁惧绠＄悊",
- // classifyTitle: "瀵规墍鏈夎仈缃戠殑璁惧杩涜鍏ㄦ柟浣嶇鐞�",
- // features:["鏀寔璁惧鐨勫熀鏈俊鎭�佺‖浠朵俊鎭�佽祫婧愭儏鍐点�佸畨瑁呯殑绠楁硶/搴旂敤绛夊姛鑳界洃绠�","鏀寔瀵硅澶囪繘琛岄噸鍚�佺郴缁熸竻鐞嗙瓑鎿嶄綔"],
- // brief:"",
- // currency: "锟�",
- // newPrice: "1424.94",
- // // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1676.40",
- // },
- // {
- // classify: "绠楀姏绠＄悊",
- // classifyTitle: "瀵规墍鏈夎仈缃戠殑璁惧杩涜鍏ㄦ柟浣嶇鐞�",
- // features:["鏀寔璁惧鐨勫熀鏈俊鎭�佺‖浠朵俊鎭�佽祫婧愭儏鍐点�佸畨瑁呯殑绠楁硶/搴旂敤绛夊姛鑳界洃绠�","鏀寔瀵硅澶囪繘琛岄噸鍚�佺郴缁熸竻鐞嗙瓑鎿嶄綔"],
- // brief:"",
- // currency: "锟�",
- // newPrice: "1424.94",
- // // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1676.40",
- // },
- // {
- // classify: "缁熻鏌ヨ",
- // classifyTitle: "瀵规墍鏈夎仈缃戠殑璁惧杩涜鍏ㄦ柟浣嶇鐞�",
- // features:["鏀寔璁惧鐨勫熀鏈俊鎭�佺‖浠朵俊鎭�佽祫婧愭儏鍐点�佸畨瑁呯殑绠楁硶/搴旂敤绛夊姛鑳界洃绠�","鏀寔瀵硅澶囪繘琛岄噸鍚�佺郴缁熸竻鐞嗙瓑鎿嶄綔"],
- // brief:"",
- // currency: "锟�",
- // newPrice: "1424.94",
- // // serviceDate: "3",
- // dateType: "骞�",
- // oldPrice: "1676.40",
- // },
- // ],
- // },
],
+ // 涓烘偍鎺ㄨ崘
recommendsData: [
{
title: "璁惧鏁呴殰妫�娴�",
@@ -687,84 +465,9 @@
}
#app {
+ width: 100%;
margin: 0 auto;
- .header {
- width: 1920px;
- height: 94px;
- display: flex;
- background: #181f30;
- box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.12);
- .center {
- height: 44px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- .topleft {
- width: 675px;
- display: flex;
- align-items: center;
- img {
- width: 106.63px;
- height: 22px;
- margin-right: 40px;
- }
- input {
- width: 413px;
- height: 44px;
- box-sizing: border-box;
- padding-left: 20px;
- border: 1.5px solid #ff680d;
- outline: none;
- box-shadow: none;
- font-size: 14px;
- line-height: 20px;
- color: rgba(0, 0, 0, 0.9);
- margin-right: 10px;
- }
- input::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.4);
- }
- span {
- text-align: center;
- width: 104px;
- height: 44px;
- background: #ff680d;
- border-color: #ff680d;
- box-shadow: none;
- font-size: 16px;
- line-height: 44px;
- color: #fff;
- cursor: pointer;
- font-family: PingFangSC-Medium, sans-serif;
- }
- }
- .topright {
- width: 453px;
- height: 44px;
- line-height: 44px;
- a {
- margin-left: 40px;
- font-size: 14px;
- // color: rgba(0, 0, 0, 0.9);
- color: #ffffff !important;
- text-decoration: none;
- font-family: PingFangSC-Medium, sans-serif;
- }
- a:hover {
- color: #ff680d !important;
- }
- :first-child {
- margin-left: 0;
- }
- a:hover,
- a:visited,
- a:link,
- a:active {
- color: rgba(0, 0, 0, 0.9);
- }
- }
- }
- }
+ overflow: hidden;
.banner {
height: 650px;
background-image: url(../../../public/image/home/VCG211377759802@3x.png);
@@ -874,13 +577,10 @@
}
}
.forth {
- // height: 600px;
- // width: 100%;
- // background: #f2f2f2;
display: flex;
align-items: center;
- width: 1920px;
+ width: 100%;
height: 600px;
background: #f2f2f2;
.center {
@@ -1043,209 +743,6 @@
color: rgba(0, 0, 0, 0.9);
font-weight: 500;
}
- // .pic {
- // width: 100%;
- // height: 600px;
- // margin-bottom: 68px;
- // display: flex;
- // .left {
- // width: 20%;
- // height: 100%;
- // box-sizing: border-box;
- // padding: 53px 23px;
- // background: #fa640a;
- // position: relative;
- // left: 0;
- // top: 0;
- // h1 {
- // font-size: 30px;
- // line-height: 42px;
- // color: #fff;
- // }
- // h2 {
- // font-size: 14px;
- // line-height: 20px;
- // color: #fff;
- // margin-top: 30px;
- // font-weight: 500;
- // }
- // img {
- // width: 69px;
- // height: 12.38px;
- // position: absolute;
- // left: 23px;
- // bottom: 98px;
- // }
- // }
- // .right {
- // flex: 1;
- // box-sizing: border-box;
- // padding-left: 59px;
- // padding-top: 50px;
- // border: 1px solid #e1e1e1;
- // position: relative;
- // left: 0;
- // top: 0;
- // // background-image: url(../../../public/image/home/缂栫粍\ 10@3x.png);
- // background-size: 620px 340px;
- // background-repeat: no-repeat;
- // background-position-x: right;
- // background-position-y: bottom;
-
- // .top {
- // margin-top: -20px;
- // width: 364px;
- // height: 46px;
- // margin-bottom: 14px;
- // display: flex;
- // div {
- // width: 50%;
- // height: 100%;
- // background: #fff;
- // font-size: 16px;
- // line-height: 46px;
- // font-weight: 600;
- // box-sizing: border-box;
- // text-align: center;
- // cursor: pointer;
- // }
- // :first-child {
- // border-top: 3px solid #ff680d;
- // }
- // :last-child {
- // font-weight: 500;
- // }
- // }
- // h1 {
- // font-size: 20px;
- // line-height: 28x;
- // color: rgba(0, 0, 0, 0.9);
- // margin-bottom: 12px;
- // }
- // h2 {
- // font-size: 14px;
- // line-height: 20px;
- // width: 93%;
- // color: #999;
- // font-weight: 500;
- // margin-bottom: 24px;
- // }
- // .button {
- // display: flex;
- // div {
- // width: 120px;
- // height: 44px;
- // background: #ff680d;
- // font-size: 16px;
- // line-height: 44px;
- // color: #fff;
- // text-align: center;
- // border: 2px solid #ff680d;
- // cursor: pointer;
- // }
- // .in {
- // background: #fff;
- // color: #ff680d;
- // margin-left: 16px;
- // }
- // }
- // .project {
- // width: 100%;
- // display: flex;
- // justify-content: right;
- // align-items: center;
- // ul {
- // position: absolute;
- // left: 59px;
- // bottom: 48px;
- // display: flex;
- // flex-wrap: wrap;
- // margin-bottom: -20px;
- // div {
- // font-size: 20px;
- // line-height: 28px;
- // color: #999999;
- // margin-bottom: 16px;
- // width: 100%;
- // }
- // li {
- // color: #999999 !important;
- // font-size: 15px;
- // line-height: 21px;
- // color: rgba(0, 0, 0, 0.9);
- // margin-bottom: 19px;
- // padding-left: 29px;
- // padding-right: 5px;
- // list-style: none;
- // background-image: url(../../../public/image/home/瀵瑰嬀.png);
- // background-size: 22px 22px;
- // background-repeat: no-repeat;
- // background-position-x: left;
- // background-position-y: top;
- // // list-style-image: url(../../../public/image/home/瀵瑰嬀.png);
- // }
- // li:hover {
- // color: #000 !important;
- // cursor: pointer;
- // }
- // }
- // .project_img {
- // display: flex;
- // align-items: center;
- // justify-content: center;
- // img {
- // width: 300px;
- // height: 180px;
- // padding-right: 70px;
- // cursor: pointer;
- // }
- // }
- // }
- // }
- // .pane_box {
- // display: flex;
- // align-items: center;
- // justify-content: center;
-
- // .pane_left {
- // width: 50%;
- // box-sizing: border-box;
- // padding: 20px;
- // font-size: 14px;
- // div {
- // border-bottom: 0.5px solid #ccc;
- // padding: 10px 0;
- // }
- // .el-button {
- // border-radius: 0px;
- // width: 120px;
- // height: 44px;
- // background: #ff680d;
- // color: #fff;
- // font-size: 16px;
- // }
- // .tinge {
- // color: #999;
- // }
- // h4 {
- // color: #333;
- // }
- // }
- // .pane_right {
- // width: 50%;
- // text-align: center;
- // img {
- // width: 350px;
- // height: 200px;
- // }
- // }
- // }
- // .boot {
- // background-image: url(../../../public/image/home/浣嶅浘@3x\(4\).png);
- // background-color: #f9f9f8;
- // background-size: 354px 497px;
- // }
- // }
.pic {
width: 100%;
height: 600px;
@@ -1333,25 +830,6 @@
font-weight: 500;
margin-bottom: 24px;
}
- .button {
- display: flex;
- div {
- width: 120px;
- height: 44px;
- background: #ff680d;
- font-size: 16px;
- line-height: 44px;
- color: #fff;
- text-align: center;
- border: 2px solid #ff680d;
- cursor: pointer;
- }
- .in {
- background: #fff;
- color: #ff680d;
- margin-left: 16px;
- }
- }
ul {
padding: 0;
position: absolute;
@@ -1387,14 +865,7 @@
}
}
}
- // .fif:after {
- // content: "";
- // height: 0;
- // clear: both;
- // display: block;
- // }
.sis {
- // height: 1021px;
background: #fff;
.center {
> h1 {
diff --git a/src/views/recommend/recommendForYou.vue b/src/views/recommend/index.vue
similarity index 100%
rename from src/views/recommend/recommendForYou.vue
rename to src/views/recommend/index.vue
--
Gitblit v1.8.0