yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

技师 视频主页

This commit is contained in:
Mr.jiang 2024-07-23 22:43:29 +08:00
parent 8e9061b9b3
commit 31f636ac0c
6 changed files with 639 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages.json
View File

@ -42,6 +42,18 @@
}
}
},
{
"path": "pages/videoCircle/gDvideo",
"style": {
"navigationBarTitleText": "视频列表",
"enablePullDownRefresh": true,
"onReachBottomDistance":200,
"navigationStyle": "custom",
"app-plus": {
"titleNView": false
}
}
},
{
"path": "pages/videoCircle/index",
"style": {

273
pages/index/index.vue
View File

@ -194,7 +194,7 @@
<view class="body-view">
<!-- 使用scroll-view实现tabs滑动切换 -->
<scroll-view class="top-menu-view" scroll-x="true" scroll-with-animation :scroll-left="scrollLeft">
<view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index" @click="swichMenu(index)">
<view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index" @click="swichMenu(index,item.id)">
<view :class="currentTab==index ? 'menu-topic-act' : 'menu-topic'">
<text class="menu-topic-text">{{item.name}}</text>
<view class="menu-topic-bottom">
@ -203,66 +203,50 @@
</view>
</view>
</scroll-view>
<!-- 内容 -->
<swiper class="swiper-box-list" :current="currentTab" @change="swiperChange">
<swiper-item class="swiper-topic-list" v-for="item in swiperDateList" :key="item.id">
<view class="swiper-item-card">
<!-- <view class="swiper-back-img">
<image src="../../static/bofang.png" mode="widthFix"></image>
</view> -->
<video
:loop="true"
:controls="true"
:autoplay="false"
:http-cache="true"
:page-gesture="true"
:show-fullscreen-btn="true"
:show-loading="true"
:show-center-play-btn="true"
:enable-progress-gesture="true"
style="width: 100%;height: 162px;"
src="http://1.92.152.160/file/uploadPath/2024/07/18/3b23e6ea30fd2f2502b6a31334481143.mp4"
:poster="'http://1.92.152.160/file/uploadPath/2024/07/18/20240718170642301190.png'"
></video>
<view class="swiper-item">
<span>{{item.name}}</span>
<span>{{item.content}}</span>
</view>
</view>
<view class="swiper-item-card">
<view class="swiper-back-img">
<image src="../../static/bofang.png" mode="widthFix"></image>
<scroll-view class="swiper-box-list" scroll-y="true" :scroll-into-view="scrollIntoView">
<view class="swiper-topic-list" v-for="(item,index) in swiperDateLists" :key="index">
<view class="swiper-item-card" style="position: relative;">
<view class="data-list">
<view class="videoHovers" @click="towxh5Video(item)">
<image class="playState" src="@/static/bofang.png"></image>
</view>
<image :src="item.picPath" mode="aspectFill" style="width: 100%; height: 100%;"></image>
</view>
<view class="swiper-item">
<span>{{item.name}}</span>
<span>{{item.content}}</span>
<span>{{item.artificerName}}</span>
<span class="swiper-item-view">{{item.content}}</span>
</view>
</view>
<view class="swiper-item-card">
<view class="swiper-back-img">
<image src="../../static/bofang.png" mode="widthFix"></image>
</view>
<view class="swiper-item">
<span>{{item.name}}</span>
<span>{{item.content}}</span>
</view>
</view>
<view class="swiper-item-card">
<view class="swiper-back-img">
<image src="../../static/bofang.png" mode="widthFix"></image>
</view>
<view class="swiper-item">
<span>{{item.name}}</span>
<span>{{item.content}}</span>
</view>
</view>
</swiper-item>
</swiper>
</view>
</scroll-view>
</view>
</view>
<view style="width: 100%;height: 700px;"></view>
<!-- 经验筛选 -->
<u-select v-model="Cityshow" style="height: auto;" :list="cityList" @confirm="getCity"></u-select>
<uni-popup style="width: 100%;height: 100vh;" type="center" ref="pinglun" @touchmove.stop.prevent="moveHandle">
<view style="width: 100%;height: 100%;position: relative;">
<video
id="myVideo"
style="width: 100%;height: 100%;"
:show-fullscreen-btn='false'
:enable-play-gesture='true'
:autoplay="true"
:show-play-btn='false'
:show-center-play-btn='false'
@click="jieshu"
:src="filePath"></video>
<view class="videoConten">{{contentVideo}}</view>
<view class="videoHover" v-if="playShow==true" @click="kaishi">
<image class="playState" src="@/static/bofang.png"></image>
</view>
<view class="guanbi" @click="guanbi">
<image src="@/static/closeimg.png"></image>
</view>
</view>
</uni-popup>
<view>
<!-- 提前结束 -->
<uni-popup ref="popup" background-color="#fff">
@ -315,6 +299,10 @@
export default {
data() {
return {
checkboxShow:1,
filePath:'',
playShow:false,
videoId:0,
current: 0,
serviceTrue:true,
cityList: [],
@ -368,6 +356,7 @@
currentTab: 0,
tabCurrent: 'tabNum1',
// Tab切换内容
swiperDateLists:[],
swiperDateList: [{
id: 1,
content: '中医推拿',
@ -397,7 +386,9 @@
tpSel: 0,
tpCount: 0,
cuowu:'',
type:'center'
type:'center',
parType:'',
contentVideo:''
}
},
onShareAppMessage(res) { //发送给朋友
@ -526,6 +517,7 @@
// #endif
}
})
that.getVideo()
},
onShow() {
let that = this
@ -555,7 +547,89 @@
}
that.token = uni.getStorageSync('token');
},
computed: {
scrollIntoView() {
return 'tab' + this.currentTab;
}
},
methods: {
guanbi(){
this.playShow=false;
const videoContext = uni.createVideoContext('myVideo', this);
videoContext.pause(); // 播放视频
this.$refs.pinglun.close("center");
},
jieshu(){
this.playShow=true;
const videoContext = uni.createVideoContext('myVideo', this);
videoContext.pause(); // 播放视频
},
kaishi(){
this.playShow=false;
const videoContext = uni.createVideoContext('myVideo', this);
videoContext.src = this.filePath; // 设置视频源
videoContext.play(); // 播放视频
},
towxh5Video(item){
this.playShow=false;
this.filePath=item.filePath;
this.contentVideo=item.content;
this.videoId=item.id
this.$refs.pinglun.open("center")
},
swichMenu(index,id) {//视频导航
this.currentTab = index;
// 计算需要滚动的距离
const query = uni.createSelectorQuery().in(this);
query.select('.top-menu-view').boundingClientRect(data => {
this.scrollLeft = data.width / this.tabs.length * index;
}).exec();
this.parType=index+1;
this.getVideo()
// this.currentTab = index
// console.log(11,index)
// this.scrollLeft = 0;
// for (let i = 0; i < index; i++) {
// this.scrollLeft += 60
// };
},
swiperChange(e) {//视频导航
console.log(22,e.detail.current)
let index = e.detail.current
this.swichMenu(index);
this.parType=index+1;
this.getVideo()
},
getVideo(){
var that=this;
// 1.这里引入后端请求数据
var data={
parType:that.parType,
userId:uni.getStorageSync('userId'),
page: this.page,
limit:4,
}
if(that.parType=='3'){
data.longitude=that.longitude;
data.latitude=that.latitude;
}else{
data.longitude='';
data.latitude='';
}
this.$Request.get("/app/shipinquan/list", data).then(res => {
if (res.code == 0) {
that.swiperDateLists = res.data.list||{}
// this.dataList=res.data.records
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
});
},
goCity(){
var that = this
uni.chooseLocation({
@ -1072,33 +1146,89 @@
}
});
},
swichMenu(id) {//视频导航
this.currentTab = id
console.log(11,id)
//this.tabCurrent = 'tabNum'+ id
// 滑动swiper后，每个选项距离其父元素最左侧的距离
this.scrollLeft = 0;
for (let i = 0; i < id; i++) {
this.scrollLeft += 60
console.log(this.scrollLeft ,60,id)
};
},
swiperChange(e) {//视频导航
console.log(22,e.detail.current)
let index = e.detail.current
this.swichMenu(index)
},
}
}
</script>
<style scoped>
.swiper-item-view{
width: 70%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* 定义文本的行数 */
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
text-align: center;
}
.videoConten{
width: 70%;
position: absolute;
bottom: 0px;
margin-bottom: 60px;
height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 定义文本的行数 */
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
margin-left: 15px;
color: #fff;
}
.top-menu-view /deep/.uni-scroll-view-content{
justify-content: space-around;
}
.guanbi{
width: 30px;
height: 30px;
position: absolute;
top: 0;
right: 0;
margin-top: 15px;
margin-right: 9px;
}
.guanbi image{
width: 100%;
height: 100%;
}
/deep/.uni-popup__wrapper-box{
width: 100%;
height: 100%;
}
.data-list{
width:100%;
height: 162px;
background-color: #000000;
}
.videoHovers{
width: 76px;
height: 76px;
position: absolute;
top: 0px;
margin-top: 27%;
margin-left: 27%;
z-index: 99;
}
.videoHover{
width: 76px;
height: 76px;
position: absolute;
top: 0px;
margin-top: 70%;
margin-left: 40%;
}
.videoHover image,.videoHovers image{
width: 100%;
height: 100%;
}
/deep/.swiper-box-list /deep/.uni-scroll-view-content{
justify-content: space-around !important;
flex-wrap: wrap;
}
.salogo{
width: 140rpx;
height: 36rpx;
@ -1440,6 +1570,7 @@
.body-view {
width: 100%;
overflow: hidden;
padding-bottom: 100px;
}
/deep/.uni-scroll-view-content{
display: flex;
@ -1503,7 +1634,7 @@
height: 490px;
}
.swiper-topic-list {
width: 100%;
width: 48%;
display: flex;
flex-direction: row;
justify-content: space-between;

186
pages/therapist/orderDetail.vue
View File

@ -89,26 +89,9 @@
</view>
</view>
<!-- <view class="padding-bottom flex justify-between">
<view class="flex align-center">
<view class="margin-right-sm flex align-center"
style="color: #999999;">
<image src="../../static/images/index/start.png" style="width: 24upx;height: 22upx;">
</image>
<text class="margin-left-xs" style="color: #fe831e;">1{{order.ordersScore}}.0</text>
<text class="" style="margin-left: 20rpx;font-size: 20rpx;"> | </text>
<text style="color: #999999;margin-left: 20rpx;font-size: 24rpx;">
已服务{{order.ordersCount}}单</text>
<text class="" style="margin: 0 20rpx;font-size: 20rpx;"> | </text>
</view>
</view>
</view> -->
</view>
</view>
<view class="video-list">
<view class="video-list" v-if="swiperDateLists!=''">
<view class="video-list-top">
<view class="video-list-title">
技师主页
@ -119,8 +102,12 @@
</view>
</view>
<view class="video-view">
<view class="video-view-list" v-for="(item,index) in videoList" :key="index">
<video class="video-item" :src="item.url" :poster="'https://gd-hbimg.huaban.com/3ae3bb051cba65840b10d2149ecf978b80e1c9793dee6-GkA300_fw658'"></video>
<view class="video-view-list" style="position: relative;" v-for="(item,index) in swiperDateLists" :key="index">
<view class="videoHovers" @click="towxh5Video(item)">
<image class="playState" src="@/static/bofang.png"></image>
</view>
<image :src="item.picPath" mode="aspectFill" style="width: 100%; height: 100%;"></image>
<!-- <video class="video-item" :src="item.url" :poster="'https://gd-hbimg.huaban.com/3ae3bb051cba65840b10d2149ecf978b80e1c9793dee6-GkA300_fw658'"></video> -->
</view>
</view>
</view>
@ -169,29 +156,6 @@
</view>
</view>
</view>
<!-- <view class="flex padding-tb padding-lr justify-between" v-for="(item,index) in artificerlist"
:key="index" @click="goNav(item.massageTypeId,classifyId)">
<image :src="item.massageImg" style="width: 170upx;height: 170upx;border-radius:10rpx"></image>
<view class="margin-left-sm" style="flex: 170upx 1;">
<view class="text-bold text-lg">{{item.title}}</view>
<view class="flex align-center justify-between text-df margin-tb-sm" style="color: #999999;">
<view style="font-size: 26rpx;">时长：{{item.duration}}分钟</view>
<view style="font-size: 26rpx;">已售{{item.sales}}</view>
</view>
<view class="flex align-center justify-between">
<view class="text-green text-df" style="color: #FF1200;">
￥<text class="text-green text-xl text-bold" style="color: #FF1200;">
{{item.price}}
</text>
<text v-if="hyCheck != '否'">/</text>
<text v-if="hyCheck != '否'" class="text-sm">
会员价:￥{{item.memberPrice}}
</text>
</view>
<view class="btn" style="background: linear-gradient(to right, #223845, #00a85b)">下单</view>
</view>
</view>
</view> -->
</view>
<view class=" padding u-skeleton-fillet" v-if="fwIndex == 1">
<view v-if="commentList.length<=0" class="margin-top-sm"> 暂无评价</view>
@ -263,6 +227,27 @@
</view>
</uni-popup>
</view>
<uni-popup style="width: 100%;height: 100vh;" type="center" ref="pinglun" @touchmove.stop.prevent="moveHandle">
<view style="width: 100%;height: 100%;position: relative;">
<video
id="myVideo"
style="width: 100%;height: 100%;"
:show-fullscreen-btn='false'
:enable-play-gesture='true'
:autoplay="true"
:show-play-btn='false'
:show-center-play-btn='false'
@click="jieshu"
:src="filePath"></video>
<view class="videoConten">{{contentVideo}}</view>
<view class="videoHover" v-if="playShow==true" @click="kaishi">
<image class="playState" src="@/static/bofang.png"></image>
</view>
<view class="guanbi" @click="guanbi">
<image src="@/static/closeimg.png"></image>
</view>
</view>
</uni-popup>
</view>
</template>
@ -270,6 +255,8 @@
export default {
data() {
return {
playShow:false,
swiperDateLists:[],
type:'center',
videoList:[
{url:'https://media.w3.org/2010/05/sintel/trailer.mp4'},
@ -335,7 +322,10 @@
XCXIsSelect: '否',
hyCheck: '否',
imageHeight: '358',
money:''
money:'',
filePath:'',
contentVideo:'',
videoId:''
}
},
onLoad(option) {
@ -355,6 +345,7 @@
this.getordertherapist()
this.getOrderComment()
this.classifyId = option.classifyId;
this.getVideo()
},
onShow() {
this.imageHeight = this.$queue.getData('imageHeight');
@ -365,9 +356,54 @@
});
},
methods: {
guanbi(){
this.playShow=false;
const videoContext = uni.createVideoContext('myVideo', this);
videoContext.pause(); // 播放视频
this.$refs.pinglun.close("center");
},
jieshu(){
this.playShow=true;
const videoContext = uni.createVideoContext('myVideo', this);
videoContext.pause(); // 播放视频
},
kaishi(){
this.playShow=false;
const videoContext = uni.createVideoContext('myVideo', this);
videoContext.src = this.filePath; // 设置视频源
videoContext.play(); // 播放视频
},
towxh5Video(item){
this.playShow=false;
this.filePath=item.filePath;
this.contentVideo=item.content;
this.videoId=item.id
this.$refs.pinglun.open("center")
},
getVideo(){
var that=this;
// 1.这里引入后端请求数据
var data={
createBy:this.artificerId,
page: this.page,
limit:2,
}
this.$Request.get("/app/shipinquan/getArticlelist", data).then(res => {
if (res.code == 0) {
that.swiperDateLists = res.data.list||{}
// this.dataList=res.data.records
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
});
},
videoGengduo(){
uni.switchTab({
url:'/pages/videoCircle/index'
uni.navigateTo({
url:'/pages/videoCircle/gDvideo?artificerId='+this.artificerId
})
},
shangxian(){//请TA上线
@ -662,6 +698,63 @@
</script>
<style scoped>
.guanbi{
width: 30px;
height: 30px;
position: absolute;
top: 0;
right: 0;
margin-top: 15px;
margin-right: 9px;
}
.guanbi image{
width: 100%;
height: 100%;
}
.videoHover{
width: 76px;
height: 76px;
position: absolute;
top: 0px;
margin-top: 70%;
margin-left: 40%;
}
.videoHover image{
width: 100%;
height: 100%;
}
.videoConten{
width: 70%;
position: absolute;
bottom: 0px;
margin-bottom: 60px;
height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 定义文本的行数 */
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
margin-left: 15px;
color: #fff;
}
/deep/.uni-popup__wrapper-box{
width: 100%;
height: 100%;
}
.videoHovers image{
width: 100%;
height: 100%;
}
.videoHovers{
width: 76px;
height: 76px;
position: absolute;
top: 0px;
margin-top: 27%;
margin-left: 27%;
z-index: 99;
}
.headset-line{
display: flex;
@ -944,6 +1037,7 @@
}
.video-view-list{
width: 48%;
height: 162px;
}
.video-view{
width: 100%;

278
pages/videoCircle/gDvideo.vue Normal file
View File

@ -0,0 +1,278 @@
<!-- 滑动切换选项卡+吸顶演示（待完善） -->
<template>
<view class="content">
<z-paging ref="paging" @scroll="scroll" :scrollable="scrollable" :hide-empty-view="true"
:refresher-status.sync="refresherStatus" @query="queryList" :refresher-enabled="true">
<view class="top-view">
<image class="info-cover" @tap="fnMainBgPic" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-5d36bb3d-8e98-4f00-ab8b-b018dc4f5dc6/17b0292c-8a63-4b7b-a6a6-724f416a9958.jpg"
mode="scaleToFill"></image>
<!-- 用户头像关注 -->
<view class="u-flex-wrap" style="padding-top: 18rpx;padding-bottom: 18rpx;position: relative;align-items: center;display: flex;flex-direction: row;justify-content: flex-end;">
<view class="info-avatar">
<u-avatar :src="order.artificerImg" size="135"></u-avatar>
<view class="pingfen">
<span>评分</span>
<span>5.0</span>
</view>
</view>
<view style="margin-right: 50rpx;">
<u-tag v-if='showedit' text="关注" mode="dark" shape="" bg-color="#f5991e" @click="UserEdit" />
<view v-if='!showedit' style="height: 45rpx;"></view>
</view>
</view>
<!-- 用户名 -->
<view style="display: flex;align-items: center;margin-left: 50rpx;margin-top: 20rpx;" v-if="order.length!=0">
<text style="font-size: 32rpx;color: #111111;font-weight: bold;margin-right: 10rpx;">{{order.artificerName}}</text>
<view class="headset-line">
<image class="headset-img" :src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
<span class="headset-text2">{{order.technicianTypeName}}</span>
</view>
</view>
<!-- 单位职务 -->
<!-- <view class="u-flex">
<view style="display: flex;align-items: center;margin-left: 50rpx;margin-top: 20rpx;" v-if="userinfo.length!=0">
<u-icon name="map-fill" size="32" color="#4baed5"></u-icon>
<text style="font-size: 24rpx;color: #555555;margin-left: 10rpx;">{{userinfo.city}}</text>
</view>
<view style="display: flex;align-items: center;margin-left: 50rpx;margin-top: 20rpx;" v-if="userinfo.length!=0">
<u-icon name="man-add-fill" size="32" color="#4baed5"></u-icon>
<text style="font-size: 24rpx;color: #555555;margin-left: 10rpx;">{{userinfo.jor}}</text>
</view>
</view> -->
<!-- 简介-->
<view style="font-size: 24rpx;color: #555555;margin:20rpx 50rpx;" v-if="userinfo.length!=0">
<u-tag v-if='membertype!=""' :text="membertype" mode="dark" shape="circle" bg-color="#4baed5" />
<text style="margin-right: 20rpx;">{{Information==''?'暂无简介':Information}}</text>
</view>
<!-- <view style="display: flex;align-items: center;margin-left: 50rpx;margin-top: 20rpx;margin-bottom: 20rpx;" v-if="userinfo.length!=0">
<text style="font-size: 32rpx;font-weight: bold;color: #555555;margin-right: 18rpx;">{{userinfo.good.length || 0}}</text><text style="font-size: 24rpx;color: gray;margin-right: 28rpx;">粉丝</text>
<text style="font-size: 32rpx;font-weight: bold;color: #555555;margin-right: 18rpx;">{{userinfo.good.length || 0}}</text><text style="font-size: 24rpx;color: gray;margin-right: 28rpx;">关注</text>
<text style="font-size: 32rpx;font-weight: bold;color: #555555;margin-right: 18rpx;">{{userinfo.good.length || 0}}</text><text style="font-size: 24rpx;color: gray;margin-right: 28rpx;">点赞</text>
</view> -->
</view>
<view id="tabbar" class="paging-content" :style="'height:' + pageHeight + 'px'">
<!-- 小程序中直接修改组件style为position: sticky;无效，需要在组件外层套一层view -->
<view style="z-index: 100;position: sticky;top :0px;">
<u-tabs-swiper ref="uTabs" :list="list" :current="current" @change="tabsChange" :is-scroll="false"
swiperWidth="750"></u-tabs-swiper>
</view>
<swiper style="height: 100%;" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
<swiper-item>
<swiper-list-item ref="swiperItem" :refresher="false" :scrollable="itemscrollable" :tabIndex="0" :currentIndex="swiperCurrent" :fixed="false" :auto="true" @setScrollable="setScrollable"></swiper-list-item>
</swiper-item>
<swiper-item>
</swiper-item>
</swiper>
</view>
</z-paging>
</view>
</template>
<script>
export default {
data() {
return {
userinfo:{
nickname:'zetank',
avatar:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b9e817e6-7ee6-461f-8e66-4bed243cbe98/ad090f5f-2a0f-4ea8-a8b5-fc8dafa4039e.jpg",
gender:1,
city:'广州',
jor:'职务',
good:{}
},
Information:'本人性格热情开朗,待人友好,为人诚实谦虚。工作勤奋,认真负责,能吃苦耐劳,尽职 尽责,有耐心。具有亲和力,平易近人,善于与人沟通',
membertype:'',
showedit:true,//信息编辑按钮
refresherStatus: 0,
scrollTopMap: {},
// 页面高度
pageHeight: 0,
// header高度
headerHeight: 0,
scrollable: true,
itemscrollable:false,
change:false,
list: [{
name: '测试1'
}, {
name: '测试2'
}, {
name: '测试3'
}, {
name: '测试4'
}],
// 因为内部的滑动机制限制，请将tabs组件和swiper组件的current用不同变量赋值
current: 0, // tabs组件的current值，表示当前活动的tab选项
swiperCurrent: 0, // swiper组件的current值，表示当前那个swiper-item是活动的
artificerId:'',
latitude:'',
longitude:'',
order:[],
myId:''
}
},
props:{
uid:{
type:String,
default:""
}
},
created() {
this.pageHeight = uni.getSystemInfoSync().windowHeight;
this.$nextTick(() => {
const query = uni.createSelectorQuery().in(this);
query.select('.top-view').boundingClientRect(data => {
this.headerHeight = data.height;
}).exec();
})
},
onLoad(e) {
this.artificerId=e.artificerId;
this.latitude = uni.getStorageSync('latitude');
this.longitude = uni.getStorageSync('longitude');
this.myId = uni.getStorageSync('userId');
this.getDet();
},
methods: {
// 详情
getDet() {
this.$Request.get("/app/artificer/selectArtificerById", {
artificerId: this.artificerId,
latitude: this.latitude,
longitude: this.longitude,
userId: this.myId
}).then(res => {
if (res.code == 0) {
this.order = res.data||{}
}
uni.hideLoading();
});
},
queryList() {
//触发了下拉刷新，通过当前tabIndex对应的列表下拉刷新
this.$refs.swiperItem.reload();
this.$refs.paging.complete([])
},
scroll(e) {
let scrollTop = e.detail.scrollTop;
//如果当前页面的scroll-view的scrollTop大于等于headerView的高度，则代表吸顶了
if (scrollTop < this.headerHeight-0.5) {
//还没吸顶
//禁止子组件的z-paging(scroll-view)滚动，当前页面的z-paging(scroll-view)允许滚动
this.scrollable = true;
// this.$refs.swiperItem[this.current].setScrollable(false);
this.itemscrollable=false
} else {
//吸顶了
//允许子组件的z-paging(scroll-view)滚动，当前页面的z-paging(scroll-view)禁止滚动
if(scrollTop >= this.headerHeight){
this.scrollable = false;
}
// this.$refs.swiperItem[this.current].setScrollable(true);
this.itemscrollable=true
}
},
setScrollable(scrollable) {
this.scrollable = scrollable;
},
// tabs通知swiper切换
tabsChange(index) {
this.swiperCurrent = index;
this.$refs.paging.scrollToY(this.headerHeight)
},
// swiper-item左右移动，通知tabs的滑块跟随移动
transition(e) {
let dx = e.detail.dx;
this.$refs.uTabs.setDx(dx);
},
// 由于swiper的内部机制问题，快速切换swiper不会触发dx的连续变化，需要在结束时重置状态
// swiper滑动结束，分别设置tabs和swiper的状态
animationfinish(e) {
let current = e.detail.current;
this.$refs.uTabs.setFinishCurrent(current);
this.swiperCurrent = current;
this.current = current;
},
// 修改用户背景封面图
fnMainBgPic() {
},
//编辑信息
UserEdit(){
uni.navigateTo({
url:""
})
},
}
}
</script>
<style>
.top-view{
background-color: #fff;
}
.pingfen{
margin-left: 24px;
margin-top: 20px;
}
.headset-text2{
background: linear-gradient(90deg, #f8f8f8, #dfdfdf);
font-size: 22rpx;
color: #333;
height: 30rpx;
line-height: 30rpx;
border-radius:5rpx 30rpx 30rpx 30rpx;
width: 72rpx;
padding: 5rpx 15rpx;
text-align: right;
}
.headset-img{
width: 120rpx;
height: 40rpx;
position: absolute;
top:1rpx;
left:-1rpx;
}
.headset-line{
display: flex;
position: relative;
}
.banner-view {
background-color: #007AFF;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.paging-content {
flex: 1;
display: flex;
flex-direction: column;
}
.swiper {
flex: 1;
}
.info-cover {
display: block;
width: 100%;
height: 260rpx;
}
.info-avatar {
position: absolute;
left: 0;
top: -56rpx;
margin-left: 50rpx;
display: flex;
flex-direction: row;
align-items: center;
}
</style>

11
pages/videoCircle/index.vue
View File

@ -125,6 +125,7 @@
},
data() {
return {
dianzhan:0,
showPopup:false,
ccRef: null,
userInfo: {
@ -371,8 +372,8 @@
parent_id: null,
reply_id: null,
reply_name: null,
user_name: item.name?item.name:'盛安',
user_avatar: item.filePath?item.filePath:'../../static/logo.png',
user_name: item.userName,
user_avatar: item.userPhoto?item.userPhoto:'../../static/logo.png',
user_content: item.content,
is_like: true,
like_count: 8,
@ -804,11 +805,13 @@
createBy:uni.getStorageSync('userId'),
shipinquanId:this.dataList[this.k].id,
}
this.dataList[this.k].sfdz = !this.dataList[this.k].sfdz
// this.dataList[this.k].sfdz = !this.dataList[this.k].sfdz
if(this.dataList[this.k].sfdz=='1'){
this.$Request.post("/app/shipinquan/addDianzan", data).then(res => {
if (res.code == 0) {
const video = this.dataList[this.k];
// this.dataList[this.k].dzs += 1;
// this.dataList[this.k].sfdz = '0';
const video = this.dataList[this.k].dzs;
sss=video.dzs += 1;
} else {
this.dataList[this.k].sfdz ='0'

BIN
static/closeimg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB