xiaomeng
/
wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

~

wx-program
pangdundun 2024-01-26 16:03:06 +08:00
parent 535bde6548
commit c9d7d61534
11 changed files with 87 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
api/driverapi.js
View File

@ -52,6 +52,7 @@ let api = {
readControl_readskylight:'/readControl/readskylight',//通风窗
camera_gethls:'/camera/gethls',//获取摄像头得地址
camera_getphonehls:'/camera/getphonehls',//获取摄像头得地址 Copy Copy Copy Copy
readFs_byid:'/readFs/byid',//查看用户施肥机名称信息

76
pages/timeVideo/timeVideo.vue
View File

@ -17,7 +17,7 @@
<image src="../../static/timer.png" mode=""></image>
<text>{{ time }}</text>
</view>
<view class="right" @click="toMiniProgram(item.cameraSerialNumber,item.cameraChannelNumber)">
<view class="right" @click="toVideoLive(item.cameraSerialNumber,item.cameraChannelNumber)">
<image src="../../static/play.png" mode=""></image>
<text>现场实况</text>
</view>
@ -106,28 +106,44 @@
// })
// },
toMiniProgram(cameraid,channelid){
if(cameraid && channelid){
this.$http({
url: this.api.camera_gethls,
method: 'GET',
data: {
cameraid,
channelid
}
}).then(res => {
if (res.code == 200) {
this.accesstoken = res.data.accesstoken;
this.src = res.data.ezopen;
// toMiniProgram(cameraid,channelid){
// if(cameraid && channelid){
// this.$http({
// url: this.api.camera_gethls,
// method: 'GET',
// data: {
// cameraid,
// channelid
// }
// }).then(res => {
// if (res.code == 200) {
// this.accesstoken = res.data.accesstoken;
// this.src = res.data.ezopen;
uni.navigateToMiniProgram({
appId: 'wxf2b3a0262975d8c2',
path: 'pages/live/live?accessToken=' + this.accesstoken + '&deviceSerial=' + cameraid + '&channelNo=' + channelid,
success(res) {
console.log(res);
}
})
}
// uni.navigateToMiniProgram({
// appId: 'wxf2b3a0262975d8c2',
// path: 'pages/live/live?accessToken=' + this.accesstoken + '&deviceSerial=' + cameraid + '&channelNo=' + channelid,
// success(res) {
// console.log(res);
// }
// })
// }
// })
// }else{
// uni.showToast({
// icon:'error',
// title: '暂无监控数据',
// duration: 2000
// });
// }
// },
toVideoLive(cameraSerialNumber,cameraChannelNumber) {
if(cameraSerialNumber && cameraChannelNumber){
uni.navigateTo({
url: '/pages/videoLive/videoLive?cameraSerialNumber=' + cameraSerialNumber + '&cameraChannelNumber=' + cameraChannelNumber
})
}else{
uni.showToast({
@ -136,23 +152,7 @@
duration: 2000
});
}
},
// toVideoLive(cameraSerialNumber,cameraChannelNumber) {
// if(cameraSerialNumber && cameraChannelNumber){
// uni.navigateTo({
// url: '/pages/videoLive/videoLive?cameraSerialNumber=' + cameraSerialNumber + '&cameraChannelNumber=' + cameraChannelNumber
// })
// }else{
// uni.showToast({
// icon:'none',
// title: '暂无监控数据',
// duration: 2000
// });
// }
// },
getCurrentTime() {
const now = new Date();

21
pages/videoLive/videoLive.vue
View File

@ -5,8 +5,8 @@
<view class="center">
<view class="video_live">
<image src="../../static/videoLive.png" mode=""></image>
<!-- <video id="myVideo" style="width: 100%;height: 100%;" src="https://open.ys7.com/v3/openlive/AK5743927_7_2.m3u8?expire=1706319207&id=670924254623047680&t=8da412e4fc771057b4857d65ebb164168256d1cabd23aad0872faec529c6f896&ev=100" controls></video> -->
<!-- <image src="../../static/videoLive.png" mode=""></image> -->
<video id="myVideo" style="width: 100%;height: 100%;" :src="src" controls></video>
</view>
<view class="skills">
@ -82,27 +82,16 @@
};
},
onLoad(options) {
console.log(options,'00');
// console.log(options,'00');
this.cameraSerialNumber = options.cameraSerialNumber;
this.cameraChannelNumber = options.cameraChannelNumber
// this.getVideoData(this.cameraSerialNumber, this.cameraChannelNumber)
// let that = this;
// let livePlayerContext = uni.createLivePlayerContext('myVideo');
// 播放直播
// livePlayerContext.play();
// 监听直播播放结束事件
// livePlayerContext.onEnded(function () {
// console.log('直播播放结束');
// // 暂停直播
// livePlayerContext.pause();
// });
this.getVideoData(this.cameraSerialNumber, this.cameraChannelNumber)
},
methods:{
// 获取摄像头得地址
getVideoData(cameraid, channelid) {
this.$http({
url: this.api.camera_gethls,
url: this.api.camera_getphonehls,
method: 'GET',
data: {
cameraid,

2
unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/timeVideo/timeVideo.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/videoLive/videoLive.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-weixin/common/vendor.js vendored
View File

@ -12006,7 +12006,7 @@ var api = (_api = {
sel_user: "/api/sel/user",
//根据id查询用户信息
getFs_rtdata: "/getFs/rtdata"
}, (0, _defineProperty2.default)(_api, "selFs_time", "/selFs/time"), (0, _defineProperty2.default)(_api, "sel_eqbyid", "/sel/eqbyid/"), (0, _defineProperty2.default)(_api, "chart_fsdata", "/chart/fsdata"), (0, _defineProperty2.default)(_api, "user_update_pwd", "/user/update/pwd"), (0, _defineProperty2.default)(_api, "readFs_state", "/readFs/state"), (0, _defineProperty2.default)(_api, "writeFs", "/writeFs"), (0, _defineProperty2.default)(_api, "readFs_reg", "/readFs/reg"), (0, _defineProperty2.default)(_api, "readJinHuaControl_reg", "/readJinHuaControl/reg"), (0, _defineProperty2.default)(_api, "writeJinHuaControl_write", "/writeJinHuaControl/write"), (0, _defineProperty2.default)(_api, "getcontrol_rtdata", "/getcontrol/rtdata"), (0, _defineProperty2.default)(_api, "getcontrol_fsdata", "/getcontrol/fsdata"), (0, _defineProperty2.default)(_api, "getcontrol_cpermission", '/getcontrol/cpermission'), (0, _defineProperty2.default)(_api, "getControl_getState", '/readControl/getState'), (0, _defineProperty2.default)(_api, "getReadControlliShuiControl", '/readControl/liShuiControl'), (0, _defineProperty2.default)(_api, "readControl_fiveControl", '/readControl/fiveControl'), (0, _defineProperty2.default)(_api, "getcontrol_wxgetpermission", '/getcontrol/wxgetpermission'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve1", '/readControl/solenoidValve1'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve2", '/readControl/solenoidValve2'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve3", '/readControl/solenoidValve3'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve4", '/readControl/solenoidValve4'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve5", '/readControl/solenoidValve5'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve6", '/readControl/solenoidValve6'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve7", '/readControl/solenoidValve7'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve8", '/readControl/solenoidValve8'), (0, _defineProperty2.default)(_api, "readControl_readfilllight", '/readControl/readfilllight'), (0, _defineProperty2.default)(_api, "readControl_readcirculationfan", '/readControl/readcirculationfan'), (0, _defineProperty2.default)(_api, "readControl_fanwetcurtain", '/readControl/fanwetcurtain'), (0, _defineProperty2.default)(_api, "readControl_innercurtain", '/readControl/innercurtain'), (0, _defineProperty2.default)(_api, "readControl_externalsunshade", '/readControl/externalsunshade'), (0, _defineProperty2.default)(_api, "readControl_readskylight", '/readControl/readskylight'), (0, _defineProperty2.default)(_api, "camera_gethls", '/camera/gethls'), (0, _defineProperty2.default)(_api, "readFs_byid", '/readFs/byid'), (0, _defineProperty2.default)(_api, "getcontrol_geteqetdata", '/getcontrol/geteqetdata'), (0, _defineProperty2.default)(_api, "getcontrol_rtDatastation", '/getcontrol/rtDatastation'), (0, _defineProperty2.default)(_api, "readControl_interiorthermalinsulation", '/readControl/interiorthermalinsulation'), (0, _defineProperty2.default)(_api, "typeList", [{
}, (0, _defineProperty2.default)(_api, "selFs_time", "/selFs/time"), (0, _defineProperty2.default)(_api, "sel_eqbyid", "/sel/eqbyid/"), (0, _defineProperty2.default)(_api, "chart_fsdata", "/chart/fsdata"), (0, _defineProperty2.default)(_api, "user_update_pwd", "/user/update/pwd"), (0, _defineProperty2.default)(_api, "readFs_state", "/readFs/state"), (0, _defineProperty2.default)(_api, "writeFs", "/writeFs"), (0, _defineProperty2.default)(_api, "readFs_reg", "/readFs/reg"), (0, _defineProperty2.default)(_api, "readJinHuaControl_reg", "/readJinHuaControl/reg"), (0, _defineProperty2.default)(_api, "writeJinHuaControl_write", "/writeJinHuaControl/write"), (0, _defineProperty2.default)(_api, "getcontrol_rtdata", "/getcontrol/rtdata"), (0, _defineProperty2.default)(_api, "getcontrol_fsdata", "/getcontrol/fsdata"), (0, _defineProperty2.default)(_api, "getcontrol_cpermission", '/getcontrol/cpermission'), (0, _defineProperty2.default)(_api, "getControl_getState", '/readControl/getState'), (0, _defineProperty2.default)(_api, "getReadControlliShuiControl", '/readControl/liShuiControl'), (0, _defineProperty2.default)(_api, "readControl_fiveControl", '/readControl/fiveControl'), (0, _defineProperty2.default)(_api, "getcontrol_wxgetpermission", '/getcontrol/wxgetpermission'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve1", '/readControl/solenoidValve1'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve2", '/readControl/solenoidValve2'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve3", '/readControl/solenoidValve3'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve4", '/readControl/solenoidValve4'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve5", '/readControl/solenoidValve5'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve6", '/readControl/solenoidValve6'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve7", '/readControl/solenoidValve7'), (0, _defineProperty2.default)(_api, "readControl_solenoidValve8", '/readControl/solenoidValve8'), (0, _defineProperty2.default)(_api, "readControl_readfilllight", '/readControl/readfilllight'), (0, _defineProperty2.default)(_api, "readControl_readcirculationfan", '/readControl/readcirculationfan'), (0, _defineProperty2.default)(_api, "readControl_fanwetcurtain", '/readControl/fanwetcurtain'), (0, _defineProperty2.default)(_api, "readControl_innercurtain", '/readControl/innercurtain'), (0, _defineProperty2.default)(_api, "readControl_externalsunshade", '/readControl/externalsunshade'), (0, _defineProperty2.default)(_api, "readControl_readskylight", '/readControl/readskylight'), (0, _defineProperty2.default)(_api, "camera_gethls", '/camera/gethls'), (0, _defineProperty2.default)(_api, "camera_getphonehls", '/camera/getphonehls'), (0, _defineProperty2.default)(_api, "readFs_byid", '/readFs/byid'), (0, _defineProperty2.default)(_api, "getcontrol_geteqetdata", '/getcontrol/geteqetdata'), (0, _defineProperty2.default)(_api, "getcontrol_rtDatastation", '/getcontrol/rtDatastation'), (0, _defineProperty2.default)(_api, "readControl_interiorthermalinsulation", '/readControl/interiorthermalinsulation'), (0, _defineProperty2.default)(_api, "typeList", [{
label: '无意义的传感器',
value: 0,
countType: 0,

69
unpackage/dist/dev/mp-weixin/pages/timeVideo/timeVideo.js vendored
View File

@ -268,28 +268,40 @@ var _default = {
// }
// })
// },
toMiniProgram: function toMiniProgram(cameraid, channelid) {
var _this3 = this;
if (cameraid && channelid) {
this.$http({
url: this.api.camera_gethls,
method: 'GET',
data: {
cameraid: cameraid,
channelid: channelid
}
}).then(function (res) {
if (res.code == 200) {
_this3.accesstoken = res.data.accesstoken;
_this3.src = res.data.ezopen;
uni.navigateToMiniProgram({
appId: 'wxf2b3a0262975d8c2',
path: 'pages/live/live?accessToken=' + _this3.accesstoken + '&deviceSerial=' + cameraid + '&channelNo=' + channelid,
success: function success(res) {
console.log(res);
}
});
}
// toMiniProgram(cameraid,channelid){
// if(cameraid && channelid){
// this.$http({
// url: this.api.camera_gethls,
// method: 'GET',
// data: {
// cameraid,
// channelid
// }
// }).then(res => {
// if (res.code == 200) {
// this.accesstoken = res.data.accesstoken;
// this.src = res.data.ezopen;
// uni.navigateToMiniProgram({
// appId: 'wxf2b3a0262975d8c2',
// path: 'pages/live/live?accessToken=' + this.accesstoken + '&deviceSerial=' + cameraid + '&channelNo=' + channelid,
// success(res) {
// console.log(res);
// }
// })
// }
// })
// }else{
// uni.showToast({
// icon:'error',
// title: '暂无监控数据',
// duration: 2000
// });
// }
// },
toVideoLive: function toVideoLive(cameraSerialNumber, cameraChannelNumber) {
if (cameraSerialNumber && cameraChannelNumber) {
uni.navigateTo({
url: '/pages/videoLive/videoLive?cameraSerialNumber=' + cameraSerialNumber + '&cameraChannelNumber=' + cameraChannelNumber
});
} else {
uni.showToast({
@ -299,19 +311,6 @@ var _default = {
});
}
},
// toVideoLive(cameraSerialNumber,cameraChannelNumber) {
// if(cameraSerialNumber && cameraChannelNumber){
// uni.navigateTo({
// url: '/pages/videoLive/videoLive?cameraSerialNumber=' + cameraSerialNumber + '&cameraChannelNumber=' + cameraChannelNumber
// })
// }else{
// uni.showToast({
// icon:'none',
// title: '暂无监控数据',
// duration: 2000
// });
// }
// },
getCurrentTime: function getCurrentTime() {
var now = new Date();
var year = now.getFullYear();

2
unpackage/dist/dev/mp-weixin/pages/timeVideo/timeVideo.wxml vendored
View File

@ -1 +1 @@
<view class="timeVideo data-v-dd7dcdb8"><u-navbar vue-id="d23ae73c-1" background="{{background}}" is-back="{{true}}" back-icon-color="#FFFFFF" border-bottom="{{false}}" title="实时视频" title-color="#FFFFFF" title-bold="{{true}}" title-size="32" class="data-v-dd7dcdb8" bind:__l="__l"></u-navbar><view class="content data-v-dd7dcdb8"><block wx:for="{{deviceList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item data-v-dd7dcdb8"><view class="nav data-v-dd7dcdb8"><image src="../../static/video.png" mode class="data-v-dd7dcdb8"></image><text class="data-v-dd7dcdb8">{{item.deviceTypeName+"-摄像机#2"}}</text></view><view class="video data-v-dd7dcdb8"><image src="../../static/video1.png" mode class="data-v-dd7dcdb8"></image></view><view class="timer data-v-dd7dcdb8"><view class="left data-v-dd7dcdb8"><image src="../../static/timer.png" mode class="data-v-dd7dcdb8"></image><text class="data-v-dd7dcdb8">{{time}}</text></view><view data-event-opts="{{[['tap',[['toMiniProgram',['$0','$1'],[[['deviceList','',index,'cameraSerialNumber']],[['deviceList','',index,'cameraChannelNumber']]]]]]]}}" class="right data-v-dd7dcdb8" bindtap="__e"><image src="../../static/play.png" mode class="data-v-dd7dcdb8"></image><text class="data-v-dd7dcdb8">现场实况</text></view></view></view></block></view></view>
<view class="timeVideo data-v-dd7dcdb8"><u-navbar vue-id="d23ae73c-1" background="{{background}}" is-back="{{true}}" back-icon-color="#FFFFFF" border-bottom="{{false}}" title="实时视频" title-color="#FFFFFF" title-bold="{{true}}" title-size="32" class="data-v-dd7dcdb8" bind:__l="__l"></u-navbar><view class="content data-v-dd7dcdb8"><block wx:for="{{deviceList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item data-v-dd7dcdb8"><view class="nav data-v-dd7dcdb8"><image src="../../static/video.png" mode class="data-v-dd7dcdb8"></image><text class="data-v-dd7dcdb8">{{item.deviceTypeName+"-摄像机#2"}}</text></view><view class="video data-v-dd7dcdb8"><image src="../../static/video1.png" mode class="data-v-dd7dcdb8"></image></view><view class="timer data-v-dd7dcdb8"><view class="left data-v-dd7dcdb8"><image src="../../static/timer.png" mode class="data-v-dd7dcdb8"></image><text class="data-v-dd7dcdb8">{{time}}</text></view><view data-event-opts="{{[['tap',[['toVideoLive',['$0','$1'],[[['deviceList','',index,'cameraSerialNumber']],[['deviceList','',index,'cameraChannelNumber']]]]]]]}}" class="right data-v-dd7dcdb8" bindtap="__e"><image src="../../static/play.png" mode class="data-v-dd7dcdb8"></image><text class="data-v-dd7dcdb8">现场实况</text></view></view></view></block></view></view>

18
unpackage/dist/dev/mp-weixin/pages/videoLive/videoLive.js vendored
View File

@ -246,29 +246,17 @@ var _default = {
};
},
onLoad: function onLoad(options) {
console.log(options, '00');
// console.log(options,'00');
this.cameraSerialNumber = options.cameraSerialNumber;
this.cameraChannelNumber = options.cameraChannelNumber;
// this.getVideoData(this.cameraSerialNumber, this.cameraChannelNumber)
// let that = this;
// let livePlayerContext = uni.createLivePlayerContext('myVideo');
// 播放直播
// livePlayerContext.play();
// 监听直播播放结束事件
// livePlayerContext.onEnded(function () {
// console.log('直播播放结束');
// // 暂停直播
// livePlayerContext.pause();
// });
this.getVideoData(this.cameraSerialNumber, this.cameraChannelNumber);
},
methods: {
// 获取摄像头得地址
getVideoData: function getVideoData(cameraid, channelid) {
var _this = this;
this.$http({
url: this.api.camera_gethls,
url: this.api.camera_getphonehls,
method: 'GET',
data: {
cameraid: cameraid,

2
unpackage/dist/dev/mp-weixin/pages/videoLive/videoLive.wxml vendored
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"><image src="../../static/videoLive.png" mode class="data-v-0ceca996"></image></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><image class="left_arrow data-v-0ceca996" src="../../static/left_arrow.png" mode></image><image class="right_arrow data-v-0ceca996" src="../../static/right_arrow.png" mode></image><image class="up_arrow data-v-0ceca996" src="../../static/up_arrow.png" mode></image><image class="down_arrow data-v-0ceca996" src="../../static/down_arrow.png" mode></image></view><view class="right data-v-0ceca996"><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['tap',[['focus_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag1?'add_act':'add']}}" bindtap="__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="{{[['tap',[['focus_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag1?'subtract':'subtract_act']}}" bindtap="__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="{{[['tap',[['scale_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag2?'add_act':'add']}}" bindtap="__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="{{[['tap',[['scale_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag2?'subtract':'subtract_act']}}" bindtap="__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 class="right_item data-v-0ceca996"><view data-event-opts="{{[['tap',[['aperture_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag3?'add_act':'add']}}" bindtap="__e"><block wx:if="{{flag3==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag3==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="{{[['tap',[['aperture_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag3?'subtract':'subtract_act']}}" bindtap="__e"><block wx:if="{{flag3==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag3==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><image class="left_arrow data-v-0ceca996" src="../../static/left_arrow.png" mode></image><image class="right_arrow data-v-0ceca996" src="../../static/right_arrow.png" mode></image><image class="up_arrow data-v-0ceca996" src="../../static/up_arrow.png" mode></image><image class="down_arrow data-v-0ceca996" src="../../static/down_arrow.png" mode></image></view><view class="right data-v-0ceca996"><view class="right_item data-v-0ceca996"><view data-event-opts="{{[['tap',[['focus_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag1?'add_act':'add']}}" bindtap="__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="{{[['tap',[['focus_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag1?'subtract':'subtract_act']}}" bindtap="__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="{{[['tap',[['scale_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag2?'add_act':'add']}}" bindtap="__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="{{[['tap',[['scale_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag2?'subtract':'subtract_act']}}" bindtap="__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 class="right_item data-v-0ceca996"><view data-event-opts="{{[['tap',[['aperture_addClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag3?'add_act':'add']}}" bindtap="__e"><block wx:if="{{flag3==true}}"><image src="../../static/add_act.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag3==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="{{[['tap',[['aperture_subtractClick',['$event']]]]]}}" class="{{['data-v-0ceca996',flag3?'subtract':'subtract_act']}}" bindtap="__e"><block wx:if="{{flag3==true}}"><image src="../../static/subtract.png" mode class="data-v-0ceca996"></image></block><block wx:if="{{flag3==false}}"><image src="../../static/subtract_act.png" mode class="data-v-0ceca996"></image></block></view></view></view></view></view></view>