bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
历届学生/17届课程/团队练手私活项目/h5share_code/src/views/About.vue Normal file
View File

@@ -0,0 +1,15 @@
<template>
<div class="about">
<h3>About.vue页面</h3>
</div>
</template>
<script>
export default {
}
</script>
<style lang="stylus" scoped>
</style>

103
历届学生/17届课程/团队练手私活项目/h5share_code/src/views/Home.vue Normal file
View File

@@ -0,0 +1,103 @@
<template>
<div class="home">
<van-tabs v-model="active" title-inactive-color="#999999" title-active-color="#000000" line-width="0.307rem">
<van-tab title="包河radio"></van-tab>
<van-tab title="包河TV"></van-tab>
<van-tab title="融媒直播"></van-tab>
<van-tab title="组件测试">
<!-- 不要的注释不要删
VideoPlayback 视频 组件
videoBFUrl:String url地址 不传 会有默认
Recommended 相关推荐 组件
judges 排列格式 true 竖排 false 横排
recommendefLists 格式为 Array
OpenComments 打开评论组件
switch:Boolean true 显示 false 关闭
position:string 控制是否定位 block 不定位 fixed 定位到底部
Header 打卡app 组件
pots:string 控制 top 位置 传数数字
Allcomments 评论组件
commentsList:Array 数据
注：对于所有 Array 格式数据
要求为 数组包含对象格式 [{}]
无默认值
-->
<VideoPlayback :videoBFUrl="musicUrls" ref="child"></VideoPlayback>
<button @click="shutChild">暂停</button>
<button @click="showChild">打开</button>
<Recommended judges="true" :recommendefLists="recommendef"></Recommended>
<OpenComments switch="false" position="fixed"></OpenComments>
<Header pots="30"></Header>
<Allcomments :commentsList="allcommendef"></Allcomments>
</van-tab>
</van-tabs>
<router-view />
</div>
</template>
<script>
import VideoPlayback from "@/components/VideoPlayback.vue"
import Recommended from "@/components/Recommended.vue"
import OpenComments from "@/components/OpenComments.vue"
import Header from "@/components/Header.vue"
import Allcomments from "@/components/Allcomments.vue"
export default {
methods: {
showChild () {
this.$refs.child.videoPlay()
},
shutChild () {
this.$refs.child.videoPause()
}
},
data() {
return {
active: 0,
videoUrls:"https://hmbhresources-1251971253.cos.ap-shanghai.myqcloud.com/image/201910/30/videonew/291.mp4",
musicUrls:'http://pili-live-hls.908broadcast.ahtv.cn/908broadcast/908.m3u8?sign=8d1b27d4b57ffcc817e91c9dbf9218a9&t=5df77fbd',
recommendef:[
{
title: "文章标题dsadasdsadsadasdas",
icon: "https://hmbhresources-1251971253.cos.ap-shanghai.myqcloud.com/image/201910/30/videonew/291.bmp",
create_time: "1970-01-01 08:00:00"
},
{
title: "文章标题dsadasdsadsadasdas",
icon: "https://hmbhresources-1251971253.cos.ap-shanghai.myqcloud.com/image/201910/30/videonew/291.bmp",
create_time: "1970-01-01 08:00:00"
},
{
title: "文章标题dsadasdsadsadasdas",
icon: "https://hmbhresources-1251971253.cos.ap-shanghai.myqcloud.com/image/201910/30/videonew/291.bmp",
create_time: "1970-01-01 08:00:00"
},
{
title: "文章标题dsadasdsadsadasdas",
icon: "https://hmbhresources-1251971253.cos.ap-shanghai.myqcloud.com/image/201910/30/videonew/291.bmp",
create_time: "1970-01-01 08:00:00"
},
],
allcommendef: [
{
content: "这是内容这是内容",
create_time: "2017/7/17",
image: "http://hmbhresources-1251971253.cos.ap-shanghai.myqcloud.com/image/201911/13/1573613951969.jpg",
nick_name: "名称",
praise_count: 2
}
]
}
},
components:{
VideoPlayback,
Recommended,
OpenComments,
Header,
Allcomments
}
}
</script>
<style lang="stylus" scoped>
</style>

92
历届学生/17届课程/团队练手私活项目/h5share_code/src/views/Post.vue Normal file
View File

