718

src/components/newLesson/share.vue

@@ -59,6 +59,16 @@
     <div class="share_close" @click="$emit('closeShare')">×</div>
     <div class="tips" v-if="shareVisible" @click="shareVisible=false">
       <img :src="share_tips" />
+      <div class="pannel">
+        <div class="pannel-container">
+          <div class="pannel-header">
+            <!-- <img src="../../assets/icon_copy.png" alt /> -->
+            <p>已为您复制分享文案，可直接粘贴啦！</p>
+          </div>
+          <div class="pannel-main"></div>
+          <div class="pannel-footer"></div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -519,6 +529,8 @@ export default {
 </script>
 <style scoped lang="less">
 @import "../../util/public";
+@tocurrentvw : 1/2 * @toVw;
+@tocurrentvh : 1/2 * @toVh;
 .share-page {
   position: fixed;
   background: url("https://cdn.singsingenglish.com/new-sing/3d68439b63b12ca0a389645a6666f37c8e01c08a.png");
@@ -769,5 +781,36 @@ export default {
       width: 80%;
     }
   }
+  .pannel {
+      width: 616 * @tocurrentvw;
+      height: 380 * @tocurrentvw;
+      border-radius: 16 * @tocurrentvw;
+      position: fixed;
+      bottom: 180 * @tocurrentvw;
+      left: 67 * @tocurrentvw;
+      border: 2 * @tocurrentvw dashed #fff;
+      .pannel-container {
+        width: 558 * @tocurrentvw;
+        height: 324 * @tocurrentvw;
+        margin: 28 * @tocurrentvw;
+        background-color: pink;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        .pannel-header {
+          display: flex;
+          margin: 0;
+          align-items: center;
+          height: 40 * @tocurrentvw;
+          font-size: 28 * @tocurrentvw;
+          color: #fff;
+          img {
+            display: block;
+            width: 38 * @tocurrentvw;
+            height: 40 * @tocurrentvw;
+          }
+        }
+      }
+    }
 }
 </style>