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