feats

src/components/IFrame.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="iframe-wrapper">
-    <img class="goback abs" src="/images/goback.png" alt="" @click="emit('cancel')">
+    <div class="iframe-header">
+      <img src="/images/iframe_goback.png" alt="" @click="emit('cancel')">
+    </div>
     <iframe :src="link" frameborder="0" v-if="link"></iframe>
   </div>
 </template>
@@ -23,12 +25,23 @@
   left: 0;
   z-index: 1200;
 
-  .goback {
+  .iframe-header {
     position: absolute;
     z-index: 10;
-    width: 40px;
-    top: 12px;
-    left: 12px;
+    width: 100%;
+    height: 60px;
+    left: 0;
+    top: 0;
+
+    background-image: url(/images/iframe_header_bg.png);
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+
+    img {
+      width: auto;
+      height: 30px;
+      padding: 15px 30px;
+    }
   }
 
   iframe {

src/utils/resources.js

@@ -31,6 +31,8 @@ export const resources = [
   { image: './images/share.jpg' },
   { image: './images/广电logo.png' },
   { image: './images/电视台二维码.png' },
+  { image: './images/iframe_header_bg.png' },
+  { image: './images/iframe_goback.png' },
 
   { image: './images/pg1/2014.png' },
   { image: './images/pg1/bell.png' },