This commit is contained in:
weipengfei 2023-09-05 10:43:44 +08:00
commit db0c91f3d9
7 changed files with 1008 additions and 1097 deletions

View File

@ -1,29 +1,25 @@
<template> <template>
<view class="gather"> <view class="gather">
<view @click="selectLocation" v-if="isFshow"> <view @click="selectLocation" v-if="isFshow">
<view
class="site-box flex_a_c_j_sb" <view class="site-box flex_a_c_j_sb" :style="{'background-color':backColor}">
:style="{ 'background-color': backColor }"
> <view :class="['place_wrapper','flex_a_c',isFshow?'sitebox':'']" @click="selectLocation">
<view :class="['place_wrapper', 'flex_a_c', isFshow ? 'sitebox' : '']"> <view :class="['iconfont','icon-weizhi',isFshow?'sitebox':'']" style="color:#000;margin-left: 20rpx;">
<view </view>
:class="['iconfont', 'icon-weizhi', isFshow ? 'sitebox' : '']" <view class="town_name" style="color:#000;">{{street}}</view>
style="margin-left: 20rpx" </view>
> <navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
</view> <view :class="['iconfont','icon-xiaoxi',isFshow?'sitebox':'']" style="color:#000;"></view>
<view class="town_name">{{ street }}</view> </navigator>
</view> </view>
<navigator <!-- <view class="site-box ','flex_a_c_j_sb'" v-if="ishshow">
url="/pages/chat/customer_list/index?type=0" <view class="bg-img">
hover-class="none" <img :src="bgColor" alt="">
> </view>
<view </view> -->
:class="['iconfont', 'icon-xiaoxi', isFshow ? 'sitebox' : '']"
style="color: #fff"
></view>
</navigator>
</view> </view>
</view>
<zbpSwiper <zbpSwiper
:isSelectPlace="true" :isSelectPlace="true"
@ -191,7 +187,7 @@ export default {
columnData: [], columnData: [],
bgColor: '', bgColor: '',
isFshow: false, isFshow: false,
backColor: 'rgba(248, 66, 33, 0)' backColor: 'rgba(252, 252, 252, 0)'
}; };
}, },
computed: { computed: {
@ -242,13 +238,13 @@ export default {
onPageScroll (e) { onPageScroll (e) {
const scrollTop = e.scrollTop; const scrollTop = e.scrollTop;
if (scrollTop <= 20) { if (scrollTop <= 20) {
this.backColor = 'rgba(248, 66, 33, 0)' this.backColor = 'rgba(252, 252, 252, 0)'
this.isFshow = false this.isFshow = false
} else if (20 < scrollTop && scrollTop <= 100) { } else if (20 < scrollTop && scrollTop <= 100) {
this.backColor = 'rgba(248, 66, 33, .5)' this.backColor = 'rgba(252, 252, 252, .5)'
this.isFshow = true this.isFshow = true
} else if (scrollTop > 100) { } else if (scrollTop > 100) {
this.backColor = 'rgba(248, 66, 33, 1)' this.backColor = 'rgba(252, 252, 252, 1)'
this.isFshow = true this.isFshow = true
@ -285,13 +281,13 @@ export default {
if (scrollTop <= 20) { if (scrollTop <= 20) {
this.backColor = 'rgba(248, 66, 33, 0)' this.backColor = 'rgba(252, 252, 252, 0)'
this.isFshow = false this.isFshow = false
} else if (20 < scrollTop && scrollTop <= 100) { } else if (20 < scrollTop && scrollTop <= 100) {
this.backColor = 'rgba(248, 66, 33, .5)' this.backColor = 'rgba(252, 252, 252, .5)'
this.isFshow = true this.isFshow = true
} else if (scrollTop > 100) { } else if (scrollTop > 100) {
this.backColor = 'rgba(248, 66, 33, 1)' this.backColor = 'rgba(252, 252, 252, 1)'
this.isFshow = true this.isFshow = true

View File

@ -5,12 +5,12 @@
<view class="site-box flex_a_c_j_sb" :style="{'background-color':backColor}"> <view class="site-box flex_a_c_j_sb" :style="{'background-color':backColor}">
<view :class="['place_wrapper','flex_a_c',isFshow?'sitebox':'']" @click="selectLocation"> <view :class="['place_wrapper','flex_a_c',isFshow?'sitebox':'']" @click="selectLocation">
<view :class="['iconfont','icon-weizhi',isFshow?'sitebox':'']" style="margin-left: 20rpx;"> <view :class="['iconfont','icon-weizhi',isFshow?'sitebox':'']" style="color:#000;margin-left: 20rpx;">
</view> </view>
<view class="town_name">{{street}}</view> <view class="town_name" style="color:#000;">{{street}}</view>
</view> </view>
<navigator url="/pages/chat/customer_list/index?type=0" hover-class="none"> <navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
<view :class="['iconfont','icon-xiaoxi',isFshow?'sitebox':'']" style="color:#fff;"></view> <view :class="['iconfont','icon-xiaoxi',isFshow?'sitebox':'']" style="color:#000;"></view>
</navigator> </navigator>
</view> </view>
<!-- <view class="site-box ','flex_a_c_j_sb'" v-if="ishshow"> <!-- <view class="site-box ','flex_a_c_j_sb'" v-if="ishshow">
@ -37,78 +37,6 @@
</view> </view>
<view class="goodslist"> <view class="goodslist">
<WaterfallsFlow :wfList='cateGoods' /> <WaterfallsFlow :wfList='cateGoods' />
<!-- <view class="goods">
<view v-for="(item,index) in cateGoods" :key="index">
<view :class="[index%2==0?'goods_item':'goods_items']" @click="gogogo(item)">
<view class="kk" v-if="index%2==0">
<image :src="item.image[0]" mode="aspectFit" style="width:'365rpx';height:251rpx">
</image>
</view>
<view style="width:'365rpx';height:336rpx" v-else>
<image :src="item.image[0]" mode="aspectFit" style="width:'365rpx';height:336rpx">
</image>
</view>
<view class="goods_item_img" v-if="item.video_link.length>0">
<image src="@/static/images/sp.png" mode="aspectFit"></image>
</view>
<view class="botm">
<view class="title">{{item.title}}</view>
<view class="goods_info flex_a_c">
<view class="l_info flex_a_c">
<image :src="(item.author && item.author.avatar) || '/static/images/f.png'"
mode="aspectFit" class="g_img"></image>
<view class="g_name">{{item.author && item.author.nickname}}</view>
</view>
<view class="nice_box" @click.stop="giveStart(item)">
<text class="iconfont"
:class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text>
<text class="collect">{{item.count_start}}</text>
</view>
</view>
</view>
</view>
</view>
</view> -->
<!--<view class="goods">
<view v-for="(item,i) in cateGoods" :key="i" v-if='i%2!=0'>
<view class="goods_item" @click="gogogo(item)">
<view style="height: 251rpx;">
<u--image :src="item.image[0]" width="356rpx" height="251rpx" :showLoading="true"
lazyLoad fade duration="450">
<template v-slot:loading>
<u-loading-icon color="#f5f5f5"></u-loading-icon>
</template>
</u--image>
</view>
<view class="goods_item_img" v-if="item.video_link.length>0">
<image src="@/static/images/sp.png" mode="aspectFit"></image>
</view>
<view class="botm">
<view class="title">{{item.title}}</view>
<view class="goods_info flex_a_c">
<view class="l_info flex_a_c">
<image :src="(item.author && item.author.avatar) || '/static/images/f.png'"
mode="aspectFit" class="g_img"></image>
<view class="g_name">{{item.author && item.author.nickname}}</view>
</view>
<view class="nice_box" @click.stop="giveStart(item)">
<text class="iconfont"
:class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text>
<text class="collect">{{item.count_start}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
-->
</view> </view>
<view class="empty_wrapper" v-if="emptyShow"> <view class="empty_wrapper" v-if="emptyShow">
<u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty> <u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
@ -215,7 +143,7 @@
streeta_id: '', streeta_id: '',
street: '', street: '',
bgColor: '', bgColor: '',
backColor: 'rgba(248, 66, 33, 0)', backColor: 'rgba(252, 252, 252, 0)',
isFshow: false, isFshow: false,
scrollTop: 0, scrollTop: 0,
show: true show: true
@ -226,7 +154,6 @@
this.getCateList() this.getCateList()
this.cateGoods = [] this.cateGoods = []
this.getGoods() this.getGoods()
this.Area() this.Area()
uni.stopPullDownRefresh() uni.stopPullDownRefresh()
}, },
@ -254,7 +181,6 @@
onReachBottom() { onReachBottom() {
if (this.status == 'nomore') return; if (this.status == 'nomore') return;
this.status = 'loading'; this.status = 'loading';
this.where.page = ++this.where.page; this.where.page = ++this.where.page;
this.getGoods() this.getGoods()
}, },
@ -279,15 +205,15 @@
// //
if (scrollTop <= 20) { if (scrollTop <= 20) {
this.backColor = 'rgba(248, 66, 33, 0)' this.backColor = 'rgba(252, 252, 252, 0.0)'
this.isFshow = false this.isFshow = false
this.show = true this.show = true
} else if (20 < scrollTop && scrollTop <= 100) { } else if (20 < scrollTop && scrollTop <= 100) {
this.backColor = 'rgba(248, 66, 33, .5)' this.backColor = 'rgba(255, 255, 255, 0.5)'
this.isFshow = true this.isFshow = true
this.show = false this.show = false
} else if (scrollTop > 100) { } else if (scrollTop > 100) {
this.backColor = 'rgba(248, 66, 33, 1)' this.backColor = 'rgba(252, 252, 252, 1.0)'
this.isFshow = true this.isFshow = true
this.show = false this.show = false
} }
@ -309,7 +235,6 @@
// console.log("header ", scrollTop); // console.log("header ", scrollTop);
// //
this.oldScrollTop = scrollTop; this.oldScrollTop = scrollTop;
//windowHeight //windowHeight
let windowHeight = let windowHeight =
document.documentElement.clientHeight || document.body.clientHeight; document.documentElement.clientHeight || document.body.clientHeight;
@ -322,15 +247,14 @@
// //
// console.log("header "); // console.log("header ");
} }
if (scrollTop <= 20) { if (scrollTop <= 20) {
this.backColor = 'rgba(248, 66, 33, 0)' this.backColor = 'rgba(252, 252, 252, 0.0)'
this.isFshow = false this.isFshow = false
} else if (20 < scrollTop && scrollTop <= 100) { } else if (20 < scrollTop && scrollTop <= 100) {
this.backColor = 'rgba(248, 66, 33, .5)' this.backColor = 'rgba(255, 255, 255, 0.5)'
this.isFshow = true this.isFshow = true
} else if (scrollTop > 100) { } else if (scrollTop > 100) {
this.backColor = 'rgba(248, 66, 33, 1)' this.backColor = 'rgba(252, 252, 252, 1.0)'
this.isFshow = true this.isFshow = true
@ -399,7 +323,7 @@
this.street = e.value[1].name this.street = e.value[1].name
this.$nextTick(() => { this.$nextTick(() => {
this.$bus.$emit('value-updated',e.value[1].name + ',' +e.value[1].code); this.$bus.$emit('value-updated',e.value[1].name + ',' +e.value[1].code);
}) })
@ -478,23 +402,24 @@
graphicLstApi(this.where).then(res => { graphicLstApi(this.where).then(res => {
this.cateGoods.push(...res.data.list) this.cateGoods.push(...res.data.list)
if (res.data.list.length < this.where.limit) this.status = 'nomore' if (res.data.list.length < this.where.limit) this.status = 'nomore'
if (this.where.page == 1 && res.data.list.length <= 0) this.emptyShow = true if (this.where.page == 1 && res.data.list.length <= 0) this.emptyShow = true
if (item) { // if (item) {
if (item.index == 1 && this.cateGoods[0]) { // if (item.index == 1 && this.cateGoods[0]) {
uni.navigateTo({ // uni.navigateTo({
// #ifdef MP || H5 // // #ifdef MP || H5
url: `/pages/short_video/nvueSwiper/index?id=${this.cateGoods[0].community_id}` // url: `/pages/short_video/nvueSwiper/index?id=${this.cateGoods[0].community_id}`
// #endif // // #endif
// #ifdef APP // // #ifdef APP
url: `/pages/short_video/appSwiper/index?id=${this.cateGoods[0].community_id}` // url: `/pages/short_video/appSwiper/index?id=${this.cateGoods[0].community_id}`
// #endif // // #endif
}) // })
} // }
} // }
}) })
}, },
@ -512,6 +437,7 @@
this.cateGoods = [] this.cateGoods = []
this.where.category_id = item.category_id this.where.category_id = item.category_id
this.emptyShow = false this.emptyShow = false
this.status = 'loadmore'
this.where.page = 1 this.where.page = 1
this.getGoods(item) this.getGoods(item)
this.street_id = item.id this.street_id = item.id
@ -529,7 +455,6 @@
type: 'wgs84', type: 'wgs84',
timeout: '10', timeout: '10',
success: (res) => { success: (res) => {
this.isshow = false this.isshow = false
let latitude, longitude; let latitude, longitude;
latitude = res.latitude.toString(); latitude = res.latitude.toString();

View File

@ -15,17 +15,17 @@
<view class="head_tit_r" style="font-size: 29.79rpx;"> <view class="head_tit_r" style="font-size: 29.79rpx;">
江阳区 <text style="margin-left: 10rpx;" class="iconfont icon-xiangxia"></text> 江阳区 <text style="margin-left: 10rpx;" class="iconfont icon-xiangxia"></text>
<view class="" style="font-size: 22.78rpx;"> <view class="" style="font-size: 22.78rpx;">
晴天30 晴天30
</view> </view>
</view> </view>
</view> </view>
<view class="head_serch"> <view class="head_serch">
<view style="position: relative;"> <view style="position: relative;">
<u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="搜索店铺名称" <!-- <u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="搜索店铺名称"
v-model="keyword" class="serch_cls"></u-search> v-model="keyword" class="serch_cls"></u-search> -->
<u--image class="img_cls" style="position: absolute; top: 3px;right: 3px;" :showLoading="true" <!-- <u--image class="img_cls" style="position: absolute; top: 3px;right: 3px;" :showLoading="true"
src="/static/images/MYTC/SS.png" width="115.65rpx" height="56.82rpx"></u--image> src="/static/images/MYTC/SS.png" width="115.65rpx" height="56.82rpx"></u--image> -->
</view> </view>
</view> </view>
@ -38,12 +38,12 @@
<u-scroll-list> <u-scroll-list>
<view v-for="(item, index) in list" :key="index" class="goods_card"> <view v-for="(item, index) in list" :key="index" class="goods_card">
<u--image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" <u--image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg"
width="210.28rpx" height="210.28rpx" @click="click"></u--image> width="210.28rpx" height="210.28rpx"></u--image>
<view class="goods_tit"> <view class="goods_tit">
笑口常开地方就是的开发建设的开发建设的,v空间和客户可怜见立刻就 笑口常开地方就是的开发建设的开发建设的,v空间和客户可怜见立刻就
</view> </view>
<view class="goods_price"> <view class="goods_price">
$10.00 10.00
</view> </view>
<!-- <image :src="item.thumb"></image> --> <!-- <image :src="item.thumb"></image> -->
@ -54,7 +54,7 @@
</view> </view>
</view> </view>
<view class="store"> <view class="store" style="background-color: white;">
<view class="goods_list"> <view class="goods_list">
<view class="goods_cards" @click="goStore(item.mer_id)" v-for="(item,index) in storeList" :key="index"> <view class="goods_cards" @click="goStore(item.mer_id)" v-for="(item,index) in storeList" :key="index">
<view class="left"> <view class="left">
@ -66,7 +66,7 @@
<text class="flag">特产</text> <text class="flag">特产</text>
<text class="com_name">{{item.mer_name}}</text> <text class="com_name">{{item.mer_name}}</text>
<text <text
style="font-weight: normal; font-size: 10rpx;color: red;padding:0 10rpx; border-radius: 10rpx; border: 1px solid red;">{{item.type_name}}</text> style="font-weight: normal; font-size: 10rpx;color: #737373;padding:0 10rpx; border-radius: 10rpx; border: 1px solid #737373;">{{item.type_name}}</text>
</view> </view>
<view class="li"> <view class="li">
<u--image v-for="item,index in [1,1,,1,1,1]" :key="index" :showLoading="true" <u--image v-for="item,index in [1,1,,1,1,1]" :key="index" :showLoading="true"
@ -74,7 +74,7 @@
<text style="margin-left: 10rpx;color: #FF6D20; ">5.0</text> <text style="margin-left: 10rpx;color: #FF6D20; ">5.0</text>
<text>月销2000+</text> <text>月销2000+</text>
<text>20分钟</text> <text>20分钟</text>
<text>1.1KM</text> <text>1.1km</text>
</view> </view>
<view class="li" style="align-items: center;"> <view class="li" style="align-items: center;">
<u--image :showLoading="true" src="/static/images/GXSC/DH.png" width="33.85rpx" <u--image :showLoading="true" src="/static/images/GXSC/DH.png" width="33.85rpx"
@ -93,7 +93,23 @@
</view> </view>
<view class=""> <view class="">
assa <u-scroll-list>
<view v-for="(item, index) in list" :key="index" style="margin-right: 20rpx;">
<u--image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg"
width="164.72rpx" height="164.72rpx"></u--image>
<view class="goods_tit_a">
笑口常开地方就是的开发建设的开发建设的,v空间和客户可怜见立刻就
</view>
<view style="color: red;">
$10.00
</view>
<!-- <image :src="item.thumb"></image> -->
</view>
<!-- <view v-for="(item, index) in list" :key="index">
<image :src="item.thumb"></image>
</view> -->
</u-scroll-list>
</view> </view>
<!-- <view class=""> <!-- <view class="">
<u-scroll-list> <u-scroll-list>
@ -133,7 +149,7 @@
data() { data() {
return { return {
keyword: "", keyword: "",
list: [1, 1, 1, 1, 1, 1, 1, 1, ], list: [1, 1, 1, 11, 1, 11, 11],
storeList: [1, 1, 1, 1, 1, 1, 1, 1, 1] storeList: [1, 1, 1, 1, 1, 1, 1, 1, 1]
} }
}, },
@ -238,12 +254,17 @@
margin-right: 20rpx; margin-right: 20rpx;
width: 158rpx; width: 158rpx;
height: 158rpx; height: 158rpx;
background-color: red; // background-color: red;
border-radius: 20rpx; border-radius: 20rpx;
overflow: hidden; overflow: hidden;
} }
.right { .right {
// box-sizing: border-box;
width: 75vw;
overflow: hidden;
// background-color: red;
.heads { .heads {
font-weight: bold; font-weight: bold;
@ -263,6 +284,10 @@
margin-right: 20rpx; margin-right: 20rpx;
} }
.goods_price_a {
color: #F84221;
}
.goods_tit_a { .goods_tit_a {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

View File

@ -30,13 +30,13 @@
<view class="line" :class="{'font-line':firstKey == item.key}"> <view class="line" :class="{'font-line':firstKey == item.key}">
</view> </view>
</view> </view>
<view class="item" @click="bindRight"> <!-- <view class="item" @click="bindRight">
<view>筛选 <view>筛选
<!-- <text class="iconfont icon-shaixuan"></text> -->
</view> </view>
<view class="line"> <view class="line">
</view> </view>
</view> </view> -->
</view> </view>
</view> </view>
<!-- 店铺 --> <!-- 店铺 -->

View File

@ -315,7 +315,7 @@
<mentioned ref="mentioned" @close="closePopup" :list="moreList" :uid="authorUid"></mentioned> <mentioned ref="mentioned" @close="closePopup" :list="moreList" :uid="authorUid"></mentioned>
</view> </view>
</uni-popup> </uni-popup>
<!--<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> --> <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
<view class="fixed-head"> <view class="fixed-head">
<view class="sys-head" :style="{height:statusBarHeight}"></view> <view class="sys-head" :style="{height:statusBarHeight}"></view>
<view class="tool-bar" @click='goBack()'> <view class="tool-bar" @click='goBack()'>
@ -657,15 +657,15 @@
} }
}); });
}, },
// // 授权回调 // 授权回调
// onLoadFun() { onLoadFun() {
// this.isShowAuth = false this.isShowAuth = false
// this.getUserInfo() this.getUserInfo()
// }, },
// 授权关闭 //授权关闭
// authColse: function(e) { authColse: function(e) {
// this.isShowAuth = e this.isShowAuth = e
// }, },
moreTap(item) { moreTap(item) {
item.isMore = !item.isMore; item.isMore = !item.isMore;
}, },
@ -690,35 +690,26 @@
getData() { getData() {
// 这里就是数据加载完以后再向后端发送数据的地方, // 这里就是数据加载完以后再向后端发送数据的地方,
let that = this; let that = this;
if (!that.loadVideo) return // if (!that.loadVideo) return
that.loadVideo = true // that.loadVideo = true
// '
deoList(that.videoID).then(res => { // deoList(that.videoID).then(res => {
that.loadVideo = false
that.getVideoData([res.data]);
}).catch(err => {
return uni.showToast({
title: err,
icon: 'none',
duration: 2000
});
})
// that.isUser ?
// myVideoList(that.userUid, {
// page: that.page,
// limit: that.limit,
// is_star: that.isSatrt,
// community_id: that.videoID
// }).then(res => {
// that.loadVideo = false // that.loadVideo = false
// that.getVideoData(res.data.list); // that.getVideoData([res.data]);
// }).catch(err => { // }).catch(err => {
// return uni.showToast({ // return uni.showToast({
// title: err, // title: err,
// icon: 'none', // icon: 'none',
// duration: 2000 // duration: 2000
// }); // });
// }) : // })'
// that.isUser ?
videoList().then(res=>{
that.getVideoData(res.data.list);
})
//:
// graphicLstApi({ // graphicLstApi({
// page: that.page, // page: that.page,
// limit: that.limit, // limit: that.limit,
@ -750,19 +741,18 @@
}) })
}, },
getVideoData(list) { getVideoData(list) {
console.log(list,'111111')
if (list.length == 0) return if (list.length == 0) return
let that = this; let that = this;
that.loadVideo = list.length == that.limit that.loadVideo = list.length == that.limit
// that.page = that.page + 1; that.page = that.page + 1
that.page = 1
var msg = list var msg = list
for (let i = 0; i < msg.length; i++) { for (let i = 0; i < msg.length; i++) {
msg[i]['isMore'] = false msg[i]['isMore'] = false
msg[i]['community_id'] = msg[i]['community_id'].toString() msg[i]['community_id'] = msg[i]['community_id'].toString()
that.dataList.push(msg[i]) that.dataList.push(msg[i])
} }
console.log(that.dataList)
if (that.dataList.length !== 0) { if (that.dataList.length !== 0) {
that.dataList[that.k].state = 'play'; that.dataList[that.k].state = 'play';
setTimeout(function() { setTimeout(function() {
@ -888,9 +878,9 @@
// 这个方法主要就是用来第一次进入视频播放时用来处理 // 这个方法主要就是用来第一次进入视频播放时用来处理
deoList(this.videoID).then(async (res) => { deoList(this.videoID).then(async (res) => {
this.loadVideo = false this.loadVideo = false
this.page = 1; this.userUid=res.data.uid
this.page = this.page + 1;
var msg = [res.data]; var msg = [res.data];
console.log(res.data)
for (let i = 0; i < msg.length; i++) { for (let i = 0; i < msg.length; i++) {
msg[i]['isMore'] = false msg[i]['isMore'] = false
msg[i]['playIng'] = false msg[i]['playIng'] = false
@ -900,7 +890,7 @@
msg[i]['community_id'] = msg[i]['community_id'].toString() msg[i]['community_id'] = msg[i]['community_id'].toString()
} }
this.dataList = msg; this.dataList = msg;
console.log(this.dataList)
if (this.dataList.length !== 0) { if (this.dataList.length !== 0) {
this.dataList[this.k].state = 'play'; this.dataList[this.k].state = 'play';
uni.createVideoContext(this.dataList[this.k].community_id, this).play() uni.createVideoContext(this.dataList[this.k].community_id, this).play()

View File

@ -15,7 +15,7 @@
<!-- 头部导航 --> <!-- 头部导航 -->
<!-- <view v-if="!isUser" class="header" :style="{backgroundColor:currentNav==1?'':'#ffffff'}"> <!-- <view v-if="!isUser" class="header" :style="{backgroundColor:'#Fff'}">
<view class="tool-bar"> <view class="tool-bar">
<view class='iconfont icon-xiangzuo' @tap='goBack'></view> <view class='iconfont icon-xiangzuo' @tap='goBack'></view>
@ -27,10 +27,14 @@
<text class="tName" :class="currentNav==1?'on':''">推荐</text> <text class="tName" :class="currentNav==1?'on':''">推荐</text>
</view> </view>
<view class="items" @click.stop="navTap(3)"> <view class="items" @click.stop="navTap(3)">
<text class="tName" :class="currentNav==3?'on':''">列表</text> <text class="tName" :class="currentNav==3?'on':''">热点资讯</text>
</view> </view>
<view class="items" @click.stop="navTap(4)">
<text class="tName" :class="currentNav==4?'on':''">社区</text>
</view>
</view> --> </view> -->
<swiper v-show="currentNav !== 3" :style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;'" <swiper v-show="currentNav !== 3&&currentNav != 4" :style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;'"
:vertical="true" @animationfinish="animationfinish" @change="change" :current="k" :indicator-dots="false"> :vertical="true" @animationfinish="animationfinish" @change="change" :current="k" :indicator-dots="false">
<swiper-item v-for="(list,index) in dataList"> <swiper-item v-for="(list,index) in dataList">
<view v-if="max > index"> <view v-if="max > index">
@ -54,7 +58,6 @@
5.show-loading这里默认去掉播放转圈的标志 5.show-loading这里默认去掉播放转圈的标志
v-if="Math.abs(k-index)<=1" v-if="Math.abs(k-index)<=1"
--> -->
<video :id="list.community_id+''+index" :loop="true" :muted="list.isplay" <video :id="list.community_id+''+index" :loop="true" :muted="list.isplay"
:autoplay="index == k && isRoutine" :controls="false" :http-cache="true" :autoplay="index == k && isRoutine" :controls="false" :http-cache="true"
:page-gesture="false" :show-fullscreen-btn="false" :show-loading="false" :page-gesture="false" :show-fullscreen-btn="false" :show-loading="false"
@ -162,7 +165,7 @@
<navigator v-if="list.author && userInfo.uid != list.author.uid" hover-class="none" <navigator v-if="list.author && userInfo.uid != list.author.uid" hover-class="none"
:url="'/pages/plantGrass/plant_user/index?id='+list.uid" class="pictrue"> :url="'/pages/plantGrass/plant_user/index?id='+list.uid" class="pictrue">
<image class="userAvatar" <image class="userAvatar"
:src="list.author&&list.author.avatar || '/static/images/f.png'" mode="aspectFit"> :src="list.author&&list.author.avatar || '/static/images/f.png'" mode="aspectFill">
</image> </image>
<view v-if="!list.is_fans || !userInfo.uid" class="guanzhu" <view v-if="!list.is_fans || !userInfo.uid" class="guanzhu"
@click.stop="followAuthor(list)"><text @click.stop="followAuthor(list)"><text
@ -227,13 +230,13 @@
@scrolltolower="getGoods()"> @scrolltolower="getGoods()">
<block v-for="(item,index) in cateGoods" :key="index"> <block v-for="(item,index) in cateGoods" :key="index">
<view class="goods_item" @click="gogogo(item)"> <view class="goods_item" @click="gogogo(item)">
<image class="goods_img" :src="item.image[0]" mode="aspectFit"></image> <image class="goods_img" :src="item.image[0]" mode="aspectFill"></image>
<view class="botm"> <view class="botm">
<view class="title">{{item.title}}</view> <view class="title">{{item.title}}</view>
<view class="goods_info flex_a_c"> <view class="goods_info flex_a_c">
<view class="l_info flex_a_c"> <view class="l_info flex_a_c">
<image :src="(item.author && item.author.avatar) || '/static/images/f.png'" <image :src="(item.author && item.author.avatar) || '/static/images/f.png'"
mode="aspectFit" class="g_img"></image> mode="aspectFill" class="g_img"></image>
<view class="g_name">{{item.author && item.author.nickname}}</view> <view class="g_name">{{item.author && item.author.nickname}}</view>
</view> </view>
<view class="nice_box flex_a_c" @click.stop="giveStart(item)"> <view class="nice_box flex_a_c" @click.stop="giveStart(item)">
@ -246,6 +249,7 @@
</view> </view>
</block> </block>
</scroll-view> </scroll-view>
<!-- <view class="video-list" v-if="currentNav === 3" <!-- <view class="video-list" v-if="currentNav === 3"
:style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;'"> :style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;'">
@ -294,7 +298,9 @@
<!-- #endif --> <!-- #endif -->
</view> </view>
<canvas class="canvas" canvas-id='myCanvas' v-if="canvasStatus"></canvas> <canvas class="canvas" canvas-id='myCanvas' v-if="canvasStatus"></canvas>
<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> --> <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
</view> </view>
</template> </template>
@ -311,6 +317,7 @@
} from '@/utils'; } from '@/utils';
import comment from '@/components/comment.vue'; import comment from '@/components/comment.vue';
import mentioned from '@/components/mentioned.vue'; import mentioned from '@/components/mentioned.vue';
import { import {
HTTP_REQUEST_URL HTTP_REQUEST_URL
} from '@/config/app'; } from '@/config/app';
@ -335,11 +342,13 @@
components: { components: {
comment, comment,
mentioned, mentioned,
authorize authorize,
}, },
computed: configMap({ computed: configMap({
community_reply_status: 0 community_reply_status: 0
}, mapGetters(['isLogin', 'uid'])), }, mapGetters(['isLogin', 'uid'])),
data() { data() {
return { return {
isTriggered: false, isTriggered: false,
@ -352,7 +361,7 @@
deleteHeight: 0, deleteHeight: 0,
dataList: [], dataList: [],
k: 0, k: 0,
max: 1, max: 2,
oldVideo: "", oldVideo: "",
voice: "", voice: "",
timeout: "", timeout: "",
@ -420,7 +429,6 @@
watch: { watch: {
k(new_k, old_k) { k(new_k, old_k) {
const max = new_k + 2; const max = new_k + 2;
if (this.max < max) { if (this.max < max) {
this.max = max; this.max = max;
} }
@ -428,7 +436,6 @@
this.oldCurrent = this.currentNav this.oldCurrent = this.currentNav
return false return false
} }
this.dataList[old_k].playIng = false //如果视频暂停,就加载封面 this.dataList[old_k].playIng = false //如果视频暂停,就加载封面
this.dataList[old_k].isplay = true this.dataList[old_k].isplay = true
this.dataList[old_k].state = 'pause' this.dataList[old_k].state = 'pause'
@ -451,7 +458,6 @@
} }
}, },
onLoad(options) { onLoad(options) {
console.log(options)
this.getOptions(options); this.getOptions(options);
this.videoID = options.id; this.videoID = options.id;
this.isUser = options.user == 1 ? true : false; this.isUser = options.user == 1 ? true : false;
@ -736,56 +742,62 @@
}, },
get() { get() {
let that = this let that = this
that.loadVideo = true // 1.这里引入后端请求数据
deoList(that.videoID).then(res => { if(this.videoID){
// console.log(res.data) deoList(this.videoID).then(res => {
that.videoData([res.data]) that.videoData([res.data])
if (res.data.list.length < that.limit) { if (res.data.list.length < that.limit) {
this.loadMore = false; this.loadMore = false;
}
}).catch(err => {
return uni.showToast({
title: err,
icon: 'none',
duration: 2000
});
})
this.videoID=''
}else{
videoList().then(res=>{
that.videoData(res.data.list);
})
} }
}).catch(err => {
return uni.showToast({
title: err,
icon: 'none',
duration: 2000
});
})
// myVideoList(that.userUid, {
// page: that.page,
// limit: that.limit,
// is_star: that.isSatrt,
// community_id: that.videoID
// }).then(res => {
// that.videoData(res.data.list)
// if (res.data.list.length < that.limit) {
// this.loadMore = false;
// }
// }).catch(err => {
// return uni.showToast({
// title: err,
// icon: 'none',
// duration: 2000
// });
// })
// :
// graphicLstApi({
// page: that.page,
// limit: that.limit,
// category_id: -1
// }).then(res => {
// that.videoData(res.data.list)
// if (res.data.list.length < that.limit) {
// this.loadMore = false;
// }
// }).catch(err => {
// return uni.showToast({
// title: err,
// icon: 'none',
// duration: 2000
// });
// })
// that.isUser ?
// myVideoList(that.userUid, {
// page: that.page,
// limit: that.limit,
// is_star: that.isSatrt,
// community_id: that.videoID
// }).then(res => {
// that.videoData(res.data.list)
// if (res.data.list.length < that.limit) {
// this.loadMore = false;
// }
// }).catch(err => {
// return uni.showToast({
// title: err,
// icon: 'none',
// duration: 2000
// });
// }) :
// graphicLstApi({
// page: that.page,
// limit: that.limit,
// category_id: -1
// }).then(res => {
// that.videoData(res.data.list)
// if (res.data.list.length < that.limit) {
// this.loadMore = false;
// }
// }).catch(err => {
// return uni.showToast({
// title: err,
// icon: 'none',
// duration: 2000
// });
// })
that.loadVideo = true
}, },
getFocusList() { getFocusList() {
let that = this; let that = this;
@ -821,21 +833,16 @@
msg[i]['isplay'] = true msg[i]['isplay'] = true
msg[i]['loading'] = false msg[i]['loading'] = false
that.dataList.push(msg[i]) that.dataList.push(msg[i])
{console.log(i,that.k)}
//#ifndef H5 //#ifndef H5
if (i == 0 && that.k == 0) { if (i == 0 && that.k == 0) {
this.dataList[0].isplay = false this.dataList[0].isplay = false
this.dataList[0].playIng = true this.dataList[0].playIng = true
this.dataList[0].state = 'play' this.dataList[0].state = 'play'
this.dataList[0].loading = false this.dataList[0].loading = false
console.log('32')
uni.createVideoContext(that.dataList[0].community_id + '' + 0, that).play() uni.createVideoContext(that.dataList[0].community_id + '' + 0, that).play()
} }
//#endif //#endif
} }
//#ifdef MP //#ifdef MP
if (this.k == 0) { if (this.k == 0) {
this.videoShare(this.dataList[0]); this.videoShare(this.dataList[0]);
@ -1282,8 +1289,6 @@
z-index: 9; z-index: 9;
width: 750rpx; width: 750rpx;
height: 120rpx; height: 120rpx;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -1305,7 +1310,7 @@
margin-right: 40rpx; margin-right: 40rpx;
margin-left: 20rpx; margin-left: 20rpx;
font-size: 30rpx; font-size: 30rpx;
color: #000; color: #333;
margin-top: 60rpx; margin-top: 60rpx;
} }
} }
@ -1313,12 +1318,24 @@
.items { .items {
margin: 0 30rpx; margin: 0 30rpx;
image {
width: 58rpx;
height: 58rpx;
}
.tName { .tName {
color: #000; font-size: 33rpx;
font-size: 32rpx; font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #737373;
line-height: 50px;
&.on { &.on {
font-size: 38rpx; font-size: 33rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
} }
} }
@ -1395,7 +1412,7 @@
.userInfo { .userInfo {
position: absolute; position: absolute;
bottom: 120px; bottom: 60rpx;
right: 20rpx; right: 20rpx;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;

File diff suppressed because it is too large Load Diff