wx-program
pangdundun 2024-02-22 14:20:13 +08:00
parent 1586431477
commit ac5bca0418
42 changed files with 565 additions and 336 deletions

View File

@ -12,49 +12,41 @@
<view class="skills"> <view class="skills">
<view class="left"> <view class="left">
<image src="../../static/direction_keys.png" mode=""></image> <image src="../../static/direction_keys.png" mode=""></image>
<view :class="directionFlag == 0 ? 'arrow_item_act' : 'arrow_item'" class="left_arrow_item" @touchstart='ytControl1(2)' @touchend='ytControlStop(2)'> <view :class="directionFlag == 0 ? 'left_arrow_item_act' : 'left_arrow_item'" @touchstart.stop.prevent='touchstart(2)' @touchend.stop.prevent='touchend(2)'>
<image class="left_arrow" src="../../static/left_arrow.png" mode="" v-if="directionFlag != 0"></image>
<image class="left_arrow" src="../../static/left_arrow_act.png" mode="" v-else></image>
</view> </view>
<view :class="directionFlag == 1 ? 'arrow_item_act' : 'arrow_item'" class="right_arrow_item" @touchstart='ytControl2(3)' @touchend='ytControlStop(3)'> <view :class="directionFlag == 1 ? 'right_arrow_item_act' : 'right_arrow_item'" @touchstart.stop.prevent='touchstart(3)' @touchend.stop.prevent='touchend(3)'>
<image class="right_arrow" src="../../static/right_arrow.png" mode="" v-if="directionFlag != 1"></image>
<image class="right_arrow" src="../../static/right_arrow_act.png" mode="" v-else></image>
</view> </view>
<view :class="directionFlag == 2 ? 'arrow_item_act' : 'arrow_item'" class="up_arrow_item" @touchstart='ytControl3(0)' @touchend='ytControlStop(0)'> <view :class="directionFlag == 2 ? 'up_arrow_item_act' : 'up_arrow_item'" @touchstart.stop.prevent='touchstart(0)' @touchend.stop.prevent='touchend(0)'>
<image class="up_arrow" src="../../static/up_arrow.png" mode="" v-if="directionFlag != 2"></image>
<image class="up_arrow" src="../../static/up_arrow_act.png" mode="" v-else></image>
</view> </view>
<view :class="directionFlag == 3 ? 'arrow_item_act' : 'arrow_item'" class="down_arrow_item" @touchstart='ytControl4(1)' @touchend='ytControlStop(1)'> <view :class="directionFlag == 3 ? 'down_arrow_item_act' : 'down_arrow_item'" @touchstart.stop.prevent='touchstart(1)' @touchend.stop.prevent='touchend(1)'>
<image class="down_arrow" src="../../static/down_arrow.png" mode="" v-if="directionFlag != 3"></image>
<image class="down_arrow" src="../../static/down_arrow_act.png" mode="" v-else></image>
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<view class="right_item"> <view class="right_item">
<view :class="flag1?'add_act':'add'" @touchstart='ytControlFocusAdd(10)' @touchend='ytControlStopFocusAdd(10)'> <view :class="flag1?'add_act':'add'" @touchstart.stop.prevent='touchstart(10)' @touchend.stop.prevent='touchend(10)'>
<image src="../../static/add_act.png" mode="" v-if="flag1==true"></image>
<image src="../../static/add.png" mode="" v-if="flag1==false"></image>
</view> </view>
<view class="focus"> <view class="focus">
焦距 焦距
</view> </view>
<view :class="flag1?'subtract':'subtract_act'" @touchstart='ytControlFocusSubtract(11)' @touchend='ytControlStopFocusSubtract(11)'> <view :class="flag1?'subtract':'subtract_act'" @touchstart.stop.prevent='touchstart(11)' @touchend.stop.prevent='touchend(11)'>
<image src="../../static/subtract.png" mode="" v-if="flag1==true"></image>
<image src="../../static/subtract_act.png" mode="" v-if="flag1==false"></image>
</view> </view>
</view> </view>
<view class="right_item"> <view class="right_item">
<view :class="flag2?'add_act':'add'" @touchstart='ytControlScaleAdd(8)' @touchend='ytControlStopScaleAdd(8)'> <view :class="flag2?'add_act':'add'" @touchstart.stop.prevent='touchstart(8)' @touchend.stop.prevent='touchend(8)'>
<image src="../../static/add_act.png" mode="" v-if="flag2==true"></image>
<image src="../../static/add.png" mode="" v-if="flag2==false"></image>
</view> </view>
<view class="focus"> <view class="focus">
缩放 缩放
</view> </view>
<view :class="flag2?'subtract':'subtract_act'" @touchstart='ytControlScaleSubtract(9)' @touchend='ytControlStopScaleSubtract(9)'> <view :class="flag2?'subtract':'subtract_act'" @touchstart.stop.prevent='touchstart(9)' @touchend.stop.prevent='touchend(9)'>
<image src="../../static/subtract.png" mode="" v-if="flag2==true"></image>
<image src="../../static/subtract_act.png" mode="" v-if="flag2==false"></image>
</view> </view>
</view> </view>
</view> </view>
@ -78,8 +70,6 @@
cameraChannelNumber:'', cameraChannelNumber:'',
accesstoken:'', accesstoken:'',
src:'', src:'',
timer:null,
timer1:null
}; };
}, },
onLoad(options) { onLoad(options) {
@ -106,108 +96,64 @@
}) })
}, },
ytControl(num){ touchstart(num){
if(num == 2){
this.directionFlag = 0;
}else if(num == 3){
this.directionFlag = 1;
}else if(num == 0){
this.directionFlag = 2;
}else if(num == 1){
this.directionFlag = 3;
}else if(num == 10){
this.flag1 = true;
}else if(num == 11){
this.flag1 = false;
}else if(num == 8){
this.flag2 = true;
}else if(num == 9){
this.flag2 = false;
}
let that = this; let that = this;
clearTimeout(that.timer); uni.request({
that.timer = setTimeout(() => { url: 'https://open.ys7.com/api/lapp/device/ptz/start',
uni.request({ method: 'POST',
url: 'https://open.ys7.com/api/lapp/device/ptz/start', data:{
method: 'POST', accessToken: that.accesstoken,
data:{ deviceSerial: that.cameraSerialNumber,
accessToken: that.accesstoken, channelNo: that.cameraChannelNumber,
deviceSerial: that.cameraSerialNumber, direction:num,
channelNo: that.cameraChannelNumber, speed: 1,
direction:num, },
speed: 1, header: {
}, 'Content-Type': 'application/x-www-form-urlencoded',
header: { },
'Content-Type': 'application/x-www-form-urlencoded', success: (res) => {
}, // console.log(res);
success: (res) => { }
console.log(res); });
}
});
}, 500);
}, },
ytControlStop(num){ touchend(num){
this.directionFlag = 5
let that = this; let that = this;
clearTimeout(that.timer1); uni.request({
that.timer1 = setTimeout(() => { url:'https://open.ys7.com/api/lapp/device/ptz/stop',
uni.request({ method: 'POST',
url:'https://open.ys7.com/api/lapp/device/ptz/stop', data:{
method: 'POST', accessToken: that.accesstoken,
data:{ deviceSerial: that.cameraSerialNumber,
accessToken: that.accesstoken, channelNo: that.cameraChannelNumber,
deviceSerial: that.cameraSerialNumber, direction:num,
channelNo: that.cameraChannelNumber, speed: 1,
direction:num, },
speed: 1, header: {
}, 'Content-Type': 'application/x-www-form-urlencoded',
header: { },
'Content-Type': 'application/x-www-form-urlencoded', success: (res) => {
}, // console.log(res);
success: (res) => { }
console.log(res); })
}
})
}, 500);
},
ytControl1(num){
this.directionFlag = 0
this.ytControl(num)
},
ytControl2(num){
this.directionFlag = 1
this.ytControl(num)
},
ytControl3(num){
this.directionFlag = 2
this.ytControl(num)
},
ytControl4(num){
this.directionFlag = 3
this.ytControl(num)
},
// -
ytControlFocusAdd(num){
this.flag1 = true;
this.ytControl(num)
},
ytControlStopFocusAdd(num){
this.ytControlStop(num);
},
// -
ytControlFocusSubtract(num){
this.flag1 = false;
this.ytControl(num)
},
ytControlStopFocusSubtract(num){
this.ytControlStop(num);
},
// -
ytControlScaleAdd(num){
this.flag2 = true;
this.ytControl(num)
},
ytControlStopScaleAdd(){
this.ytControlStop(num);
},
// -
ytControlScaleSubtract(num){
this.flag2 = false;
this.ytControl(num)
},
ytControlStopScaleSubtract(num){
this.ytControlStop(num);
}, },
} }
} }
@ -252,17 +198,19 @@
height: 15rpx; height: 15rpx;
} }
.arrow_item{ //
.left_arrow_item{
width: 51rpx; width: 51rpx;
height: 51rpx; height: 51rpx;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute;
top: 145rpx;
left: 29rpx;
} }
.left_arrow_item_act{
.arrow_item_act{
width: 51rpx; width: 51rpx;
height: 51rpx; height: 51rpx;
background: #24B383; background: #24B383;
@ -270,30 +218,172 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
.left_arrow_item{
position: absolute; position: absolute;
top: 145rpx; top: 145rpx;
left: 29rpx; left: 29rpx;
} }
.left_arrow_item::after{
content: '';
width: 15rpx;
height: 28rpx;
background: url('../../static/left_arrow.png') center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.left_arrow_item_act::after{
content: '';
width: 15rpx;
height: 28rpx;
background: url('../../static/left_arrow_act.png') center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
//
.right_arrow_item{ .right_arrow_item{
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute; position: absolute;
top: 145rpx; top: 145rpx;
right: 29rpx; right: 29rpx;
} }
.right_arrow_item_act{
width: 51rpx;
height: 51rpx;
background: #24B383;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 145rpx;
right: 29rpx;
}
.right_arrow_item::after{
content: '';
width: 15rpx;
height: 28rpx;
background: url('../../static/right_arrow.png') center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.right_arrow_item_act::after{
content: '';
width: 15rpx;
height: 28rpx;
background: url('../../static/right_arrow_act.png') center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
//
.up_arrow_item{ .up_arrow_item{
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute; position: absolute;
top: 29rpx; top: 29rpx;
left: 146rpx; left: 146rpx;
} }
.up_arrow_item_act{
width: 51rpx;
height: 51rpx;
background: #24B383;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 29rpx;
left: 146rpx;
}
.up_arrow_item::after{
content: '';
width: 27rpx;
height: 15rpx;
background: url('../../static/up_arrow.png') center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.up_arrow_item_act::after{
content: '';
width: 27rpx;
height: 15rpx;
background: url('../../static/up_arrow_act.png') center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
//
.down_arrow_item{ .down_arrow_item{
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute; position: absolute;
bottom: 28rpx; bottom: 28rpx;
left: 145rpx; left: 146rpx;
}
.down_arrow_item_act{
width: 51rpx;
height: 51rpx;
background: #24B383;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 28rpx;
left: 146rpx;
}
.down_arrow_item::after{
content: '';
width: 27rpx;
height: 15rpx;
background: url('../../static/down_arrow.png') center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.down_arrow_item_act::after{
content: '';
width: 27rpx;
height: 15rpx;
background: url('../../static/down_arrow_act.png') center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
} }
>image{ >image{
@ -330,11 +420,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
>image{
width: 38rpx;
height: 38rpx;
}
} }
.add_act{ .add_act{
width: 66rpx; width: 66rpx;
@ -344,11 +430,29 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
>image{ }
width: 38rpx; .add::after{
height: 38rpx; content: '';
} width: 38rpx;
height: 38rpx;
background: url('../../static/add.png') center no-repeat;
background-size: 38rpx 38rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.add_act::after{
content: '';
width: 38rpx;
height: 38rpx;
background: url('../../static/add_act.png') center no-repeat;
background-size: 38rpx 38rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
} }
.focus{ .focus{
@ -367,11 +471,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
>image{
width: 38rpx;
height: 8rpx;
}
} }
.subtract_act{ .subtract_act{
width: 66rpx; width: 66rpx;
@ -382,11 +482,29 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
>image{ }
width: 38rpx; .subtract::after{
height: 8rpx; content: '';
} width: 38rpx;
height: 8rpx;
background: url('../../static/subtract.png') center no-repeat;
background-size: 38rpx 8rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.subtract_act::after{
content: '';
width: 38rpx;
height: 8rpx;
background: url('../../static/subtract_act.png') center no-repeat;
background-size: 38rpx 8rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
} }
} }
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -221,14 +221,6 @@ exports.default = void 0;
// //
// //
// //
//
//
//
//
//
//
//
//
var _default = { var _default = {
data: function data() { data: function data() {
return { return {
@ -242,9 +234,7 @@ var _default = {
cameraSerialNumber: '', cameraSerialNumber: '',
cameraChannelNumber: '', cameraChannelNumber: '',
accesstoken: '', accesstoken: '',
src: '', src: ''
timer: null,
timer1: null
}; };
}, },
onLoad: function onLoad(options) { onLoad: function onLoad(options) {
@ -271,99 +261,63 @@ var _default = {
} }
}); });
}, },
ytControl: function ytControl(num) { touchstart: function touchstart(num) {
if (num == 2) {
this.directionFlag = 0;
} else if (num == 3) {
this.directionFlag = 1;
} else if (num == 0) {
this.directionFlag = 2;
} else if (num == 1) {
this.directionFlag = 3;
} else if (num == 10) {
this.flag1 = true;
} else if (num == 11) {
this.flag1 = false;
} else if (num == 8) {
this.flag2 = true;
} else if (num == 9) {
this.flag2 = false;
}
var that = this; var that = this;
clearTimeout(that.timer); uni.request({
that.timer = setTimeout(function () { url: 'https://open.ys7.com/api/lapp/device/ptz/start',
uni.request({ method: 'POST',
url: 'https://open.ys7.com/api/lapp/device/ptz/start', data: {
method: 'POST', accessToken: that.accesstoken,
data: { deviceSerial: that.cameraSerialNumber,
accessToken: that.accesstoken, channelNo: that.cameraChannelNumber,
deviceSerial: that.cameraSerialNumber, direction: num,
channelNo: that.cameraChannelNumber, speed: 1
direction: num, },
speed: 1 header: {
}, 'Content-Type': 'application/x-www-form-urlencoded'
header: { },
'Content-Type': 'application/x-www-form-urlencoded' success: function success(res) {
}, // console.log(res);
success: function success(res) { }
console.log(res); });
}
});
}, 500);
}, },
ytControlStop: function ytControlStop(num) { touchend: function touchend(num) {
this.directionFlag = 5;
var that = this; var that = this;
clearTimeout(that.timer1); uni.request({
that.timer1 = setTimeout(function () { url: 'https://open.ys7.com/api/lapp/device/ptz/stop',
uni.request({ method: 'POST',
url: 'https://open.ys7.com/api/lapp/device/ptz/stop', data: {
method: 'POST', accessToken: that.accesstoken,
data: { deviceSerial: that.cameraSerialNumber,
accessToken: that.accesstoken, channelNo: that.cameraChannelNumber,
deviceSerial: that.cameraSerialNumber, direction: num,
channelNo: that.cameraChannelNumber, speed: 1
direction: num, },
speed: 1 header: {
}, 'Content-Type': 'application/x-www-form-urlencoded'
header: { },
'Content-Type': 'application/x-www-form-urlencoded' success: function success(res) {
}, // console.log(res);
success: function success(res) { }
console.log(res); });
}
});
}, 500);
},
ytControl1: function ytControl1(num) {
this.directionFlag = 0;
this.ytControl(num);
},
ytControl2: function ytControl2(num) {
this.directionFlag = 1;
this.ytControl(num);
},
ytControl3: function ytControl3(num) {
this.directionFlag = 2;
this.ytControl(num);
},
ytControl4: function ytControl4(num) {
this.directionFlag = 3;
this.ytControl(num);
},
// 焦距-放大
ytControlFocusAdd: function ytControlFocusAdd(num) {
this.flag1 = true;
this.ytControl(num);
},
ytControlStopFocusAdd: function ytControlStopFocusAdd(num) {
this.ytControlStop(num);
},
// 焦距-缩小
ytControlFocusSubtract: function ytControlFocusSubtract(num) {
this.flag1 = false;
this.ytControl(num);
},
ytControlStopFocusSubtract: function ytControlStopFocusSubtract(num) {
this.ytControlStop(num);
},
// 缩放-放大
ytControlScaleAdd: function ytControlScaleAdd(num) {
this.flag2 = true;
this.ytControl(num);
},
ytControlStopScaleAdd: function ytControlStopScaleAdd() {
this.ytControlStop(num);
},
// 缩放-缩小
ytControlScaleSubtract: function ytControlScaleSubtract(num) {
this.flag2 = false;
this.ytControl(num);
},
ytControlStopScaleSubtract: function ytControlStopScaleSubtract(num) {
this.ytControlStop(num);
} }
} }
}; };

View File

@ -1 +1 @@
<view class="videoLive data-v-0ceca996"><u-navbar vue-id="deadeba0-1" background="{{background}}" is-back="{{true}}" back-icon-color="#FFFFFF" border-bottom="{{false}}" title="摄像机01" title-color="#FFFFFF" title-bold="{{true}}" title-size="32" class="data-v-0ceca996" bind:__l="__l"></u-navbar><view class="center data-v-0ceca996"><view class="video_live data-v-0ceca996"><video style="width:100%;height:100%;" id="myVideo" src="{{src}}" controls="{{true}}" class="data-v-0ceca996"></video></view><view class="skills data-v-0ceca996"><view class="left data-v-0ceca996"><image src="../../static/direction_keys.png" mode class="data-v-0ceca996"></image><view data-event-opts="{{[['touchstart',[['ytControl1',[2]]]],['touchend',[['ytControlStop',[2]]]]]}}" class="{{['left_arrow_item','data-v-0ceca996',directionFlag==0?'arrow_item_act':'arrow_item']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{directionFlag!=0}}"><image class="left_arrow data-v-0ceca996" src="../../static/left_arrow.png" mode></image></block><block wx:else><image class="left_arrow data-v-0ceca996" src="../../static/left_arrow_act.png" mode></image></block></view><view data-event-opts="{{[['touchstart',[['ytControl2',[3]]]],['touchend',[['ytControlStop',[3]]]]]}}" class="{{['right_arrow_item','data-v-0ceca996',directionFlag==1?'arrow_item_act':'arrow_item']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{directionFlag!=1}}"><image class="right_arrow data-v-0ceca996" src="../../static/right_arrow.png" mode></image></block><block wx:else><image class="right_arrow data-v-0ceca996" src="../../static/right_arrow_act.png" mode></image></block></view><view data-event-opts="{{[['touchstart',[['ytControl3',[0]]]],['touchend',[['ytControlStop',[0]]]]]}}" class="{{['up_arrow_item','data-v-0ceca996',directionFlag==2?'arrow_item_act':'arrow_item']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{directionFlag!=2}}"><image class="up_arrow data-v-0ceca996" src="../../static/up_arrow.png" mode></image></block><block wx:else><image class="up_arrow data-v-0ceca996" src="../../static/up_arrow_act.png" mode></image></block></view><view data-event-opts="{{[['touchstart',[['ytControl4',[1]]]],['touchend',[['ytControlStop',[1]]]]]}}" class="{{['down_arrow_item','data-v-0ceca996',directionFlag==3?'arrow_item_act':'arrow_item']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{directionFlag!=3}}"><image class="down_arrow data-v-0ceca996" src="../../static/down_arrow.png" mode></image></block><block wx:else><image class="down_arrow data-v-0ceca996" src="../../static/down_arrow_act.png" mode></image></block></view></view><view class="right data-v-0ceca996"><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['touchstart',[['ytControlFocusAdd',[10]]]],['touchend',[['ytControlStopFocusAdd',[10]]]]]}}" class="{{['data-v-0ceca996',flag1?'add_act':'add']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag1==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag1==false}}"><image src="../../static/add.png" mode class="data-v-0ceca996"></image></block></view><view class="focus data-v-0ceca996">焦距</view><view data-event-opts="{{[['touchstart',[['ytControlFocusSubtract',[11]]]],['touchend',[['ytControlStopFocusSubtract',[11]]]]]}}" class="{{['data-v-0ceca996',flag1?'subtract':'subtract_act']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag1==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag1==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['touchstart',[['ytControlScaleAdd',[8]]]],['touchend',[['ytControlStopScaleAdd',[8]]]]]}}" class="{{['data-v-0ceca996',flag2?'add_act':'add']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag2==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag2==false}}"><image src="../../static/add.png" mode class="data-v-0ceca996"></image></block></view><view class="focus data-v-0ceca996">缩放</view><view data-event-opts="{{[['touchstart',[['ytControlScaleSubtract',[9]]]],['touchend',[['ytControlStopScaleSubtract',[9]]]]]}}" class="{{['data-v-0ceca996',flag2?'subtract':'subtract_act']}}" bindtouchstart="__e" bindtouchend="__e"><block wx:if="{{flag2==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag2==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view></view></view></view></view> <view class="videoLive data-v-0ceca996"><u-navbar vue-id="deadeba0-1" background="{{background}}" is-back="{{true}}" back-icon-color="#FFFFFF" border-bottom="{{false}}" title="摄像机01" title-color="#FFFFFF" title-bold="{{true}}" title-size="32" class="data-v-0ceca996" bind:__l="__l"></u-navbar><view class="center data-v-0ceca996"><view class="video_live data-v-0ceca996"><video style="width:100%;height:100%;" id="myVideo" src="{{src}}" controls="{{true}}" class="data-v-0ceca996"></video></view><view class="skills data-v-0ceca996"><view class="left data-v-0ceca996"><image src="../../static/direction_keys.png" mode class="data-v-0ceca996"></image><view data-event-opts="{{[['touchstart',[['touchstart',[2]]]],['touchend',[['touchend',[2]]]]]}}" class="{{['data-v-0ceca996',directionFlag==0?'left_arrow_item_act':'left_arrow_item']}}" catchtouchstart="__e" catchtouchend="__e"></view><view data-event-opts="{{[['touchstart',[['touchstart',[3]]]],['touchend',[['touchend',[3]]]]]}}" class="{{['data-v-0ceca996',directionFlag==1?'right_arrow_item_act':'right_arrow_item']}}" catchtouchstart="__e" catchtouchend="__e"></view><view data-event-opts="{{[['touchstart',[['touchstart',[0]]]],['touchend',[['touchend',[0]]]]]}}" class="{{['data-v-0ceca996',directionFlag==2?'up_arrow_item_act':'up_arrow_item']}}" catchtouchstart="__e" catchtouchend="__e"></view><view data-event-opts="{{[['touchstart',[['touchstart',[1]]]],['touchend',[['touchend',[1]]]]]}}" class="{{['data-v-0ceca996',directionFlag==3?'down_arrow_item_act':'down_arrow_item']}}" catchtouchstart="__e" catchtouchend="__e"></view></view><view class="right data-v-0ceca996"><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['touchstart',[['touchstart',[10]]]],['touchend',[['touchend',[10]]]]]}}" class="{{['data-v-0ceca996',flag1?'add_act':'add']}}" catchtouchstart="__e" catchtouchend="__e"></view><view class="focus data-v-0ceca996">焦距</view><view data-event-opts="{{[['touchstart',[['touchstart',[11]]]],['touchend',[['touchend',[11]]]]]}}" class="{{['data-v-0ceca996',flag1?'subtract':'subtract_act']}}" catchtouchstart="__e" catchtouchend="__e"></view></view><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['touchstart',[['touchstart',[8]]]],['touchend',[['touchend',[8]]]]]}}" class="{{['data-v-0ceca996',flag2?'add_act':'add']}}" catchtouchstart="__e" catchtouchend="__e"></view><view class="focus data-v-0ceca996">缩放</view><view data-event-opts="{{[['touchstart',[['touchstart',[9]]]],['touchend',[['touchend',[9]]]]]}}" class="{{['data-v-0ceca996',flag2?'subtract':'subtract_act']}}" catchtouchstart="__e" catchtouchend="__e"></view></view></view></view></view></view>

View File

@ -57,15 +57,18 @@
width: 27rpx; width: 27rpx;
height: 15rpx; height: 15rpx;
} }
.videoLive .center .skills .left .arrow_item.data-v-0ceca996 { .videoLive .center .skills .left .left_arrow_item.data-v-0ceca996 {
width: 51rpx; width: 51rpx;
height: 51rpx; height: 51rpx;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute;
top: 145rpx;
left: 29rpx;
} }
.videoLive .center .skills .left .arrow_item_act.data-v-0ceca996 { .videoLive .center .skills .left .left_arrow_item_act.data-v-0ceca996 {
width: 51rpx; width: 51rpx;
height: 51rpx; height: 51rpx;
background: #24B383; background: #24B383;
@ -73,26 +76,174 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
.videoLive .center .skills .left .left_arrow_item.data-v-0ceca996 {
position: absolute; position: absolute;
top: 145rpx; top: 145rpx;
left: 29rpx; left: 29rpx;
} }
.videoLive .center .skills .left .left_arrow_item.data-v-0ceca996::after {
content: '';
width: 15rpx;
height: 28rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAAXNSR0IArs4c6QAAAa9JREFUOE+llbtLw1AYxc/XGksRxQdUisWiiSAIgoubi5vSFFSok4uDuFQQFwVTgi8KgosunVw6aS1oH1gHaf8AHXS9/Tt8NlcUo03oTWvMGO7vuzfnnHtC+MMzmNeH2w3vDQgyOO6pVXaosBf2GLxCQNhkWoKVCz2Edk8FoOH6zZrC4ev9YNub8bnjiOWUxHccYTmrB0j62nHU+nk8ydTElhAeyB70+aVaBcCYFaQjpm5vfL5rCA/mN3sk3lEmYLwe5OAnVTURFwqmFPUuvHvKIJqwgIRUNaKtCgXrLx12dL4+3wKYtFl4ylRt2W7rz7FDZ+t+n7+3RMCUVVWkWURbapSHL1gpxn38PVAkwrRtUYbd1Rah60ZjOLUiycHQJRHNWBZwnmPPj3OInddEKSQ5t5Ml0JzNxxJ7MqKI6a9O8SUlt8ttdhTI273AZtdemuX+f/C/jg2RYMAVe3qYdxTM2SqeYXeGg1XfqghDwpFmUYeQmKq6jqc5wPXFMAcIryThuBrR1pp2mLgM+BFTE+IyMCcLa4jzJIs61JA5wHUB/ojotnrNAa5L/9cF6+/mA24DvIMRxwtSAAAAAElFTkSuQmCC) center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .left .left_arrow_item_act.data-v-0ceca996::after {
content: '';
width: 15rpx;
height: 28rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LjljY2M0ZGU5MywgMjAyMi8wMy8xNC0xNDowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUMwQzk1RUFDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUMwQzk1RUJDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQzBDOTVFOEM4QzQxMUVFOTA0NTk4QjQzRTdCRkQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQzBDOTVFOUM4QzQxMUVFOTA0NTk4QjQzRTdCRkQ0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvyO9tAAAADXSURBVHjaYvj//z8DCVgJiO/8h4CzpGiUB+IH/5EAsRplgPjufzRAjEZJIL71HxM0EtIoBsTXsWhsB8nj0ygMxFewaOyFqcGlURCIL2LROBlZHTaNfEB8DovGGehq0TVyA/FJLBrnYXMhMocTiA9h0bgYV7jAGOxAvBeLxtVAzIRPMysQb8OicRMQM+OLShCxDovGHUDMRigBMWDRuAXqDYKpj4mBEkCps3EF2EZiAoyiqKI4kVCcPCnOGISy5CRiNFNUGFBcDFFcAFJc9FJc6GOtbgACDACmlUNOprd5mAAAAABJRU5ErkJggg==) center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .left .right_arrow_item.data-v-0ceca996 { .videoLive .center .skills .left .right_arrow_item.data-v-0ceca996 {
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute; position: absolute;
top: 145rpx; top: 145rpx;
right: 29rpx; right: 29rpx;
} }
.videoLive .center .skills .left .right_arrow_item_act.data-v-0ceca996 {
width: 51rpx;
height: 51rpx;
background: #24B383;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 145rpx;
right: 29rpx;
}
.videoLive .center .skills .left .right_arrow_item.data-v-0ceca996::after {
content: '';
width: 15rpx;
height: 28rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAPJJREFUSEu1lT0OgkAQhb8JpTY2XoA9hHIGvYaVjaWFCQHiDYzXMGJM9CzGnhto4xpQDII/u6Dbz7fv7cy+ERWHc2AKnC/C5DiYLbE4ouLwAkihZnwYzhamDFHrIEGkWyowhoi7ijxx9B5o1YFk0u+QHdC2hTy8u5vIE62tIcXHow7kCZDZsVRSAdi+yUuAjZK3AFPIR4CJna+AG8T3xHEqLdYwMgKkELX2e1qcrUAnHzYNp0YATAGNLHz7J/9ro+lI/36U3Y3via72HHiZUr/7zqaey2GbKVBx0AdJc9E+0urenCtJ90IC1I/15oul4Wq7ApmoqDofEHgNAAAAAElFTkSuQmCC) center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .left .right_arrow_item_act.data-v-0ceca996::after {
content: '';
width: 15rpx;
height: 28rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LjljY2M0ZGU5MywgMjAyMi8wMy8xNC0xNDowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTRGODU4MDFDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTRGODU4MDJDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RUU3NkFGRUM4ODUxMUVFOTA0NTk4QjQzRTdCRkQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NEY4NTgwMEM4QzQxMUVFOTA0NTk4QjQzRTdCRkQ0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtJe50wAAACVSURBVHjaYvj//3/bfwj4AcSZQMxACgYR//6jgmxSDXj5HxNkk2KAFRB/IdcQGANkyGdyDEHmkGUIugDJhmATJMkQXE4j2hB8AUSUIYSiiaAhxCQWvIYQm2RxGZJKSsaxAOJ3aAZ8Z2KgFNDDCxQFIkXRSFFCoigpU5SZKMrOFBUolpQUaWSXh1Qr1imuWCiq2gACDABKWJkUf4zTrAAAAABJRU5ErkJggg==) center no-repeat;
background-size: 15rpx 28rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .left .up_arrow_item.data-v-0ceca996 { .videoLive .center .skills .left .up_arrow_item.data-v-0ceca996 {
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute; position: absolute;
top: 29rpx; top: 29rpx;
left: 146rpx; left: 146rpx;
} }
.videoLive .center .skills .left .up_arrow_item_act.data-v-0ceca996 {
width: 51rpx;
height: 51rpx;
background: #24B383;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 29rpx;
left: 146rpx;
}
.videoLive .center .skills .left .up_arrow_item.data-v-0ceca996::after {
content: '';
width: 27rpx;
height: 15rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAPCAYAAAAVk7TYAAAAAXNSR0IArs4c6QAAAXBJREFUOE+VlEFOwkAUhv9/onGnXsAN9AZyAtGVSk2ExMOAVtvDmODCFl0pnkBvACz0AGp3BjLPlGBtZaaMs37zvvn/978h/nFqcdSgkgcC2wJ8iObBxO8+u7aga2EtDhpKqSHAzd87kmqtmxM/cAI6wTJFSskQQAGUI1Ot2XRRuBJWu48aSuQRgi2rC8SnJvcnh9WWVsLqd1e7FD6VFBFTgAEgAQTrhQekQtkbH52/2B5lhVmsm0F0e9S6iL0k8kG5AbBWBFZZaoSZw4AphJ1Rqxv/NF8A+0BRoT00SzC7IraLoD9AJ4UlmDEM2Yy07mTW2WbhJZc+qMpAQ2hymDEMWLbODox8KOlXhWYOmyvSS3s0A3E6OuolrotvVAikWrGZrQXtYai2boWlxtCwPgjfs7+ucHkGMYfBVWF9EJ4QyID5WmR/Kb1BKHkThzC4AueWKlWaIb0kfAWxA+BLgLPxce/WteGquoXCawAbELx9A66ozXMhVipUAAAAAElFTkSuQmCC) center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .left .up_arrow_item_act.data-v-0ceca996::after {
content: '';
width: 27rpx;
height: 15rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAPCAYAAAAVk7TYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LjljY2M0ZGU5MywgMjAyMi8wMy8xNC0xNDowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTRGODU4MDVDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTRGODU4MDZDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NEY4NTgwM0M4QzQxMUVFOTA0NTk4QjQzRTdCRkQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NEY4NTgwNEM4QzQxMUVFOTA0NTk4QjQzRTdCRkQ0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuBO4qMAAACoSURBVHjarJTRDYAgDES7k8whzOO4LID+GfyoGPuBSuCKNLkgEnhec0LMTAqZpMB3BZnD+7WgjZ+1aYB/QGogClq5XisCbIGmgqOYtMj4djj1wkqtO5KsrFuZwy3VgGIGogwYUWCPIyoAIYdIGGIFVAN+QoOEwYK/h22FptW6WXnDVFuqCQP9dGgou+uQMKByBYeBBjpqOrxeenne5YtooJyce5U/BRgAgSdDdnxO9ekAAAAASUVORK5CYII=) center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .left .down_arrow_item.data-v-0ceca996 { .videoLive .center .skills .left .down_arrow_item.data-v-0ceca996 {
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute; position: absolute;
bottom: 28rpx; bottom: 28rpx;
left: 145rpx; left: 146rpx;
}
.videoLive .center .skills .left .down_arrow_item_act.data-v-0ceca996 {
width: 51rpx;
height: 51rpx;
background: #24B383;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 28rpx;
left: 146rpx;
}
.videoLive .center .skills .left .down_arrow_item.data-v-0ceca996::after {
content: '';
width: 27rpx;
height: 15rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAQCAYAAADnEwSWAAAAAXNSR0IArs4c6QAAAoNJREFUOE+tk0toE1EUhv8zUxuTvrCoxdIqOlmIICqKG9GmXVgNnaYgBFe6UBQFXwsfoIFLo2B14QsURRe6koDQZkq0LtpUcSOKRUFcTBRtiFSl0ldiYmeuTNCYuW1sqt7lvf/9v3P+ey4pWvAuAX4AL7lBaqzt1CD+01I6T9eTzMMAVnEgRG4tyH97cz1tmg2DPpb4V159F6t1SFI/QO5fXgLM2uZvDFP2vPOdHPpb4NKuMzWyZEQBWp7vQYrW3kGgYzZjzl8nyWxIqOzLbIG1Gpvv4lI/iFbk3+Xg58jaULTgRQIO2Q4Jr9JJwxP3s+FigXUhVu1wyVHiWGkH4VJMDRzOwqzl7g5eBcc+wXjATI173vo7RmYCLgsdr5Kc5VEAq21awjW9JbDf2svBssBw8CYIu2xVcTwbrTAaPzey8ULABX2svHJM7iPCOvtz4JbeGtidGxDRQNGCtwnYIUT6JMWNzQmVJUV9rcZcTpIfEscGIbo7MTWw0zYgU6rloOzfo+zfy19RyFVbdO/BdC76yGUHjJEHADxCGqGYGtgOQt63EmLMXWBMUtbK9whos/N4j54yW+FnGYRYqdsphQFqFjrqjD03toExU2zE9ma2w+t75iiL6rqIaKtwKayrAZ873B4GkWrviN+PfYz7sPfG9+netzDMGpjIAQefXBghQpNQ/XsClgjR9VLJJ6/uvZKLufjOfirrQkecDmd1DwEbC00jBx6nU8PNcf+FVCHNlNEvJKzpOV9WkfnWC2D9NJqnY6Vzm4aaj078CVQ0zBK6I6wSk1IURGtyppy/QInp0b1sdCbQrGCWeHH3iXmlZlknCJvA8SgjTbR9aDn7tRiQpfkBSNXepVad4x4AAAAASUVORK5CYII=) center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .left .down_arrow_item_act.data-v-0ceca996::after {
content: '';
width: 27rpx;
height: 15rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAQCAYAAADnEwSWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LjljY2M0ZGU5MywgMjAyMi8wMy8xNC0xNDowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTRGODU4MDlDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTRGODU4MEFDOEM0MTFFRTkwNDU5OEI0M0U3QkZENEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NEY4NTgwN0M4QzQxMUVFOTA0NTk4QjQzRTdCRkQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NEY4NTgwOEM4QzQxMUVFOTA0NTk4QjQzRTdCRkQ0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq7iALsAAAEMSURBVHjarJHPCwFRFIUfZeRHREopf7CdlZXN7FiJhWwkspFCShY2/hLPuXVG0+1ihjn1Lea9c+9Xb5z3fgQe4AS6wGWI7Dty/0gO4rmBTkaiDve9omWSK2j/KWpzj9eyniG8gNaPohbndXpRoW9cnkEzpajJOR3Z7+LFgVGSn1tPKKqzrzOIOnpgaJT3oPpFVGVPZxjvWYOhMbQF5TeiMu91Qt21hnNgbAyvQFF1izzXGXPPV5mQBxNjyQIE7AT81plw3iWVCQUwN5ZNeT8z7uacc2ll0TMtjaV342xpPHMqmVACG/85G/bcvzKhAnZvRDveu6xkQg0clOjAc5e1TGiANUVrfieefwowAE3hmdLSkppEAAAAAElFTkSuQmCC) center no-repeat;
background-size: 27rpx 15rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} }
.videoLive .center .skills .left > image.data-v-0ceca996 { .videoLive .center .skills .left > image.data-v-0ceca996 {
width: 100%; width: 100%;
@ -126,10 +277,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} position: relative;
.videoLive .center .skills .right .right_item .add > image.data-v-0ceca996 {
width: 38rpx;
height: 38rpx;
} }
.videoLive .center .skills .right .right_item .add_act.data-v-0ceca996 { .videoLive .center .skills .right .right_item .add_act.data-v-0ceca996 {
width: 66rpx; width: 66rpx;
@ -139,10 +287,31 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
} }
.videoLive .center .skills .right .right_item .add_act > image.data-v-0ceca996 { .videoLive .center .skills .right .right_item .add.data-v-0ceca996::after {
content: '';
width: 38rpx; width: 38rpx;
height: 38rpx; height: 38rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAgdJREFUWEftl71rFFEUxX93d8MmAQvBTo2QncYgFgr+D4oTtUjYUlAICHaiIkwcdiwEC6sFC60FBYvd+QtsIoJNSBaECQHX2iKFRnHmygRX8zE7vs3E7Bbvte/cc88772POCAXHVHj/6JhONgSpA1Xgg0p8e+2yv1KEWooU82quXJs4+17g3C6ejbjChfWL3sf98hcSVgsbdVF5mdlcCaNZzx2KMKfVaCJyq0/z9cj1pockLHiOcCO7uX6O3MWTIyiMbuR6U1bYdgecVt5WWsf2nhbr2KA3yDo2uo75fmlmhoqpwO8TpaYgN7PwqnSrm7FjytWZ4yfiJz381kf8b3ShDnLElEyhIlDug1fgxwBcX0HfSblyJ7r0oCM50cWU86BxG5rE5yU3uhx0S0M+Vd6I0w4eAr5hzaHAFP0kThjcQ3l8KB1Nm6h25FQYnB5TVoFCada0pwlO4e6WmFqrcR2RpsCkSeF/xSgvos3lhT8unWg/Ol6Fa0J8DErpVc8dKiSiXGXvj0iv7osiTwXt95xs55dE+VYSfRu5i0vpRKHtq7WCZyIsZK5A6UazNsHu9Mami38d+N3z1jHrmIEDhd4xe8YMHN4BGV3H2kGa49I8lzVWI9c7M+hie/hCZywvMqXRZc31ngxFWN/I9Du6MP86HpqwtHEamcY1uYIwDiz1ost+RaV1vwD8kvHaG3K3SAAAAABJRU5ErkJggg==) center no-repeat;
background-size: 38rpx 38rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .right .right_item .add_act.data-v-0ceca996::after {
content: '';
width: 38rpx;
height: 38rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAaFJREFUWEftl7ErRWEYxn8PipRB2cQgizJR/gthMypKKZuukUzKYFIGZpvJX2AhZXOVSWE2GCjh1YvDdd1zOt89uHf4vvU87/s833O+7z3PEQWXmXUDa8A00A6cAouSzoq0VpFiM2sFToCRqj53wJiki3r7FxXmLu2lkB9IGm+UsC1gIYX8UtJAo4TtALMp5DeS+ppR2LWk/iis0gEzy3qV0bEfxyU6FnqDomNN65iZtQBtAQL9kzSXgr8GBgN6PUl6SfBvH/Gq6NIV0Mw34Qmj1jLgMaDXPXAMLEk6V0Z0Cej5q1CPTKMuLCu6/CpjQLN9F7YCrAYU/Qf0yoUtA+v/wRbA8XbGhoAyUCjNBpDmgZaSWzkD+NXvzFP1x5hdYP7TJTPrBaaAHp8gOch95kzW+BFJSm+BzYxxUknhOh6AQ0lH/qDQ6zOzbd9d2oCNCbbamZguchz4b5DoWHQshwNF51j8r8xh8hekmW+l5zjPc7VWWdJw0E4rwEXPWFZkKknaaIgwJzWzWpHpPbpIzw0T9iHOI9ME0AEcJdGlXlFe9wpRVssUUehtIwAAAABJRU5ErkJggg==) center no-repeat;
background-size: 38rpx 38rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} }
.videoLive .center .skills .right .right_item .focus.data-v-0ceca996 { .videoLive .center .skills .right .right_item .focus.data-v-0ceca996 {
font-size: 30rpx; font-size: 30rpx;
@ -159,10 +328,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} position: relative;
.videoLive .center .skills .right .right_item .subtract > image.data-v-0ceca996 {
width: 38rpx;
height: 8rpx;
} }
.videoLive .center .skills .right .right_item .subtract_act.data-v-0ceca996 { .videoLive .center .skills .right .right_item .subtract_act.data-v-0ceca996 {
width: 66rpx; width: 66rpx;
@ -173,9 +339,30 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
} }
.videoLive .center .skills .right .right_item .subtract_act > image.data-v-0ceca996 { .videoLive .center .skills .right .right_item .subtract.data-v-0ceca996::after {
content: '';
width: 38rpx; width: 38rpx;
height: 8rpx; height: 8rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAICAYAAACVm43oAAAAAXNSR0IArs4c6QAAASRJREFUOE/Nk70uRFEUhb917jAyiIjCT0SI8RKeAY1CQqHwCCSiMmZq7yA60bnoaPEOovACCpmJMPcuucdPREbozD7dWTtrf8neSwDV89qk28m6xBJmHFlYLrQfS1EJQE6nzt/0D+PYZ9lqIq5xflR+8oWmz2pjpSxsI63ZjEhx2L+UoYW5tdhR9bSxgakDE/9C822o4wZ8pWpaPwYtAuVuAHtneNRs2jgAVgR93QJmeNBMureYEPaBuW4Ai3cGJxo93OofGB5axWxK8c56/wAYKNLkmMevmRTFe/vJ/+Dz2VLclnDT4jJzaTeGtYCrDA3Oh6AF0FQ0Dh2Mi1GSBBXjBPtFITwbZ0KJ87wXqUcoe0uY/WvGbckEo5bFTfs5S++Xa3evwNFqNKm99B4AAAAASUVORK5CYII=) center no-repeat;
background-size: 38rpx 8rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.videoLive .center .skills .right .right_item .subtract_act.data-v-0ceca996::after {
content: '';
width: 38rpx;
height: 8rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAICAYAAACVm43oAAAAAXNSR0IArs4c6QAAAR5JREFUOE+1lD1OAkEcxX9vVpRAg7FRYuy8hGcQWxMtLDyChbEysfcOtsZOa23VOxhrGoVEWIgs88zi2iFss9NMZt7Xf4o3Avhwup1EndgcgLcAAc6xf5cEdkCKeA51Gf5n/MuTraHEi4m360njUQMPNidZOEccgzaAsHCgasHU9hvyhfrZ6NTiCtOuNrO0e7R5Vj8b34E7hrXS0sqJ+lIvG90YDgX1yvNKB6inT487ynyN2C2tq5So1MR7de1mfTo+iuZMUlt4dXEdZ1OFvLZFc2edLM75pkIfy85ffAE5f2h4WknC5cyv626zlrX2QmAfswM5J8wxnt3nBW8YJ4KJ0TcwBZLiUTWhqSGF6OUlj4IQTEwThVdPeGjV6+8/keh6GCjhmnoAAAAASUVORK5CYII=) center no-repeat;
background-size: 38rpx 8rpx;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} }

View File

@ -22,24 +22,7 @@
"libVersion": "3.2.0", "libVersion": "3.2.0",
"appid": "wx05b45a2699f02a2b", "appid": "wx05b45a2699f02a2b",
"projectname": "greenhouse-wisdom-applet", "projectname": "greenhouse-wisdom-applet",
"condition": { "condition": {},
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
},
"game": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
}
},
"editorSetting": { "editorSetting": {
"tabIndent": "insertSpaces", "tabIndent": "insertSpaces",
"tabSize": 4 "tabSize": 4

View File

@ -3,18 +3,5 @@
"projectname": "wszhyWx", "projectname": "wszhyWx",
"setting": { "setting": {
"compileHotReLoad": true "compileHotReLoad": true
},
"condition": {
"miniprogram": {
"list": [
{
"name": "pages/videoLive/videoLive",
"pathName": "pages/videoLive/videoLive",
"query": "cameraSerialNumber=AD6463273&cameraChannelNumber=12",
"launchMode": "default",
"scene": null
}
]
}
} }
} }