客户管理页面
Go to file
1378012178@qq.com adf892b540 我的盛安-我的服务:各服务有未使用服务时增加红点提示 2025-02-12 11:20:05 +08:00
.hbuilderx 测试 2024-06-12 15:52:21 +08:00
common Merge branch 'master' of http://47.115.223.229:8888/yangjun/sadjv3_user 2025-02-08 16:42:36 +08:00
components 苹果手机 两个按钮同时出现 调整一下 2024-08-27 16:14:20 +08:00
file 1 2024-06-05 19:16:02 +08:00
http 删除 没用页面 2024-06-15 20:59:02 +08:00
js_sdk 1 2024-06-05 19:16:02 +08:00
my 会员中心修改 2025-02-11 16:04:22 +08:00
package 优化调整 2025-02-08 16:35:24 +08:00
pages 我的盛安-我的服务:各服务有未使用服务时增加红点提示 2025-02-12 11:20:05 +08:00
static 会员中心修改 2025-02-11 16:04:22 +08:00
uni_modules 盛安新版本问题优化-1 2024-10-26 16:30:54 +08:00
unpackage/cache 测试 2024-06-12 15:52:21 +08:00
utils 定位 2024-08-13 20:51:08 +08:00
uview-ui 配置文件 2024-08-30 15:54:28 +08:00
.gitignore 1 2024-06-05 19:16:02 +08:00
App.vue 优化调整 2025-02-08 16:35:24 +08:00
LICENSE 1 2024-06-05 19:16:02 +08:00
changelog.md 测试 2024-06-12 15:52:21 +08:00
gxdm.bat 1 2024-06-05 19:16:02 +08:00
index.html 2024年6月27日 修改定位KEY 2024-06-27 21:41:52 +08:00
main.js 测试 2024-06-12 15:52:21 +08:00
manifest.json 修改bug 2024-08-05 19:05:50 +08:00
package-lock.json 测试 2024-06-12 15:52:21 +08:00
package.json 修改bug 2024-08-14 15:48:32 +08:00
pages.json 增加客服按钮新消息闪动,逻辑如下: 2025-02-11 14:16:34 +08:00
project.config.json 测试 2024-06-12 15:52:21 +08:00
project.private.config.json 测试 2024-06-12 15:52:21 +08:00
readme.md 测试 2024-06-12 15:52:21 +08:00
tbdm.bat 1 2024-06-05 19:16:02 +08:00
uni.scss 新加 约到店 商城 2024-07-09 11:02:01 +08:00
vue.config.js 1 2024-06-05 19:16:02 +08:00
y-video-slide.png 测试 2024-06-12 15:52:21 +08:00

readme.md

<y-video-slide 
	video-height="calc(100vh - 44px)" 
	:data="videoData" 
	:videoIndex.sync="currentIndex"
	@refresh="refresh" 
	@loadMore="loadMore" 
	@share="share" 
	@fabulous="fabulous" 
	@follow="follow" 
	@commentFabulous="commentFabulous">
</y-video-slide>

属性说明

video-height: 视频容器的高度

videoIndex:当前播放的视频下标

data:视频列表数据

@refresh下拉刷新方法

@loadMore上拉加载方法

@share分享按钮方法

@fabulous视频点赞切换方法

@follow关注切换方法

@commentFabulous评论点赞切换方法

data数据格式示例

			[{
				id: '1',
        //是否关注
				isFollow:0,
        //是否点赞
				isFabulous:1,
        //用户昵称
				userNick:'',
				//用户头像        
        userHead:'',
        //视频描述信息
				videoContent:'',
        //点赞数量
				fabulousCount: 1,
        //评论数量
				commentCount:1000,
        //分享数量
				shareCount:499,
        //视频资源地址
				videoUrl: '',
        //视频封面图片地址
				posterUrl: '',
        //视频评论对象
				commentObj:{
          //评论总数
					count:520,
          //评论列表
					list:[{
            //用户头像
						userHead:'',
            //用户昵称
						userNick:'小二',
            //评论内容
						content:'',
            //评论时间
						time:'2021-05-06 15:34:44',
            //点赞数量
						fabulousCount:3737,
            //是否点赞
						isFabulous:1,
            //评论列表
						children:[{
              //被回复人
							replyTo:'小二',
              //用户头像
							userHead:'',
              //用户昵称
							userNick:'小三',
              //回复内容
							content:'',
              //回复时间
							time:'2021-05-06 15:34:44',
              //点赞数量
							fabulousCount:3737,
              //是否点赞
							isFabulous:0,
						}]
					}]
				}
			}]

示例文件

<template>
	<view class="content">
		<y-video-slide 
        video-height="100vh" :data="videoData" 
				@refresh="refresh" @loadMore="loadMore" @share="share" 
				@fabulous="fabulous" @follow="follow" @commentFabulous="commentFabulous"></y-video-slide>
	</view>
</template>
<script>
export default {
	data() {
		return {
			videoData:[{
				id: '1',
				isFollow:0,
				isFabulous:1,
				userNick:'姚哥哥',
				videoContent:'这是一条测试这是一条测试这是一条测试这是一条测试这是一条测试这是一条测试这是一条测试这是一条测试这是一条测试',
				fabulousCount: 1,
				commentCount:1000,
				shareCount:499,
				videoUrl: 'https://v-cdn.zjol.com.cn/280443.mp4',
				posterUrl: 'https://img-my.csdn.net/uploads/201407/26/1406383299_1976.jpg',
				commentObj:{
					count:520,
					list:[{
						userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F5e%2F4e%2Ff0%2F5e4ef0e451852e0114d75eac14f60924.jpeg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642669624&t=028d851350e18512dbf4bfe3a86cbfa4',
						userNick:'小二',
						content:'这是一条测试而已',
						time:'2021-05-06 15:34:44',
						fabulousCount:3737,
						isFabulous:1,
						children:[{
							replyTo:'小二',
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F3c%2F12%2F4c%2F3c124c5277386c897dad2977bb964ea1.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670117&t=cd32b3baf24c5b3bba4c7516bb211bfe',
							userNick:'小三',
							content:'这是一条测试而已这是一条测试而已这是一条测试而已这是一条测试而已这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
							isFabulous:0,
						},{
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F1f%2F4f%2F53%2F1f4f53402015d7c738e68e7fdfa4877c.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670600&t=b0fbb15006c730305ec59bbfa55d18b9',
							replyTo:'小三',
							userNick:'小四',
							content:'这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
							isFabulous:0,
						}]
					}]
				},
				userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F39%2Fb7%2F53%2F39b75357f98675e2d6d5dcde1fb805a3.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642661023&t=dc2e75969d5509c28c65571534c2cf53'
			}, {
				id: '2',
				isFollow:1,
				isFabulous:0,
				userNick:'姚哥哥',
				videoContent:'这是一条测试',
				fabulousCount: 1,
				commentCount:1000,
				shareCount:499,
				videoUrl: 'https://v-cdn.zjol.com.cn/276982.mp4',
				commentObj:{
					count:100,
					list:[{
						userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F5e%2F4e%2Ff0%2F5e4ef0e451852e0114d75eac14f60924.jpeg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642669624&t=028d851350e18512dbf4bfe3a86cbfa4',
						userNick:'小二',
						content:'这是一条测试而已',
						time:'2021-05-06 15:34:44',
						fabulousCount:3737,
						children:[{
							replyTo:'小二',
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F3c%2F12%2F4c%2F3c124c5277386c897dad2977bb964ea1.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670117&t=cd32b3baf24c5b3bba4c7516bb211bfe',
							userNick:'小三',
							content:'这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
						},{
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F1f%2F4f%2F53%2F1f4f53402015d7c738e68e7fdfa4877c.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670600&t=b0fbb15006c730305ec59bbfa55d18b9',
							replyTo:'小三',
							userNick:'小四',
							content:'这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
						}]
					}]
				},
				posterUrl: 'https://img-my.csdn.net/uploads/201407/26/1406383291_6518.jpg',
				userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F39%2Fb7%2F53%2F39b75357f98675e2d6d5dcde1fb805a3.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642661023&t=dc2e75969d5509c28c65571534c2cf53'
			}, {
				id: '3',
				isFollow:1,
				isFabulous:1,
				userNick:'姚哥哥',
				videoContent:'这是一条测试',
				fabulousCount: 1,
				commentCount:1000,
				shareCount:499,
				videoUrl: 'https://v-cdn.zjol.com.cn/276984.mp4',
				commentObj:{
					count:234,
					list:[{
						userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F5e%2F4e%2Ff0%2F5e4ef0e451852e0114d75eac14f60924.jpeg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642669624&t=028d851350e18512dbf4bfe3a86cbfa4',
						userNick:'小二',
						content:'这是一条测试而已',
						time:'2021-05-06 15:34:44',
						fabulousCount:3737,
						children:[{
							replyTo:'小二',
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F3c%2F12%2F4c%2F3c124c5277386c897dad2977bb964ea1.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670117&t=cd32b3baf24c5b3bba4c7516bb211bfe',
							userNick:'小三',
							content:'这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
						},{
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F1f%2F4f%2F53%2F1f4f53402015d7c738e68e7fdfa4877c.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670600&t=b0fbb15006c730305ec59bbfa55d18b9',
							replyTo:'小三',
							userNick:'小四',
							content:'这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
						}]
					}]
				},
				posterUrl: 'https://img-my.csdn.net/uploads/201407/26/1406383291_8239.jpg',
				userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F39%2Fb7%2F53%2F39b75357f98675e2d6d5dcde1fb805a3.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642661023&t=dc2e75969d5509c28c65571534c2cf53'
			}, {
				id: '4',
				isFollow:1,
				isFabulous:0,
				userNick:'姚哥哥',
				videoContent:'这是一条测试',
				fabulousCount: 1,
				commentCount:1000,
				shareCount:499,
				videoUrl: 'https://v-cdn.zjol.com.cn/276985.mp4',
				commentObj:{
					count:523,
					list:[{
						userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F5e%2F4e%2Ff0%2F5e4ef0e451852e0114d75eac14f60924.jpeg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642669624&t=028d851350e18512dbf4bfe3a86cbfa4',
						userNick:'小二',
						content:'这是一条测试而已',
						time:'2021-05-06 15:34:44',
						fabulousCount:3737,
						children:[{
							replyTo:'小二',
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F3c%2F12%2F4c%2F3c124c5277386c897dad2977bb964ea1.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670117&t=cd32b3baf24c5b3bba4c7516bb211bfe',
							userNick:'小三',
							content:'这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
						},{
							userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F1f%2F4f%2F53%2F1f4f53402015d7c738e68e7fdfa4877c.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642670600&t=b0fbb15006c730305ec59bbfa55d18b9',
							replyTo:'小三',
							userNick:'小四',
							content:'这是一条测试而已',
							time:'2021-05-06 15:34:44',
							fabulousCount:3737,
						}]
					}]
				},
				posterUrl: 'https://img-my.csdn.net/uploads/201407/26/1406383290_9329.jpg',
				userHead:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F39%2Fb7%2F53%2F39b75357f98675e2d6d5dcde1fb805a3.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642661023&t=dc2e75969d5509c28c65571534c2cf53'
			}]
		}
	},
	onLoad() {

	},
	methods: {
		refresh(){
			console.log('松开刷新');
			this.videoData = this.videoData.splice(2,2);
		},
		loadMore(){
			console.log('加载更多');
		},
		share(video){
			uni.showToast({
				title:'分享',
				icon:'none'
			});
			console.log(video)
		},
		fabulous(video,flag){
			uni.showToast({
				title:'点赞',
				icon:'none'
			});
			console.log(video,flag)
		},
		follow(video, flag){
			console.log(video,flag)
		},
		commentFabulous(comment){
			console.log(comment)
		}
	}
}
</script>
<style>
.content {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
</style>