|
@@ -1,12 +1,53 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div>
|
3
|
|
- <div class="newsTitle">山东潍坊,高考还剩最后一门,女孩却被同学杀死了湾半岛,与香港隔海相望,西依珠江口,背靠大南山,拥有得天独厚的地理位置</div>
|
4
|
|
- <div
|
5
|
|
- class="msg"
|
6
|
|
- >蛇口位于深圳湾半岛,与香港隔海相望,西依珠江口,背靠大南山,拥有得天独厚的地理位置;作为改革开放的前沿阵地,经过数十年的发展,如今已成为一个融合居住与旅游、本土与国际、富饶与休闲的国际化城区,区域内集中了鲸山别墅九期、双玺花园、兰溪谷等一系列高尚住宅,聚集着一大批具有高品质生活、高消费能力的优质人群,同时也吸引了来自70多个国家和地区,占深圳市60%以上的外籍人士聚居于此,拥有“</div>
|
|
3
|
+ <div class="newsTitle"> {{articles.title}}</div>
|
|
4
|
+ <div class="msg" v-html="articles.content" v-show="articleshow"></div>
|
|
5
|
+ <div class="video" v-show="videoshow">
|
|
6
|
+ <video id="example_video_1" class="video-js vjs-default-skin"
|
|
7
|
+ controls preload="auto" width="640" height="300"
|
|
8
|
+ poster="http://video-js.zencoder.com/oceans-clip.png"
|
|
9
|
+ data-setup='{"example_option":true}' ref="video">
|
|
10
|
+ <source :src="articles.video_url" type='video/mp4' />
|
|
11
|
+ </video>
|
|
12
|
+ </div>
|
7
|
13
|
</div>
|
8
|
14
|
</template>
|
9
|
|
-
|
|
15
|
+ <script>
|
|
16
|
+ import { singleArticleInfo } from "@/api/micro/micro"
|
|
17
|
+ export default{
|
|
18
|
+ data(){
|
|
19
|
+ return{
|
|
20
|
+ articles:[],
|
|
21
|
+ videoshow:false,
|
|
22
|
+ articleshow:true,
|
|
23
|
+ }
|
|
24
|
+ },
|
|
25
|
+ methods:{
|
|
26
|
+ singleArticleInfo(id,orgid){
|
|
27
|
+ singleArticleInfo(id,orgid).then(response=>{
|
|
28
|
+ if(response.data.state == 1){
|
|
29
|
+ var articles = response.data.data.articles;
|
|
30
|
+ console.log("articles是什么",articles)
|
|
31
|
+ this.articles = articles;
|
|
32
|
+ if(articles.video_url != ""){
|
|
33
|
+ this.articleshow = false;
|
|
34
|
+ this.videoshow = true;
|
|
35
|
+ this.$refs.video.src = articles.video_url;
|
|
36
|
+ }
|
|
37
|
+
|
|
38
|
+ }
|
|
39
|
+ })
|
|
40
|
+ }
|
|
41
|
+ },
|
|
42
|
+ created(){
|
|
43
|
+ const id = this.$route.query.id;
|
|
44
|
+ const orgid = this.$route.query.orgid;
|
|
45
|
+ console.log("id是多少",id)
|
|
46
|
+ console.log("orgid是多少",orgid)
|
|
47
|
+ this.singleArticleInfo(id,orgid)
|
|
48
|
+ },
|
|
49
|
+ }
|
|
50
|
+ </script>
|
10
|
51
|
|
11
|
52
|
|
12
|
53
|
<style lang="scss" scoped>
|