Compare commits
No commits in common. "2faacc412e6fabe4358a96d70125eb6d75e6dd23" and "3d08b47ed1efcd452f2d61d6e2f30ea6d5c090ae" have entirely different histories.
2faacc412e
...
3d08b47ed1
|
|
@ -42,7 +42,6 @@ export default {
|
|||
*{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font: 14px/1.8 "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;
|
||||
}
|
||||
a{
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -105,7 +105,6 @@ export default {
|
|||
|
||||
<style scoped lang="scss">
|
||||
.aboutUs {
|
||||
min-width: 1300px;
|
||||
margin-bottom: 50px;
|
||||
|
||||
.about_title {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<template>
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<div class="slideshow">
|
||||
<el-carousel trigger="click" height="36.2vw">
|
||||
<el-carousel-item v-for="(item,index) in bannerDate" :key="index">
|
||||
|
|
@ -8,6 +10,8 @@
|
|||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
@ -33,7 +37,6 @@ export default {
|
|||
<style scoped>
|
||||
.slideshow {
|
||||
width: 100%;
|
||||
min-width: 1300px;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,10 @@
|
|||
<template>
|
||||
<div style="min-width: 1300px">
|
||||
<div style=" border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;">
|
||||
<el-row class="fastFind">
|
||||
<div>
|
||||
<div class="fastFind">
|
||||
<el-row type="flex">
|
||||
<el-col :span="4">
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div class="fast_left">
|
||||
<p>
|
||||
快速查找产品
|
||||
|
|
@ -23,10 +26,14 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #e9e9e9;">
|
||||
<el-row class="classify">
|
||||
<div class="classify">
|
||||
<el-row type="flex">
|
||||
<el-col :span="4">
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div :id="'bok_'+findIndex" v-for="(findItem,findIndex) in findList" :key="findIndex">
|
||||
<ul>
|
||||
<li v-for="(childrenItem,childrenIndex) in findItem.children" :key="childrenIndex">
|
||||
|
|
@ -36,6 +43,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -192,32 +200,13 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@media screen and (max-width: 1660px) {
|
||||
.fastFind {
|
||||
width: 1230px !important;
|
||||
}
|
||||
.classify {
|
||||
width: 1230px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1480px) {
|
||||
.fastFind {
|
||||
width: 1100px !important;
|
||||
}
|
||||
.classify {
|
||||
width: 1100px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.current {
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.fastFind {
|
||||
width: 1360px;
|
||||
margin: 0 auto;
|
||||
border-top: 1px solid #e9e9e9;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
background-color: #ffffff;
|
||||
|
||||
.fast_left {
|
||||
|
|
@ -272,9 +261,10 @@ export default {
|
|||
}
|
||||
|
||||
.classify {
|
||||
width: 1360px;
|
||||
margin: 0 auto;
|
||||
padding: 15px 0;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
|
||||
#bok_1 {
|
||||
display: none;
|
||||
|
|
@ -293,7 +283,6 @@ export default {
|
|||
color: #333;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -100,9 +100,8 @@ export default {
|
|||
|
||||
<style scoped lang="scss">
|
||||
.newsCenter {
|
||||
min-width: 1300px;
|
||||
.news_bg {
|
||||
//min-width: 1300px;
|
||||
margin: 0 60px;
|
||||
background: #ffffff url('http://www.yipengtaoci.com/upfiles/images/20181214/15447660862344831.jpg') no-repeat center 0;
|
||||
background-size: cover;
|
||||
height: 380px;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,9 @@
|
|||
<template>
|
||||
<div class="grid">
|
||||
<el-row type="flex">
|
||||
<el-col :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
|
||||
<el-col :span="4">
|
||||
</el-col>
|
||||
<el-col :xs="22" :sm="22" :md="20" :lg="16" :xl="16">
|
||||
<el-row>
|
||||
<el-col :span="16">
|
||||
<el-col :span="8">
|
||||
<div class="grid_left">
|
||||
<a href="">
|
||||
|
|
@ -30,7 +29,6 @@
|
|||
</ul>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
|
@ -78,18 +76,23 @@ export default {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
//.grid_left:hover span:nth-child(2) {
|
||||
// //background-color: red;
|
||||
//}
|
||||
.grid_left {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
transition: all 0.6s;
|
||||
|
||||
a {
|
||||
.pic {
|
||||
img {
|
||||
width: 440px;
|
||||
//z-index: 9;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
span:last-child {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
|
|
@ -104,6 +107,7 @@ export default {
|
|||
text-align: center;
|
||||
background-color: #de832f;
|
||||
border-radius: 100px 100px 100px 100px;
|
||||
//z-index: 999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -154,7 +158,6 @@ export default {
|
|||
overflow: hidden;
|
||||
transition: all 0.6s;
|
||||
}
|
||||
|
||||
img:hover{
|
||||
filter: brightness(85%);
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -11,10 +11,10 @@
|
|||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row type="flex" style="width: 987px;margin: 0 auto">
|
||||
<!-- <el-col :span="4">-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="16" class="tagRow">-->
|
||||
<el-row type="flex">
|
||||
<el-col :span="4">
|
||||
</el-col>
|
||||
<el-col :span="16" class="tagRow">
|
||||
<div>
|
||||
<el-tag
|
||||
v-for="item in tagItems"
|
||||
|
|
@ -23,8 +23,9 @@
|
|||
<a :href="item.href">{{ item.title }}</a>
|
||||
</el-tag>
|
||||
</div>
|
||||
<!-- </el-col>-->
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -80,14 +81,9 @@ export default {
|
|||
background-color: #333;
|
||||
a{
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
}
|
||||
.el-tag:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
.el-tag {
|
||||
|
||||
border: none;
|
||||
margin-right: 10px;
|
||||
padding: 0 12px;
|
||||
|
|
@ -99,7 +95,6 @@ export default {
|
|||
}
|
||||
}
|
||||
.product_show {
|
||||
min-width: 1300px;
|
||||
padding: 60px 0 60px 0;
|
||||
border-top: 1px solid #e9e9e9;
|
||||
background-color: #f1f1f1;
|
||||
|
|
|
|||
|
|
@ -70,31 +70,10 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
//@media screen and (max-width: 1660px) {
|
||||
// .pics {
|
||||
// img {
|
||||
// height: 221px!important;
|
||||
// }
|
||||
// }
|
||||
// .case_example {
|
||||
// width: 1230px !important;
|
||||
// }
|
||||
//}
|
||||
//
|
||||
//@media screen and (max-width: 1480px) {
|
||||
// .pics {
|
||||
// img {
|
||||
// height: 196px!important;
|
||||
// }
|
||||
// }
|
||||
// .case_example {
|
||||
// width: 1100px !important;
|
||||
// }
|
||||
//}
|
||||
.projectCase {
|
||||
height: 970px;
|
||||
.case_bg {
|
||||
min-width: 1300px;
|
||||
margin: 0 60px;
|
||||
background: #ffffff url('http://www.yipengtaoci.com/images/cbg0.jpg') no-repeat center 0;
|
||||
background-size: cover;
|
||||
height: 540px;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
<template>
|
||||
<div class="footer_bg">
|
||||
<el-row type="flex" class="up_footer">
|
||||
<el-col :span="4">
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div class="up_left">
|
||||
<el-image
|
||||
style="margin-bottom: 15px"
|
||||
|
|
@ -24,6 +27,7 @@
|
|||
style="width: 100px; height: 100px"
|
||||
src="http://www.yipengtaoci.com/upfiles/images/20200706/15940289752944272.jpg"></el-image>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row type="flex" class="down_footer">
|
||||
<el-col :span="3">
|
||||
|
|
@ -111,27 +115,16 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@media screen and (max-width: 1660px) {
|
||||
.up_footer {
|
||||
width: 1230px!important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1480px) {
|
||||
.up_footer {
|
||||
width: 1100px!important;
|
||||
}
|
||||
}
|
||||
.footer_bg {
|
||||
height: 276px;
|
||||
width: 100%;
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
min-width: 1300px;
|
||||
|
||||
.up_footer {
|
||||
position: relative;
|
||||
width: 1360px;
|
||||
margin: 0 auto;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
float: left;
|
||||
padding: 50px 0 50px;
|
||||
font-size: 12px;
|
||||
|
||||
|
|
@ -187,8 +180,7 @@ export default {
|
|||
}
|
||||
|
||||
.up_right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,17 +1,22 @@
|
|||
<template>
|
||||
<div style="min-width: 1300px">
|
||||
<div>
|
||||
<div class="header_bg" id="header_bg">
|
||||
<div class="upHeaderBox">
|
||||
<div class="up_header">
|
||||
<el-row type="flex" class="up_header">
|
||||
<el-col :span="4">
|
||||
</el-col>
|
||||
<el-col :span="16" style="z-index: 400;">
|
||||
<span class="up_left">
|
||||
艺鹏瓷砖 —— 拒绝千篇一律，艺术无处不在
|
||||
</span>
|
||||
<span class="up_right">
|
||||
广东祥睿陶瓷有限公司
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="down_header">
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row type="flex" class="down_header">
|
||||
<el-col :span="4">
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div class="down_left">
|
||||
<a href="/">
|
||||
<el-image
|
||||
|
|
@ -34,7 +39,8 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="search_header" id="search_header">
|
||||
<div class="headerItems">
|
||||
|
|
@ -193,28 +199,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@media screen and (max-width: 1660px) {
|
||||
.down_header {
|
||||
width: 1230px!important;
|
||||
}
|
||||
.up_header {
|
||||
width: 1230px!important;
|
||||
}
|
||||
.headerItems {
|
||||
width: 1230px!important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1480px) {
|
||||
.down_header {
|
||||
width: 1100px!important;
|
||||
}
|
||||
.up_header {
|
||||
width: 1100px!important;
|
||||
}
|
||||
.headerItems {
|
||||
width: 1100px!important;
|
||||
}
|
||||
}
|
||||
.header_bg {
|
||||
transition: all 0.6s;
|
||||
height: 130px;
|
||||
|
|
@ -222,13 +206,8 @@ export default {
|
|||
background-color: #111;
|
||||
color: #fff;
|
||||
|
||||
.upHeaderBox {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
.up_header {
|
||||
width: 1360px;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1px solid #333;
|
||||
height: 36px;
|
||||
|
||||
.up_left {
|
||||
|
|
@ -248,12 +227,11 @@ export default {
|
|||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.down_header {
|
||||
width: 1360px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
float: left;
|
||||
padding: 4px 0;
|
||||
z-index: 30;
|
||||
|
||||
|
|
@ -343,13 +321,13 @@ export default {
|
|||
.headerItems {
|
||||
position: relative;
|
||||
padding: 8px 0;
|
||||
width: 1360px;
|
||||
width: 66%;
|
||||
margin: 0 auto;
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding-left: 50px;
|
||||
padding-left: 100px;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
|
|
|
|||
Loading…
Reference in New Issue