|
|
|
|
@ -20,41 +20,41 @@
|
|
|
|
|
</video>
|
|
|
|
|
<div class="operation-list">
|
|
|
|
|
<div class="operation-item">
|
|
|
|
|
<img :src="zoomSubUrl" alt="" @mousedown=zoomDecStart($event,item.id) @mousemove=zoomDecStop($event,item.id)
|
|
|
|
|
@mouseup=zoomDecStop($event,item.id)>
|
|
|
|
|
<img :src="zoomSubUrl" alt="" @mousedown=zoomDecStart($event,item.id) @mouseleave=zoomDecStop($event,item.id)
|
|
|
|
|
>
|
|
|
|
|
<span>变倍</span>
|
|
|
|
|
<img :src="zoomAddUrl" alt="" @mousedown=zoomAddStart($event,item.id) @mousemove=zoomAddStop($event,item.id)
|
|
|
|
|
@mouseup=zoomAddStop($event,item.id)>
|
|
|
|
|
<img :src="zoomAddUrl" alt="" @mousedown=zoomAddStart($event,item.id) @mouseleave=zoomAddStop($event,item.id)
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="operation-item">
|
|
|
|
|
<img :src="focusSubUrl" alt="" @mousedown=focusDecStart($event,item.id) @mousemove=focusDecStop($event,item.id)
|
|
|
|
|
<img :src="focusSubUrl" alt="" @mousedown=focusDecStart($event,item.id) @mouseleave=focusDecStop($event,item.id)
|
|
|
|
|
@mouseup=focusDecStop($event,item.id)>
|
|
|
|
|
<span>变焦</span>
|
|
|
|
|
<img :src="focusAddUrl" alt="" @mousedown=focusAddStart($event,item.id) @mousemove=focusAddStop($event,item.id)
|
|
|
|
|
<img :src="focusAddUrl" alt="" @mousedown=focusAddStart($event,item.id) @mouseleave=focusAddStop($event,item.id)
|
|
|
|
|
@mouseup=focusAddStop($event,item.id)>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="operation-item">
|
|
|
|
|
<img :src="irisSubUrl" alt="" @mousedown=irisDecStart($event,item.id) @mouseup=irisDecStop($event,item.id) @mousemove=irisDecStop($event,item.id)>
|
|
|
|
|
<img :src="irisSubUrl" alt="" @mousedown=irisDecStart($event,item.id) @mouseup=irisDecStop($event,item.id) @mouseleave=irisDecStop($event,item.id)>
|
|
|
|
|
<span>光圈</span>
|
|
|
|
|
<img :src="irisAddUrl" alt="" @mousedown=irisAddStart($event,item.id) @mouseup=irisAddStop($event,item.id) @mousemove=irisAddStop($event,item.id)>
|
|
|
|
|
<img :src="irisAddUrl" alt="" @mousedown=irisAddStart($event,item.id) @mouseup=irisAddStop($event,item.id) @mouseleave=irisAddStop($event,item.id)>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="direction-list">
|
|
|
|
|
<div class="direction-item">
|
|
|
|
|
<img :src="leftUpUrl" alt="" @mousedown=leftUpStart($event,item.id) @mouseup=leftUpStop($event,item.id) @mousemove=leftUpStop($event,item.id)>
|
|
|
|
|
<img :src="upUrl" alt="" @mousedown=upStart($event,item.id) @mouseup=upStop($event,item.id) @mousemove=upStop($event,item.id) >
|
|
|
|
|
<img :src="rightUpUrl" alt="" @mousedown=rightUpStart($event,item.id) @mouseup=rightUpStop($event,item.id) @mousemove=rightUpStop($event,item.id) >
|
|
|
|
|
<img :src="leftUpUrl" alt="" @mousedown=leftUpStart($event,item.id) @mouseup=leftUpStop($event,item.id) @mouseleave=leftUpStop($event,item.id)>
|
|
|
|
|
<img :src="upUrl" alt="" @mousedown=upStart($event,item.id) @mouseup=upStop($event,item.id) @mouseleave=upStop($event,item.id) >
|
|
|
|
|
<img :src="rightUpUrl" alt="" @mousedown=rightUpStart($event,item.id) @mouseup=rightUpStop($event,item.id) @mouseleave=rightUpStop($event,item.id) >
|
|
|
|
|
</div>
|
|
|
|
|
<div class="direction-item">
|
|
|
|
|
<img :src="leftUrl" alt="" @mousedown=leftStart($event,item.id) @mouseup=leftStop($event,item.id) @mousemove=leftStop($event,item.id)>
|
|
|
|
|
<img :src="rightUrl" alt="" @mousedown=rightStart($event,item.id) @mouseup=rightStop($event,item.id) @mousemove=rightStop($event,item.id)>
|
|
|
|
|
<img :src="leftUrl" alt="" @mousedown=leftStart($event,item.id) @mouseup=leftStop($event,item.id) @mouseleave=leftStop($event,item.id)>
|
|
|
|
|
<img :src="rightUrl" alt="" @mousedown=rightStart($event,item.id) @mouseup=rightStop($event,item.id) @mouseleave=rightStop($event,item.id)>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="direction-item">
|
|
|
|
|
<img :src="leftDownUrl" alt="" @mousedown=leftDownStart($event,item.id)
|
|
|
|
|
@mouseup=leftDownStop($event,item.id) @mousemove=leftDownStop($event,item.id)>
|
|
|
|
|
<img :src="downUrl" alt="" @mousedown=downStart($event,item.id) @mouseup=downStop($event,item.id) @mousemove=downStop($event,item.id)>
|
|
|
|
|
@mouseup=leftDownStop($event,item.id) @mouseleave=leftDownStop($event,item.id)>
|
|
|
|
|
<img :src="downUrl" alt="" @mousedown=downStart($event,item.id) @mouseup=downStop($event,item.id) @mouseleave=downStop($event,item.id)>
|
|
|
|
|
<img :src="rightDownUrl" alt="" @mousedown=rightDownStart($event,item.id)
|
|
|
|
|
@mouseup=rightDownStop($event,item.id) @mousemove=rightDownStop($event,item.id)>
|
|
|
|
|
@mouseup=rightDownStop($event,item.id) @mouseleave=rightDownStop($event,item.id)>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|