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="left">
<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)'>
<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 :class="directionFlag == 0 ? 'left_arrow_item_act' : 'left_arrow_item'" @touchstart.stop.prevent='touchstart(2)' @touchend.stop.prevent='touchend(2)'>
</view>
<view :class="directionFlag == 1 ? 'arrow_item_act' : 'arrow_item'" class="right_arrow_item" @touchstart='ytControl2(3)' @touchend='ytControlStop(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 :class="directionFlag == 1 ? 'right_arrow_item_act' : 'right_arrow_item'" @touchstart.stop.prevent='touchstart(3)' @touchend.stop.prevent='touchend(3)'>
</view>
<view :class="directionFlag == 2 ? 'arrow_item_act' : 'arrow_item'" class="up_arrow_item" @touchstart='ytControl3(0)' @touchend='ytControlStop(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 :class="directionFlag == 2 ? 'up_arrow_item_act' : 'up_arrow_item'" @touchstart.stop.prevent='touchstart(0)' @touchend.stop.prevent='touchend(0)'>
</view>
<view :class="directionFlag == 3 ? 'arrow_item_act' : 'arrow_item'" class="down_arrow_item" @touchstart='ytControl4(1)' @touchend='ytControlStop(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 :class="directionFlag == 3 ? 'down_arrow_item_act' : 'down_arrow_item'" @touchstart.stop.prevent='touchstart(1)' @touchend.stop.prevent='touchend(1)'>
</view>
</view>
<view class="right">
<view class="right_item">
<view :class="flag1?'add_act':'add'" @touchstart='ytControlFocusAdd(10)' @touchend='ytControlStopFocusAdd(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 :class="flag1?'add_act':'add'" @touchstart.stop.prevent='touchstart(10)' @touchend.stop.prevent='touchend(10)'>
</view>
<view class="focus">
焦距
</view>
<view :class="flag1?'subtract':'subtract_act'" @touchstart='ytControlFocusSubtract(11)' @touchend='ytControlStopFocusSubtract(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 :class="flag1?'subtract':'subtract_act'" @touchstart.stop.prevent='touchstart(11)' @touchend.stop.prevent='touchend(11)'>
</view>
</view>
<view class="right_item">
<view :class="flag2?'add_act':'add'" @touchstart='ytControlScaleAdd(8)' @touchend='ytControlStopScaleAdd(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 :class="flag2?'add_act':'add'" @touchstart.stop.prevent='touchstart(8)' @touchend.stop.prevent='touchend(8)'>
</view>
<view class="focus">
缩放
</view>
<view :class="flag2?'subtract':'subtract_act'" @touchstart='ytControlScaleSubtract(9)' @touchend='ytControlStopScaleSubtract(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 :class="flag2?'subtract':'subtract_act'" @touchstart.stop.prevent='touchstart(9)' @touchend.stop.prevent='touchend(9)'>
</view>
</view>
</view>
@ -78,8 +70,6 @@
cameraChannelNumber:'',
accesstoken:'',
src:'',
timer:null,
timer1:null
};
},
onLoad(options) {
@ -106,10 +96,25 @@
})
},
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;
clearTimeout(that.timer);
that.timer = setTimeout(() => {
uni.request({
url: 'https://open.ys7.com/api/lapp/device/ptz/start',
method: 'POST',
@ -124,16 +129,14 @@
'Content-Type': 'application/x-www-form-urlencoded',
},
success: (res) => {
console.log(res);
// console.log(res);
}
});
}, 500);
},
ytControlStop(num){
touchend(num){
this.directionFlag = 5
let that = this;
clearTimeout(that.timer1);
that.timer1 = setTimeout(() => {
uni.request({
url:'https://open.ys7.com/api/lapp/device/ptz/stop',
method: 'POST',
@ -148,66 +151,9 @@
'Content-Type': 'application/x-www-form-urlencoded',
},
success: (res) => {
console.log(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;
}
.arrow_item{
//
.left_arrow_item{
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 145rpx;
left: 29rpx;
}
.arrow_item_act{
.left_arrow_item_act{
width: 51rpx;
height: 51rpx;
background: #24B383;
@ -270,30 +218,172 @@
display: flex;
align-items: center;
justify-content: center;
}
.left_arrow_item{
position: absolute;
top: 145rpx;
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{
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 145rpx;
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{
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 29rpx;
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{
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
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{
@ -330,11 +420,7 @@
display: flex;
align-items: center;
justify-content: center;
>image{
width: 38rpx;
height: 38rpx;
}
position: relative;
}
.add_act{
width: 66rpx;
@ -344,11 +430,29 @@
display: flex;
align-items: center;
justify-content: center;
>image{
position: relative;
}
.add::after{
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{
@ -367,11 +471,7 @@
display: flex;
align-items: center;
justify-content: center;
>image{
width: 38rpx;
height: 8rpx;
}
position: relative;
}
.subtract_act{
width: 66rpx;
@ -382,11 +482,29 @@
display: flex;
align-items: center;
justify-content: center;
>image{
position: relative;
}
.subtract::after{
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 = {
data: function data() {
return {
@ -242,9 +234,7 @@ var _default = {
cameraSerialNumber: '',
cameraChannelNumber: '',
accesstoken: '',
src: '',
timer: null,
timer1: null
src: ''
};
},
onLoad: function onLoad(options) {
@ -271,10 +261,25 @@ 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;
clearTimeout(that.timer);
that.timer = setTimeout(function () {
uni.request({
url: 'https://open.ys7.com/api/lapp/device/ptz/start',
method: 'POST',
@ -289,15 +294,13 @@ var _default = {
'Content-Type': 'application/x-www-form-urlencoded'
},
success: function success(res) {
console.log(res);
// console.log(res);
}
});
}, 500);
},
ytControlStop: function ytControlStop(num) {
touchend: function touchend(num) {
this.directionFlag = 5;
var that = this;
clearTimeout(that.timer1);
that.timer1 = setTimeout(function () {
uni.request({
url: 'https://open.ys7.com/api/lapp/device/ptz/stop',
method: 'POST',
@ -312,58 +315,9 @@ var _default = {
'Content-Type': 'application/x-www-form-urlencoded'
},
success: function success(res) {
console.log(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;
height: 15rpx;
}
.videoLive .center .skills .left .arrow_item.data-v-0ceca996 {
.videoLive .center .skills .left .left_arrow_item.data-v-0ceca996 {
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: 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;
height: 51rpx;
background: #24B383;
@ -73,26 +76,174 @@
display: flex;
align-items: center;
justify-content: center;
}
.videoLive .center .skills .left .left_arrow_item.data-v-0ceca996 {
position: absolute;
top: 145rpx;
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 {
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 145rpx;
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 {
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 29rpx;
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 {
width: 51rpx;
height: 51rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
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 {
width: 100%;
@ -126,10 +277,7 @@
display: flex;
align-items: center;
justify-content: center;
}
.videoLive .center .skills .right .right_item .add > image.data-v-0ceca996 {
width: 38rpx;
height: 38rpx;
position: relative;
}
.videoLive .center .skills .right .right_item .add_act.data-v-0ceca996 {
width: 66rpx;
@ -139,10 +287,31 @@
display: flex;
align-items: 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;
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 {
font-size: 30rpx;
@ -159,10 +328,7 @@
display: flex;
align-items: center;
justify-content: center;
}
.videoLive .center .skills .right .right_item .subtract > image.data-v-0ceca996 {
width: 38rpx;
height: 8rpx;
position: relative;
}
.videoLive .center .skills .right .right_item .subtract_act.data-v-0ceca996 {
width: 66rpx;
@ -173,9 +339,30 @@
display: flex;
align-items: 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;
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",
"appid": "wx05b45a2699f02a2b",
"projectname": "greenhouse-wisdom-applet",
"condition": {
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
},
"game": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
}
},
"condition": {},
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 4

View File

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