@@ -0,0 +1,92 @@
<template>
<div class="post">
<div class="post_header">
<Header :pots="show"></Header>
</div>
<div class="post_banner">
<van-swipe :autoplay="3000" @change="onChange">
<van-swipe-item v-for="(item,index) in postList.image" :key="index"> <img :src="item"/></van-swipe-item>
<div class="custom-indicator" slot="indicator">
{{ current + 1 }}/6
</div>
</van-swipe>
</div>
<div class="post_content">
<div class="posting">
<div class="post_img">
<img :src="postList.image_url" alt="">
<div class="post_name">
<h4>{{postList.nick_name}}</h4>
<p>{{postList.create_time}}</p>
</div>
</div>
<p>{{postList.content}}</p>
</div>
<div class="interval"></div>
<Allcomments :commentsList="IdData"></Allcomments>
</div>
</div>
</template>
<script>
import Allcomments from "@/components/Allcomments.vue"
import Header from "@/components/Header.vue"
export default {
data() {
return {
show: 'shabi',
current: 0,
postList: [
// {src: 'img/post1.png'},
// {src: 'img/post1.png'},
// {src: 'img/post1.png'},
// {src: 'img/post1.png'},
// {src: 'img/post1.png'},
// {src: 'img/post1.png'}
],
IdData:[]//向子组件发送id
}
},
created() {
this.Post()
},
methods: {
onChange(index) {
this.current = index;
},
/**
* 发送ajax请求
* */
async Post() {
// ajax封装基本案例
var data = await this.$http.postService.getinteractDetail({
id: 123
});
this.postList = data.detail
this.IdData = data.comment
console.log(data.comment)
},
},
components: {
Header,
Allcomments
}
}
</script>
<style lang="stylus" scoped>
@import "~!/post.styl";
</style>

176
历届学生/17届课程/团队练手私活项目/h5share_code/src/views/Read.vue Normal file
View File

@@ -0,0 +1,176 @@
<template>
<div class="read">
<div v-if="newsData.detail != undefined">
<HeaderComponents></HeaderComponents>
<!--渲染标题-->
<div class="top-prove">
<h2>{{newsData.detail.title}}</h2>
<span>{{newsData.detail.publish_time}} 08:00 浏览量{{newsData.detail.viewer_count}}万</span>
</div>
<!--内容-->
<div :class="showTotal ? 'total-introduce' : 'detailed-introduce'">
<div class="intro-content" :title="introduce" ref="desc">
<span class="merchant-desc" v-if="introduce" v-html="newsData.detail.content">
{{newsData.detail.content}}
</span>
<div class="unfold" @click="showTotalIntro" v-if="showExchangeButton">
<img class="unfold_img" @click="none" src="img/open.png" alt="">
</div>
</div>
</div>
<div class="comments" v-if="pd">
<h2>打开APP查看文章</h2>
</div>
<!--相关推荐-->
<RecommendedComponents judges="true" :recommendefLists="allrecommend"></RecommendedComponents>
<!--全部评论-->
<AllcommentsComponents :commentsList="allcommendef"></AllcommentsComponents>
<!--打开APP查看全部评论-->
<OpenCommentsComponents switch="true" position="block"></OpenCommentsComponents>
</div>
</div>
</template>
<script>
import HeaderComponents from "@/components/Header";
import OpenCommentsComponents from "@/components/OpenComments";
import AllcommentsComponents from "@/components/Allcomments";
import RecommendedComponents from "@/components/Recommended";
export default {
data () {
return {
id: this.$route.params.id,
pd: true,
introduce: '',
detail:{},
newsData:{},
//全部评论
allcommendef:[],
// 相关推荐
recommendef:[],
// 是否展示所有文本内容
showTotal: true,
// 显示展开还是收起
exchangeButton: true,
// 是否显示展开收起按钮
showExchangeButton: false,
};
},
mounted () {
this.init();
},
created(){
this.newsRead()
},
methods: {
//ajax
async newsRead(){
var data = await this.$http.newsService.newsService({
id:3
})
console.log(data)
this.newsData = data
this.allcommendef = data.comment
this.allrecommend= data.recommend
},
showTotalIntro () {
// console.log(this.showTotal);
this.showTotal = !this.showTotal;
this.exchangeButton = !this.exchangeButton;
},
getRem () {
// console.log('getRem');
const defaultRem = 16;
let winWidth = window.innerWidth;
// console.log('winWidth:' + winWidth);
let rem = winWidth / 375 * defaultRem;
return rem;
},
init () {
this.introduce = '“小说”一词最早出现于《庄子·外物》：「饰小说以干县令，其于大达亦远矣。」' +
'庄子所谓的「小说」，是指琐碎的言论，与小说观念相差甚远。直至东汉桓谭《新论》：「小说家合残丛小语，' +
'近取譬喻，以作短书，治身理家，有可观之辞。」班固《汉书．艺文志》将「小说家」列为十家之后，其下的定义为：' +
'「小说家者流，盖出于稗官，街谈巷语，道听途说[4]者之所造也。」才稍与小说的意义相近。而中国小说最大的特色，' +
'便自宋代开始具有文言小说与白话小说两种不同的小说系统。文言小说起源于先秦的街谈巷语，是一种小知小道的纪录。' +
'在历经魏晋南北朝及隋唐长期的发展，无论是题材或人物的描写，文言小说都有明显的进步，形成笔记与传奇两种小说类型。' +
'而白话小说则起源于唐宋时期说话人的话本，故事的取材来自民间，主要表现了百姓的生活及思想意识。' +
'但不管文言小说或白话小说都源远流长，呈现各自不同的艺术特色。';
},
none () {
this.pd= false
},
watch: {
'introduce': function () {
this.$nextTick(function () {
// console.log('nextTick');
// 判断介绍是否超过四行
let rem = parseFloat(this.getRem());
// console.log('watch 中的rem', rem);
if (!this.$refs.desc) {
// console.log('desc null');
return;
}
let descHeight = window.getComputedStyle(this.$refs.desc).height.replace('px', '');
// console.log('descHeight:' + descHeight);
// console.log('如果 descHeight 超过' + (5.25 * rem) + '就要显示展开按钮');
if (descHeight > 5.25 * rem) {
// console.log('超过了四行');
// 显示展开收起按钮
this.showExchangeButton = true;
this.exchangeButton = true;
// 不是显示所有
this.showTotal = false;
} else {
// 不显示展开收起按钮
this.showExchangeButton = false;
// 没有超过四行就显示所有
this.showTotal = true;
// console.log('showExchangeButton', this.showExchangeButton);
// console.log('showTotal', this.showTotal);
}
}.bind(this));
}
},
},
components: {
HeaderComponents,
OpenCommentsComponents,
AllcommentsComponents,
RecommendedComponents
},
};
</script>
<style lang="stylus" scoped>
.comments
width 10rem
height 1.693rem
display flex
justify-content center
bottom 0
left 0
h2
width: 9.36rem
height: 1.173rem
background red
border-radius: 0.107rem
border: solid 0.027rem #d0302c
font-size: 0.373rem
display flex
justify-content center
align-items center
color: #fff
letter-spacing: 0rem
font-weight: normal
font-stretch: normal
font-family: PingFangSC-Medium
font-size: 0.373rem
@import "~!/read.styl"
</style>

