| | |
| | | :style="{left:`${item.x}px`, top:`${item.y}px`, backgroundColor: colorPick, width: `${dotSize}px`, height: `${dotSize}px` }" |
| | | > |
| | | <span class="text" v-show="item.isShow"> |
| | | <b>{{item.x}},</b> <b>{{item.y}}</b> |
| | | <b>{{item.x}},</b> |
| | | <b>{{item.y}}</b> |
| | | </span> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | <div class="pos" v-show="isShowCurPos"> |
| | | 当前位置: |
| | |
| | | data () { |
| | | return { |
| | | screenHeight: 0, |
| | | actPage: 1, |
| | | labels: [], |
| | | colorPick: '#79f2fb', |
| | | dotSize: 3, |
| | |
| | | } |
| | | .resize-bar:hover ~ .resize-line::after, |
| | | .resize-bar:active ~ .resize-line::after { |
| | | content: ''; |
| | | content: ""; |
| | | position: absolute; |
| | | width: 16px; |
| | | height: 16px; |