|
|
@@ -0,0 +1,81 @@
|
|
|
+<!-- 场馆漫游 -->
|
|
|
+<template>
|
|
|
+<div class='layout'>
|
|
|
+ <!-- <div class="title"><img :src="`images/title.png`" alt=""></div>
|
|
|
+ <swCard></swCard>
|
|
|
+ <div class="bottom_line"><img :src="`images/scene_bottom.png`" alt=""></div> -->
|
|
|
+</div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
|
|
+//例如：import 《组件名称》 from '《组件路径》';
|
|
|
+// import swCard from '@/components/swCard'
|
|
|
+export default {
|
|
|
+//import引入的组件需要注入到对象中才能使用
|
|
|
+components:{
|
|
|
+ // swCard
|
|
|
+},
|
|
|
+data() {
|
|
|
+//这里存放数据
|
|
|
+return {
|
|
|
+
|
|
|
+};
|
|
|
+},
|
|
|
+//监听属性 类似于data概念
|
|
|
+computed: {},
|
|
|
+//监控data中的数据变化
|
|
|
+watch: {},
|
|
|
+//方法集合
|
|
|
+methods: {
|
|
|
+
|
|
|
+},
|
|
|
+//生命周期 - 创建完成（可以访问当前this实例）
|
|
|
+created() {
|
|
|
+
|
|
|
+},
|
|
|
+//生命周期 - 挂载完成（可以访问DOM元素）
|
|
|
+mounted() {
|
|
|
+
|
|
|
+},
|
|
|
+beforeCreate() {}, //生命周期 - 创建之前
|
|
|
+beforeMount() {}, //生命周期 - 挂载之前
|
|
|
+beforeUpdate() {}, //生命周期 - 更新之前
|
|
|
+updated() {}, //生命周期 - 更新之后
|
|
|
+beforeDestroy() {}, //生命周期 - 销毁之前
|
|
|
+destroyed() {}, //生命周期 - 销毁完成
|
|
|
+activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang='less' scoped>
|
|
|
+//@import url(); 引入公共css类
|
|
|
+.layout {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: url('../../assets/images/inner-bg.png');
|
|
|
+ background-size: cover;
|
|
|
+ overflow: hidden;
|
|
|
+ background-clip: 100% 100%;
|
|
|
+ &::before {
|
|
|
+ content:url('../../assets/images/bottom_icon2.png');
|
|
|
+ position:absolute;
|
|
|
+ bottom:0;
|
|
|
+ right:0;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ position:relative;
|
|
|
+ margin-top:112px;
|
|
|
+ text-align:center;
|
|
|
+ img {
|
|
|
+ width:272px;
|
|
|
+ height:auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bottom_line {
|
|
|
+ position:absolute;
|
|
|
+ bottom:0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+</style>
|