112
历届学生/17届课程/团队练手私活项目/h5share_code/src/views/Video.vue Normal file
View File

@@ -0,0 +1,112 @@
<template>
<div class="Video_on_demandmo">
<Header pots="top:20px"></Header>
<div class="content" v-if="datalists.detail != undefined">
<div class="videoplay" style="margin-top: 20px">
<VideoPlayback :videoBFUrl="datalists.detail.play_url"></VideoPlayback>
</div>
<h2>
<!-- 香港24小时 | 8月25日发生了什么？暴力局面再次升级-->
{{datalists.detail.title}}
</h2>
<span>
<!-- 2019-04-30 10:45-->
{{items.publish_time}}
</span>
<van-collapse v-model="activeNames" class="introduction_like" accordion>
<van-collapse-item>
<div slot="title" class="introduction" @click=""><img src="img/Star2.png" alt="">收藏</div>
<div slot="title" class="like" v-if="img" @click="imgClicj"><img src="img/Fabulous2.png" alt="">{{datalists.detail.like_count}}</div>
<div slot="title" class="like" v-else><img src="img/Fabulous.png" alt="">{{datalists.detail.like_count}}</div>
<div slot="title" style="padding: 0" class="jianjie">简介 </div>
<p>{{datalists.detail.des}}</p>
</van-collapse-item>
</van-collapse>
<div class="related">
<Recommended judges="false" :recommendefLists="datalists.recommend"></Recommended>
</div>
<div class="videocomment">
<OpenComments switch="false" position="fixed"></OpenComments>
<Allcomments :commentsList="listComment"></Allcomments>
</div>
</div>
</div>
</template>
<script>
//导入包河头部组件
import Header from '@/components/Header.vue'
import Recommended from "@/components/Recommended.vue"
import VideoPlayback from "@/components/VideoPlayback.vue"
import Allcomments from "@/components/Allcomments.vue"
//导入包河的所有评论（无评论时）
import NavbarComponents from "@/components/Allcomments"
import OpenComments from "@/components/OpenComments"
export default {
data() {
return {
activeNames: ['1'],
datalists:[],
items:[],
listComment:[],
img:true
}
},
created(){
this.Video()
this.judge ()
},
methods: {
imgClicj () {
if (this.img) {
this.img = false
this.praise += 1
this.judges = false
} else {
this.img = true
this.praise -= 1
}
},
async Video() {
var data = await this.$http.video.videoplay({
id: 1
});
this.datalists = data
this.items = data.detail
this.listComment = data.comment
console.log(this.items)
},
},
components:{
Header,
NavbarComponents,
OpenComments,
Recommended,
VideoPlayback,
Allcomments
}
}
</script>
<style scoped lang="stylus">
@import "~!/video"
.van-cell
padding 0 !important
div
padding 0 !important
.content
padding 0
margin 0
[class*=van-hairline]::after
position absolute
box-sizing border-box
content ' '
pointer-events none
top -50%
right -50%
bottom -50%
left -50%
border 0 solid #ebedf000
</style>

39
历届学生/17届课程/团队练手私活项目/h5share_code/src/views/demo.vue Normal file
View File

@@ -0,0 +1,39 @@
<template>
<div class="demo">
<h2>我是测试界面，啊哈哈哈哈，我是合肥吴彦祖蜀山区分晏</h2>
</div>
</template>
<script>
export default {
name: "demo",
data(){
return{
id:1,
datslist:[]
}
},
created(){
this.getHomeData()
},
methods:{
async getHomeData() {
/*
* 我是测试的接口，哈哈哈哈哈
* */
var data = await this.$http.homeService.getHomeData({
id:this.id
})
this.datslist = data
console.log(this.datslist)
}
}
}
</script>
<style scoped>
</style>