|
@@ -8,7 +8,12 @@
|
|
|
:src="require('@/assets/images/exhibition-type-top-bg.png')"
|
|
|
alt=""
|
|
|
/>
|
|
|
- <div class="btn" @click="jumpTo()">线上展览<img :src="require('@/assets/images/exhibition-right-arrow.png')" alt=""/></div>
|
|
|
+ <div class="btn" @click="jumpTo()">
|
|
|
+ 线上展览<img
|
|
|
+ :src="require('@/assets/images/exhibition-right-arrow.png')"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="bottom">
|
|
|
<img
|
|
@@ -72,7 +77,10 @@
|
|
|
<div class="detail-wrapper">
|
|
|
<div class="detail-title">{{ detail.name }}</div>
|
|
|
<div class="detail-desc">
|
|
|
- 展览日期: {{ detail.startTime | dateFormat1('yyyy-MM-yy') }}-{{ detail.endTime | dateFormat1('yyyy-MM-yy') }}
|
|
|
+ 展览日期:
|
|
|
+ {{ detail.startTime | dateFormat1("yyyy-MM-yy") }}-{{
|
|
|
+ detail.endTime | dateFormat1("yyyy-MM-yy")
|
|
|
+ }}
|
|
|
</div>
|
|
|
<div class="detail-con" v-html="detail.content"></div>
|
|
|
</div>
|
|
@@ -85,53 +93,53 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
|
|
|
-//例如:import 《组件名称》 from '《组件路径》';
|
|
|
+// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
|
|
|
+// 例如:import 《组件名称》 from '《组件路径》';
|
|
|
export default {
|
|
|
- name: "exhibition-detail",
|
|
|
- //import引入的组件需要注入到对象中才能使用
|
|
|
+ name: 'exhibition-detail',
|
|
|
+ // import引入的组件需要注入到对象中才能使用
|
|
|
components: {},
|
|
|
- data() {
|
|
|
- //这里存放数据
|
|
|
+ data () {
|
|
|
+ // 这里存放数据
|
|
|
return {
|
|
|
- exhibitionType: "hot",
|
|
|
- detail: {},
|
|
|
- };
|
|
|
+ exhibitionType: 'hot',
|
|
|
+ detail: {}
|
|
|
+ }
|
|
|
},
|
|
|
- //监听属性 类似于data概念
|
|
|
+ // 监听属性 类似于data概念
|
|
|
computed: {},
|
|
|
- //监控data中的数据变化
|
|
|
+ // 监控data中的数据变化
|
|
|
watch: {},
|
|
|
- //方法集合
|
|
|
+ // 方法集合
|
|
|
methods: {
|
|
|
- switchType(type) {
|
|
|
- this.$router.push({ path: "/exhibition-type", query: { type } });
|
|
|
+ switchType (type) {
|
|
|
+ this.$router.push({ path: '/exhibition-type', query: { type } })
|
|
|
},
|
|
|
- back() {
|
|
|
+ back () {
|
|
|
this.$router.push({
|
|
|
- path: "/exhibition-type",
|
|
|
- query: { type: this.detail.navType || "" },
|
|
|
- });
|
|
|
+ path: '/exhibition-type',
|
|
|
+ query: { type: this.detail.navType || '' }
|
|
|
+ })
|
|
|
},
|
|
|
- jumpTo(){
|
|
|
+ jumpTo () {
|
|
|
window.open('http://www.4dmodel.com/SuperTwo/index.html?m=1025')
|
|
|
}
|
|
|
},
|
|
|
- //生命周期 - 创建完成(可以访问当前this实例)
|
|
|
- created() {
|
|
|
- this.detail = this.$route.query;
|
|
|
- this.exhibitionType = this.detail.navType;
|
|
|
+ // 生命周期 - 创建完成(可以访问当前this实例)
|
|
|
+ created () {
|
|
|
+ this.detail = this.$route.query
|
|
|
+ this.exhibitionType = this.detail.navType
|
|
|
},
|
|
|
- //生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
- mounted() {},
|
|
|
- beforeCreate() {}, //生命周期 - 创建之前
|
|
|
- beforeMount() {}, //生命周期 - 挂载之前
|
|
|
- beforeUpdate() {}, //生命周期 - 更新之前
|
|
|
- updated() {}, //生命周期 - 更新之后
|
|
|
- beforeDestroy() {}, //生命周期 - 销毁之前
|
|
|
- destroyed() {}, //生命周期 - 销毁完成
|
|
|
- activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
|
|
|
-};
|
|
|
+ // 生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
+ mounted () {},
|
|
|
+ beforeCreate () {}, // 生命周期 - 创建之前
|
|
|
+ beforeMount () {}, // 生命周期 - 挂载之前
|
|
|
+ beforeUpdate () {}, // 生命周期 - 更新之前
|
|
|
+ updated () {}, // 生命周期 - 更新之后
|
|
|
+ beforeDestroy () {}, // 生命周期 - 销毁之前
|
|
|
+ destroyed () {}, // 生命周期 - 销毁完成
|
|
|
+ activated () {} // 如果页面有keep-alive缓存功能,这个函数会触发
|
|
|
+}
|
|
|
</script>
|
|
|
<style lang='less' scoped>
|
|
|
.bg {
|
|
@@ -167,10 +175,10 @@ export default {
|
|
|
font-weight: 400;
|
|
|
color: #ffffff;
|
|
|
cursor: pointer;
|
|
|
- >img {
|
|
|
+ > img {
|
|
|
position: absolute;
|
|
|
right: 20px;
|
|
|
- top:14px;
|
|
|
+ top: 14px;
|
|
|
width: 29px;
|
|
|
height: 29px;
|
|
|
}
|
|
@@ -278,6 +286,13 @@ export default {
|
|
|
}
|
|
|
.detail-con {
|
|
|
margin-top: 62px;
|
|
|
+ /deep/ p {
|
|
|
+ text-indent: 2em;
|
|
|
+ }
|
|
|
+ /deep/ img {
|
|
|
+ margin-left: -34px;
|
|
|
+ max-width: 696px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|