| | |
| | | </slot> |
| | | </div> |
| | | <div class="d-frame-content"> |
| | | |
| | | <iframe :src="data.url" v-if="data.url"></iframe> |
| | | <div v-html="data.html" v-if="data.html"></div> |
| | | <!-- <span class="d-frame-operation-resize" v-resize></span> --> |
| | | <span class="d-frame-operation-resize" @mousedown="mousedown" @mousemove.prevent="mousemove" @mouseup="mouseup"></span> |
| | | <span |
| | | class="d-frame-operation-resize" |
| | | @mousedown="mousedown" |
| | | @mousemove.prevent="mousemove" |
| | | @mouseup="mouseup" |
| | | ></span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | html,body{ |
| | | html, |
| | | body { |
| | | heiht: 100%; |
| | | } |
| | | .d-frame { |
| | |
| | | height: 15px; |
| | | z-index: 1000; |
| | | cursor: nwse-resize; |
| | | background: url("/images/resize.png") no-repeat; |
| | | background: url("/images/desktop/resize.png") no-repeat; |
| | | } |
| | | </style> |