|
@@ -112,55 +112,55 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
|
|
|
|
-//例如:import 《组件名称》 from '《组件路径》';
|
|
|
|
-import Paging from "@/components/pagination";
|
|
|
|
|
|
+// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
|
|
|
|
+// 例如:import 《组件名称》 from '《组件路径》';
|
|
|
|
+import Paging from '@/components/pagination'
|
|
export default {
|
|
export default {
|
|
- name: "survey",
|
|
|
|
- //import引入的组件需要注入到对象中才能使用
|
|
|
|
|
|
+ name: 'survey',
|
|
|
|
+ // import引入的组件需要注入到对象中才能使用
|
|
components: {
|
|
components: {
|
|
- Paging,
|
|
|
|
|
|
+ Paging
|
|
},
|
|
},
|
|
- data() {
|
|
|
|
- //这里存放数据
|
|
|
|
|
|
+ data () {
|
|
|
|
+ // 这里存放数据
|
|
return {
|
|
return {
|
|
- informationType: "recentNews",
|
|
|
|
- detail: {},
|
|
|
|
- };
|
|
|
|
|
|
+ informationType: 'recentNews',
|
|
|
|
+ detail: {}
|
|
|
|
+ }
|
|
},
|
|
},
|
|
- //监听属性 类似于data概念
|
|
|
|
|
|
+ // 监听属性 类似于data概念
|
|
computed: {},
|
|
computed: {},
|
|
- //监控data中的数据变化
|
|
|
|
|
|
+ // 监控data中的数据变化
|
|
watch: {},
|
|
watch: {},
|
|
- //方法集合
|
|
|
|
|
|
+ // 方法集合
|
|
methods: {
|
|
methods: {
|
|
- switchType(type) {
|
|
|
|
- this.$router.push({ path: "/information-type", query: { type } });
|
|
|
|
|
|
+ switchType (type) {
|
|
|
|
+ this.$router.push({ path: '/information-type', query: { type } })
|
|
},
|
|
},
|
|
- back() {
|
|
|
|
|
|
+ back () {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
- path: "/information-type",
|
|
|
|
- query: { type: this.detail.navType || "" },
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
|
|
+ path: '/information-type',
|
|
|
|
+ query: { type: this.detail.navType || '' }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
},
|
|
},
|
|
- //生命周期 - 创建完成(可以访问当前this实例)
|
|
|
|
- created() {
|
|
|
|
|
|
+ // 生命周期 - 创建完成(可以访问当前this实例)
|
|
|
|
+ created () {
|
|
// console.log("this.$route.query", this.$route.query);
|
|
// console.log("this.$route.query", this.$route.query);
|
|
- this.detail = this.$route.query;
|
|
|
|
- this.informationType = this.detail.navType;
|
|
|
|
|
|
+ this.detail = this.$route.query
|
|
|
|
+ this.informationType = this.detail.navType
|
|
// console.log("this.detail", this.detail);
|
|
// console.log("this.detail", this.detail);
|
|
},
|
|
},
|
|
- //生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
|
- mounted() {},
|
|
|
|
- beforeCreate() {}, //生命周期 - 创建之前
|
|
|
|
- beforeMount() {}, //生命周期 - 挂载之前
|
|
|
|
- beforeUpdate() {}, //生命周期 - 更新之前
|
|
|
|
- updated() {}, //生命周期 - 更新之后
|
|
|
|
- beforeDestroy() {}, //生命周期 - 销毁之前
|
|
|
|
- destroyed() {}, //生命周期 - 销毁完成
|
|
|
|
- activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
|
|
|
|
-};
|
|
|
|
|
|
+ // 生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
|
+ mounted () {},
|
|
|
|
+ beforeCreate () {}, // 生命周期 - 创建之前
|
|
|
|
+ beforeMount () {}, // 生命周期 - 挂载之前
|
|
|
|
+ beforeUpdate () {}, // 生命周期 - 更新之前
|
|
|
|
+ updated () {}, // 生命周期 - 更新之后
|
|
|
|
+ beforeDestroy () {}, // 生命周期 - 销毁之前
|
|
|
|
+ destroyed () {}, // 生命周期 - 销毁完成
|
|
|
|
+ activated () {} // 如果页面有keep-alive缓存功能,这个函数会触发
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
<style lang='less' scoped>
|
|
<style lang='less' scoped>
|
|
.bg {
|
|
.bg {
|
|
@@ -281,6 +281,15 @@ export default {
|
|
}
|
|
}
|
|
.detail-con {
|
|
.detail-con {
|
|
margin-top: 32px;
|
|
margin-top: 32px;
|
|
|
|
+ /deep/img {
|
|
|
|
+ display:block;
|
|
|
|
+ margin: 10px auto;
|
|
|
|
+ max-height: 400px;
|
|
|
|
+ }
|
|
|
|
+ /deep/video {
|
|
|
|
+ max-width: 100% !important;
|
|
|
|
+ margin: 10px auto;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.bottom-nav {
|
|
.bottom-nav {
|
|
@@ -291,7 +300,7 @@ export default {
|
|
line-height: 61px;
|
|
line-height: 61px;
|
|
.bottom-nav-left,
|
|
.bottom-nav-left,
|
|
.bottom-nav-right {
|
|
.bottom-nav-right {
|
|
- cursor: pointer;
|
|
|
|
|
|
+ cursor: pointer;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
> img {
|
|
> img {
|
|
width: 16px;
|
|
width: 16px;
|