| | |
| | | > |
| | | <div class="d-frame-title" v-drag @click="frameClick()"> |
| | | <div class="d-frame-title-operation"> |
| | | <i class="fa fa-circle d-frame-operation-close" @click="closeFrame()"></i> |
| | | <i class="fa fa-circle d-frame-operation-minus" @click="minFrame(data)"></i> |
| | | <i class="fa fa-circle d-frame-operation-full" @click="changeFullScreen()"></i> |
| | | <i class="el-icon-error d-frame-operation-close" @click="closeFrame()"></i> |
| | | <i class="el-icon-remove d-frame-operation-minus" @click="minFrame(data)"></i> |
| | | <i class="el-icon-circle-plus d-frame-operation-full" @click="changeFullScreen()"></i> |
| | | </div> |
| | | <slot name="d-frame-title-content"> |
| | | <div class="d-frame-title-content"> |
| | |
| | | </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> --> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import html2canvas from 'html2canvas' |
| | | import html2canvas from 'html2canvas'; |
| | | |
| | | export default { |
| | | name: "DFrame", |
| | | props: { |
| | |
| | | |
| | | .d-frame-title-operation i { |
| | | margin: 0 3px; |
| | | font-size:18px; |
| | | } |
| | | |
| | | .d-frame-operation-close { |
| | | color: red; |
| | | } |
| | | |
| | | .d-frame-title-operation:hover .d-frame-operation-close::before { |
| | | /* .d-frame-title-operation:hover .d-frame-operation-close::before { |
| | | content: "\f057"; |
| | | } |
| | | } */ |
| | | |
| | | .d-frame-operation-minus { |
| | | color: #fbb450; |
| | | } |
| | | |
| | | .d-frame-title-operation:hover .d-frame-operation-minus::before { |
| | | /* .d-frame-title-operation:hover .d-frame-operation-minus::before { |
| | | content: "\f056"; |
| | | } |
| | | } */ |
| | | |
| | | .d-frame-operation-full { |
| | | color: #00d800; |
| | | } |
| | | |
| | | .d-frame-title-operation:hover .d-frame-operation-full::before { |
| | | /* .d-frame-title-operation:hover .d-frame-operation-full::before { |
| | | content: "\f055"; |
| | | } |
| | | } */ |
| | | |
| | | .d-frame-title-content { |
| | | line-height: 30px; |