theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

直播

Browse Source
This commit is contained in:
luyuan 2020-07-27 17:32:17 +08:00
parent b2d284f666
commit 2ea9b89acc
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
4 changed files with 66 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/index/zhibo-item/index.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="zhibo">
<view class="zhibo" @click="zhibo">
<image class="head" :src="image"></image>
<view class="user">
<view class="name">
@ -71,6 +71,16 @@ export default {
}
},
props:['name','image']
methods:{
zhibo(){
this.$u.route({
url:"/pageB/zhibo/index",
params:{
url:this.url
}
})
}
},
props:['name','image','url']
}
</script>

38
pageB/zhibo/index.vue Normal file
View File

@ -0,0 +1,38 @@
<template>
<view>
<video :src="url" class="vodio" autoplay="true">
</video>
<!-- <view class="user">
<view class="back"></view>
<image></image>
<view>
<text class="name">萨和登</text>
<text class="info">萨大赛大赛大赛大赛大</text>
</view>
<view class="guanzhu">
关注
</view >
</view> -->
</view>
</template>
<style lang="scss" scoped>
.vodio{
width: 100vw;
height: 100vh;
}
</style>
<script>
export default {
name:"zhibo",
data(){
return {
url:""
}
},
onLoad(a){
this.url = a.url
console.log(this.url)
}
}
</script>

69
pages.json
View File

@ -80,6 +80,13 @@
{
"root": "pageB",
"pages": [
{
"path": "zhibo/index",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "follow/index",
"style": {
@ -113,69 +120,20 @@
}
}
},
{
"path": "comment/index",
"style": {
"navigationBarTitleText": "商品评价",
"app-plus":{
"titleNView":{
"backgroundColor":"#ffffff"
}
}
}
},
{
"path": "search/index",
"style": {
"app-plus": {
"titleNView": {
"titleColor": "#333333",
"backgroundColor": "#FFFFFF",
"buttons": [
{
"type":"none",
"text":"搜索",
"float":"right",
"fontSize":"16",
"color": "#FF780F"
}
],
"searchInput": {
"align": "left",
"borderRadius": "15px",
"placeholder": "搜索您需要的商品",
"backgroundColor": "rgb(236,236,236)",
"disabled": false
}
}
}
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
"path": "search/out",
"style": {
"app-plus": {
"titleNView": {
"titleColor": "#333333",
"backgroundColor": "#FFFFFF",
"buttons": [
{
"type":"none",
"text":"搜索",
"float":"right",
"fontSize":"16",
"color": "#FF780F"
}
],
"searchInput": {
"align": "left",
"borderRadius": "15px",
"placeholder": "搜索您需要的商品",
"backgroundColor": "rgb(236,236,236)",
"disabled": false
}
}
}
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
@ -216,6 +174,7 @@
}
}
}
},
{
"path": "cart/index",

4
pages/index/index.vue
View File

@ -39,10 +39,10 @@
<u-swiper mode="dot" :list="zhiboImageSwiper" name="adv_code"></u-swiper>
<view class="list">
<view>
<zhiboItem v-for="item in tabLiveLists.filter((_, index) => !(index&1))" :key="item.live_id" :name="item.store_name" :image="item.cover_img"></zhiboItem>
<zhiboItem v-for="item in tabLiveLists.filter((_, index) => !(index&1))" :key="item.live_id" :name="item.store_name" :image="item.cover_img" :url="item.url"></zhiboItem>
</view>
<view style="margin-left:20rpx">
<zhiboItem v-for="item in tabLiveLists.filter((_, index) => index&1)" :key="item.live_id"></zhiboItem>
<zhiboItem v-for="item in tabLiveLists.filter((_, index) => index&1)" :key="item.live_id" :name="item.store_name" :image="item.cover_img" :url="item.url"></zhiboItem>
</view>
</view>
</view>