| | |
| | | <div |
| | | v-show="data.isShow" |
| | | :class="['d-frame', {'d-frame-full': fullScreen}]" |
| | | ref="dFrame" |
| | | :data-id="data.id" |
| | | v-bind:style="{left: data.leftOffset + 'px', top: data.topOffset + 'px', 'z-index': 125 + data.order, width: width + 'px', height: height + 'px'}" |
| | | @click="frameClick" |
| | | > |
| | | <div class="d-frame-title" v-drag> |
| | | <div class="d-frame-title" v-drag @click="frameClick"> |
| | | <div class="d-frame-title-operation"> |
| | | <i class="icon-minus d-frame-operation-minus" @click="minFrame(data,$event)"> |
| | | <img :src="`${publicPath}images/desktop/header-icon/min.png`" alt /> |
| | |
| | | </div> |
| | | </slot> |
| | | </div> |
| | | <div class="d-frame-content" @click="frameClick" > |
| | | <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> --> |
| | |
| | | } |
| | | } |
| | | }, |
| | | |
| | | methods: { |
| | | //resize |
| | | mousedown(e) { |
| | |
| | | changeFullScreen: function () { |
| | | this.fullScreen = !this.fullScreen; |
| | | }, |
| | | frameClick() { |
| | | frameClick(e) { |
| | | debugger |
| | | this.$store.commit('desktop/refreshFrame', this.data); |
| | | }, |
| | | minFrame(data, e) { |