|
@@ -64,16 +64,19 @@
|
|
|
<div class="more" @click="$router.push('/Layout/VisitInfo')">
|
|
<div class="more" @click="$router.push('/Layout/VisitInfo')">
|
|
|
See More
|
|
See More
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="xianlu"></div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 4 -->
|
|
<!-- 4 -->
|
|
|
<div class="box4" v-if="data.galleries">
|
|
<div class="box4" v-if="data.galleries">
|
|
|
-
|
|
|
|
|
|
|
+ <div class="title">Exhibition Galleries</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+// import Swiper from 'swiper';
|
|
|
|
|
+import "swiper/css/swiper.min.css";
|
|
|
import { ImagePreview } from "vant";
|
|
import { ImagePreview } from "vant";
|
|
|
import { dataAll } from "./dataAll";
|
|
import { dataAll } from "./dataAll";
|
|
|
export default {
|
|
export default {
|
|
@@ -91,7 +94,7 @@ export default {
|
|
|
ObjInd: 1,
|
|
ObjInd: 1,
|
|
|
ObjLength: 9,
|
|
ObjLength: 9,
|
|
|
// Gallerise
|
|
// Gallerise
|
|
|
- GalLength:5
|
|
|
|
|
|
|
+ GalLength: 5,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
//监听属性 类似于data概念
|
|
//监听属性 类似于data概念
|
|
@@ -219,7 +222,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.main {
|
|
.main {
|
|
|
- padding: 20px;
|
|
|
|
|
|
|
+ padding: 20px 0;
|
|
|
.title {
|
|
.title {
|
|
|
height: 30px;
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
@@ -233,7 +236,8 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.box1 {
|
|
.box1 {
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+ width: calc(100% - 40px);
|
|
|
|
|
+ margin: 0 auto;
|
|
|
border-bottom: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
|
& > h3 {
|
|
& > h3 {
|
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
@@ -265,6 +269,8 @@ export default {
|
|
|
.box2 {
|
|
.box2 {
|
|
|
padding: 40px 0;
|
|
padding: 40px 0;
|
|
|
border-bottom: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
|
|
|
+ width: calc(100% - 40px);
|
|
|
|
|
+ margin: 0 auto;
|
|
|
.card {
|
|
.card {
|
|
|
transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
|
position: relative;
|
|
position: relative;
|
|
@@ -316,8 +322,12 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.box3 {
|
|
.box3 {
|
|
|
|
|
+ .title {
|
|
|
|
|
+ width: calc(100% - 40px);
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
padding: 40px 0;
|
|
padding: 40px 0;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
|
|
.box3_Obj {
|
|
.box3_Obj {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -343,6 +353,19 @@ export default {
|
|
|
border-radius: 8px;
|
|
border-radius: 8px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .xianlu {
|
|
|
|
|
+ margin: 40px auto 0;
|
|
|
|
|
+ height: 1px;
|
|
|
|
|
+ width: calc(100% - 40px);
|
|
|
|
|
+ background-color: #ccc;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .box4 {
|
|
|
|
|
+ .title {
|
|
|
|
|
+ width: calc(100% - 40px);
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
