first commit

历届学生/吴欣阳/项目开发/上课项目/在包河Vue/src/page/About.vue

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

历届学生/吴欣阳/项目开发/上课项目/在包河Vue/src/page/Home.vue

@@ -0,0 +1,43 @@
+<template>
+    <div class="home">
+      <van-tabs v-model="active">
+        <van-tab title="包河Radio">
+          <Radio></Radio>
+        </van-tab>
+        <van-tab title="包河TV">
+          <Tv></Tv>
+        </van-tab>
+        <van-tab title="融媒直播">
+          <Live></Live>
+        </van-tab>
+      </van-tabs>
+    </div>
+</template>
+
+<script>
+
+import Radio from "@/components/Radio"
+import Tv from "@/components/Tv"
+import Live from "@/components/Live"
+
+export default {
+  data() {
+    return {
+      active: 0
+    }
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+  components: {
+    Radio,Tv,Live
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "~@page/Home.less";
+</style>

历届学生/吴欣阳/项目开发/上课项目/在包河Vue/src/page/TvInfo.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="TvInfo">
+    <v-header></v-header>
+    <div class="content">
+      <hls-video :url="source"></hls-video>
+      <van-tabs v-model="active" line-width=" 0.533rem">
+        <van-tab title="频道">
+          <tv-item :is-show="true"></tv-item>
+        </van-tab>
+        <van-tab title="评论">
+          <v-comment :comment="Comment"></v-comment>
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "TvInfo",
+  data() {
+    return {
+      active: 0,
+      source: [],
+      Comment: []
+    }
+  },
+  // watch: {
+  //   '$route' (newVal,oldVal) {
+  //     console.log("路由参数发生改变: ", newVal,oldVal)
+  //     this.source = [
+  //       { type: "video/flv", src: newVal.query.url }
+  //     ];
+  //     console.log("2: ",this.source)
+  //   }
+  // },
+  created() {
+    this.source = [
+      { type: "video/flv", src: this.$route.query.url }
+    ];
+
+    this.liveComment()
+  },
+  methods: {
+
+    async liveComment() {
+      let res = await this.$http.index.liveComment({
+        object_id: this.$route.query.id
+      });
+      this.Comment = res.list
+      console.log(res)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>