hanbaoshan
2020-08-03 81afc2e465c68f8b14b54a7ec350f28d09583cf1
src/pages/desktop/index/components/DFrame.vue
@@ -7,9 +7,9 @@
  >
    <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">
@@ -19,6 +19,7 @@
      </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> -->
@@ -28,7 +29,8 @@
</template>
<script>
import html2canvas from 'html2canvas'
import html2canvas from 'html2canvas';
export default {
  name: "DFrame",
  props: {
@@ -208,31 +210,32 @@
.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;