first commit

历届学生/fontendseven/项目练习/个人练习/蔡敏/my-project/src/page/about.vue

@@ -0,0 +1,14 @@
+<template>
+    <div class="about">
+        关于
+    </div>
+</template>
+
+<script>
+export default {
+  data () {}
+}
+</script>
+
+<style scoped>
+</style>

历届学生/fontendseven/项目练习/个人练习/蔡敏/my-project/src/page/home.vue

@@ -0,0 +1,46 @@
+<template lang="pug">
+  .home
+    van-tabs(v-model='active' :border="true" line-width="0.32rem" @change="tabChange")
+      van-tab(title='包河Radio')
+        Radio
+      van-tab(title='包河TV')
+        Tv
+      van-tab(title='融媒直播')
+        Live
+</template>
+
+<script>
+import Radio from "@/components/Radio";
+import Tv from "@/components/Tv";
+import Live from "@/components/Live";
+
+export default {
+  data () {
+    return {
+      active: 0
+    }
+  },
+  created () {
+    if (this.$route.query.hasOwnProperty("active")) {
+      this.active = Number(this.$route.query.active)
+    }
+  },
+  methods: {
+    tabChange(index) {
+      this.$router.push({
+        query: {
+          active: index
+        }
+      })
+    }
+  },
+  components: {
+    Radio, Tv, Live
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+@import "~@page/home";
+</style>

历届学生/fontendseven/项目练习/个人练习/蔡敏/my-project/src/page/newsInfo.vue

@@ -0,0 +1,53 @@
+<template lang="pug">
+.newsInfo
+  v-pubHeader
+  div(v-if="Object.keys(newsList).length != 0")
+    .newsContent(:class="show ? 'more' : '' ")
+      .title {{newsList.detail.title}}
+      span {{newsList.detail.update_time}}
+      p(v-html="newsList.detail.content")
+      .loadMore(:class="show ? 'hide' : '' "  @click="show=true" )
+        img(src="../../static/img/select-down.png")
+        .button 打开APP阅读全文
+      
+    v-listTitle(:title="titleOne")
+    v-relevantRecommend(:list="newsList.recommend" ,:theme="theme")
+    v-listTitle(:title="titleTwo")
+    v-comment(:list="newsList.comment")
+
+  
+</template>
+
+<script>
+export default {
+  name: "newsInfo",
+  data() {
+    return {
+      show:false,
+      titleOne:"相关推荐",
+      titleTwo:"全部评论",
+      theme:1,
+      newsList:{},
+      
+    };
+  },
+  created() {
+    this.newsDetail()
+  },
+  methods: {
+    async newsDetail() {
+       this.newsList = await this.$http.index.newsDetail({
+         id:this.$route.query.id
+       })
+       console.log(this.newsList);
+    },
+    
+  },
+  components: {},
+};
+</script>
+
+
+<style lang="less" scoped>
+@import "~@page/newsInfo";
+</style>

历届学生/fontendseven/项目练习/个人练习/蔡敏/my-project/src/page/post.vue

@@ -0,0 +1,92 @@
+<template lang="pug">
+  .post
+    .content
+      v-pubHeader
+      van-swipe(@change='onChange')
+        van-swipe-item(v-for="(v,i) in postList.detail.image" :key="i")
+          img(:src='v')
+        template(#indicator='')
+          .custom-indicator {{ current + 1 }}/{{postList.detail.image.length}}
+      .postText
+         .title
+           img(:src="postList.detail.image_url" )
+           .right
+             span {{postList.detail.nick_name}}
+             p {{postList.detail.update_time}}
+         .item {{postList.detail.content}}
+      v-listTitle(:title="title")
+      v-comment(:list="postList.comment")
+
+      
+</template>
+
+<script>
+export default {
+  name: 'post',
+  data () {
+    return {
+      current:0,
+      title:"全部评论",
+      postList:{}
+    }
+  },
+  created () {
+    this.getPost()
+  },
+  methods: {
+    async getPost () {
+       this.postList = await this.$http.index.interactDetail({
+         id:this.$route.query.id
+       })
+       console.log(this.postList);
+    },
+    onChange(index) {
+      this.current = index;
+    },
+    
+  },
+  components: {}
+}
+</script>
+
+
+<style lang="less" scoped>
+ .custom-indicator {
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+    padding: 2px 5px;
+    font-size: 12px;
+    background: rgba(0, 0, 0, 0.1);
+  }
+  .postText {
+    padding-left: 0.333rem;
+    padding-right: 0.3rem;
+    .title {
+      display: flex;
+      align-items: center;
+      margin-bottom: 0.32rem;
+      img {
+        width: 1rem;
+       	height: 1.093rem;
+         margin-right: 0.213rem;
+         border-radius: 100%;
+      }
+      .right {
+        span {
+          font-size: 0.373rem;
+          color: #333333;
+          margin-bottom: 0.2rem;
+        }
+        p {
+            font-size: 0.32rem;
+            color: #999999;
+        }
+      }
+    }
+    .item {
+      font-size: 0.427rem;
+      color: #333333;
+    }
+  }
+</style>

历届学生/fontendseven/项目练习/个人练习/蔡敏/my-project/src/page/tvInfo.vue

@@ -0,0 +1,48 @@
+<template lang="pug">
+  .tvInfo
+    v-video(ref="video" v-if="videoUrl.length != 0" :url="videoUrl")
+    van-tabs(v-model='active')
+      van-tab(title='频道')
+        TvList()
+      van-tab(title='评论') 评论
+</template>
+
+<script>
+export default {
+  name: 'tvInfo',
+  data () {
+    return {
+      active: 0,
+      videoUrl: []
+    }
+  },
+  created () {
+    var type = ""
+    if (this.$route.query.url.includes("m3u8")) {
+      type = 'application/x-mpegurl'
+    } else if (this.$route.query.url.includes("flv")){
+      type = 'video/flv'
+    }  else if (this.$route.query.url.includes("mp4")) {
+      type = 'video/mp4'
+    }
+
+    this.videoUrl = [
+      {
+        type: type,
+        src: this.$route.query.url
+      }
+    ]
+  },
+  methods: {
+    async getIndex () {
+
+    }
+  },
+  components: {}
+}
+</script>
+
+
+<style lang="less" scoped>
+// @import "~@page/tvInfo.less";
+</style>