first commit

历届学生/18课程/class18_2/项目/练习项目/王一鸣/zaibaohe/pages/about/about.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		关于我
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

历届学生/18课程/class18_2/项目/练习项目/王一鸣/zaibaohe/pages/index/index.vue

@@ -0,0 +1,120 @@
+<template>
+  <view class="content">
+	  
+    <div class="navbar">
+      <div class="left">
+        <image src="../../static/gw_img_logo.png" mode=""></image>
+        <image src="../../static/logo_text_icon.png" mode=""></image>
+      </div>
+      <div class="right">打开</div>
+	  </div>
+
+    <div class="news_content">
+      <div class="newscontent_one">
+        <p class="pp1">{{ newsList.title }}</p>
+        <p class="pp2">{{ newsList.create_time }}</p>
+      </div>
+      <div class="newscontent_tow">
+        <p class="pp3" v-html="newsList.content"></p>
+      </div>
+      <videoDetail :theme="t1" :vlist="Vlist"></videoDetail>
+      <div class="newscontent_tow">
+        <div class="news_comment">
+          <Newscomment :abc="newsListb" ></Newscomment>
+        </div>
+
+      </div>
+    </div>
+   
+    <!-- <image class="logo" src="/static/logo.png"></image>
+    <view class="text-area">
+      <text class="title">{{ title }}</text>
+    </view>
+    <ul>
+      <li
+        v-for="(item, index) in newsList"
+        :key="index"
+        @click="EnterInfo(item)"
+      >
+        {{ item.title }}
+      </li>
+    </ul>
+    <button type="primary" @click="EnterAbout">我是按钮</button> -->
+
+    
+
+  </view>
+</template>
+
+<script>
+ import videoDetail from "@/components/video/videoDetail.vue";
+import Newscomment from '../../components/NewsComment.vue'
+
+export default {
+  data() {
+    return {
+      title: "Hello",
+      newsList: [
+        // { id: 1, title: "哈哈哈1" },
+        // { id: 2, title: "哈哈哈2" },
+        // { id: 3, title: "哈哈哈3" },
+        // { id: 4, title: "哈哈哈4" },
+      ],
+      newsListb:[],
+      re:{},
+			Vlist:[]
+
+    };
+  },
+  created() {
+
+	  // //#ifdef APP-PLUS
+	  // uni.setScreenBrightness({
+		 //  value: 0.5,
+		 //  success: function () {
+			//   console.log('success');
+		 //  }
+	  // });
+	  // //#endif
+
+    this.GetHome();
+  },
+  methods: {
+    async GetHome() {
+      let res = await this.$api.home.home({
+        id:'147'
+      });
+      console.log("res:",res)
+      this.newsList = res.detail
+      this.newsListb = res.comment
+      console.log("this.newsList",this.newsList);
+      this.re = res
+      console.log("re:",this.re);
+			this.Vlist = this.videodata.recommend
+
+      // setTimeout(async ()=>{
+      //   let aaaa = await this.$api.home.home();
+      // },2000)
+    },
+    EnterInfo(i) {
+      uni.navigateTo({
+        url: `/pages/info/info?id=${i.id}&title=${i.title}`,
+      });
+    },
+    EnterAbout() {
+      uni.switchTab({
+        url: "/pages/about/about",
+      });
+    },
+  },
+  components:{  
+			videoDetail,
+     Newscomment
+}
+};
+</script>
+
+<style lang="less" scoped>
+  @import "@/common/less/views/index.less";
+  @import "@/common/less/views/news.less";
+</style>

历届学生/18课程/class18_2/项目/练习项目/王一鸣/zaibaohe/pages/info/info.vue

@@ -0,0 +1,28 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				id: null,
+				title: null
+			}
+		},
+		onLoad(option) {
+			this.id = option.id;
+			this.title = option.title;
+			console.log(this.id)
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

历届学生/18课程/class18_2/项目/练习项目/王一鸣/zaibaohe/pages/videoinfo/videoinfo.vue

@@ -0,0 +1,110 @@
+<template>
+	<view class="videoinfo">
+		<video crossOrigin="*" class="isvideo" :src=play_urls controls></video>
+        <div class="title">
+           {{ videodata.detail && videodata.detail.title }}
+        </div>
+        <p class="time">
+			{{ videodata.detail && videodata.detail.create_time }}
+		</p>
+        <ul class="videobotton">
+           <li>
+             <img src="" alt="">
+             <span>收藏</span>
+           </li>
+           <li class="flex" @click="ishow = !ishow">
+             <img src="" alt="">
+             <span>点赞</span>
+           </li>
+           <li>
+             <img src="" alt="">
+             <span>简介</span>
+           </li>
+        </ul>
+        <div class="hidden" :style=" ishow?'display:block':'display:none' ">
+          {{ des }}
+        </div>
+		<videoDetail :theme="t1" :vlist="Vlist"></videoDetail>
+		<News :abc="videodata.comment"></News>
+	</view>
+</template>
+
+<script>
+ import videoDetail from "@/components/video/videoDetail.vue";
+ import News from "@/components/NewsComment.vue"
+	export default {
+		data() {
+			return {
+				videodata:{},
+				ishow:false,
+				play_urls:'',
+				des:'',
+				Vlist:[]
+			}
+		},
+		created() {
+			this.GetVideoList()
+		},
+		methods: {
+			async GetVideoList() {
+				let res = await this.$api.home.videoList({
+					id: '147'
+				})
+				this.videodata = res
+				this.play_urls = this.videodata.detail.play_url
+				this.des = this.videodata.detail.des
+				this.Vlist = this.videodata.recommend
+				console.log("123", this.videodata);
+			}
+		},
+		components: {
+			videoDetail,
+			News
+		},
+		onLoad(option) {
+			this.id = option.id
+		},
+	}
+</script>
+
+<style lang="less" scoped>
+.videoinfo{
+	 .isvideo{
+      width: 100%;
+	    height: 219.5px;
+    }
+    .title{
+      margin-top: 29.5px;
+      font-size: 18px;
+      color: #333333;
+    }
+    .time{
+      margin-top: 15px;
+      font-size: 12px;
+      color: #999999;
+    }
+    .videobotton{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 9px;
+      .flex{
+        flex: 1;
+        margin-left: 30px;
+      }
+      li{
+        img{}
+        span{
+          font-size: 12px;
+          color: #999999;
+        }
+      }
+    }
+    .hidden{
+      font-size: 14px;
+      color: #999999;
+      margin-top: 21px;
+      
+    }
+}
+</style>