合并

src/components/public/transmitBtn.vue

@@ -6,8 +6,6 @@
         </template>
 
         <div class="transmit-unfold-box">
-            <!-- <div v-if="props['concatType']" class="arrow" style="right: 300px;"></div>
-            <div v-else class="arrow" :style="{ right: type == 'apartment' ? '182px' : '75px' }"></div> -->
             <div class="transmit-item">
                 <div class="transmit-head">转发网页版</div>
                 <div class="transmit-box transmit-webpage-box">
@@ -52,31 +50,21 @@ const popperOptions = ref({
     ]
 });
 
-watch(() => props.concatType, (newValue, oldValue) => {
+if (props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
 
-    nextTick(() => {
-        if (newValue && props['type'] != 'apartment') popperOptions.value['modifiers'][0]['options']['offset'][0] = 235
-        else if (props['type'] != 'apartment') popperOptions.value['modifiers'][0]['options']['offset'][0] = 38
-        else popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
-    })
+
+watch(() => props.concatType, (newValue, oldValue) => {
+    setTimeout(() => {
+        if (newValue && props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 225
+        else if (props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
+    }, 250)
 
 });
 
 
-// popperOptions.value['modifiers'][0]['options']['offset'][0] = 235
-
-// popperOptions.value['modifiers'][0]['options']['offset'][0] = 14
 
 let url = location.href
 
-let popover = ref(null)
-let btn = ref(null)
-
-
-setTimeout(() => {
-    console.log(popover, "popover");
-}, 3000)
-
 const copy = () => {
     copyToClipboard(`${props['title']} - ${url}`).then(() => {
         ElMessage.success("复制成功！！！")
@@ -86,17 +74,10 @@ const copy = () => {
 </script>
 
 <style lang="less" scoped>
-.el-popper__arrow {
-    left: 200px;
-}
-
 .btn {
-    // background-color: antiquewhite;
     width: 100px;
     height: 40px;
     position: absolute;
-    // top: 0;
-    // left: 0;
 }
 
 .transmit-unfold-box,
@@ -110,8 +91,6 @@ const copy = () => {
     display: flex;
     border-radius: 10px;
     font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
-    // box-shadow: 0px 2px 11px -2px #dcebef;
-    // border: 1px solid #e0e0e0;
 }
 
 .transmit-unfold-box .transmit-unfold-close {
@@ -210,28 +189,4 @@ const copy = () => {
     cursor: pointer;
     color: #000;
 }
-
-.arrow {
-    width: 10px;
-    height: 10px;
-    z-index: -1;
-    position: absolute;
-    top: -4px;
-    right: 75px;
-
-    &::before {
-        content: "";
-        border: 1px solid #e4e7ed;
-        border-bottom-color: transparent !important;
-        border-right-color: transparent !important;
-        position: absolute;
-        width: 10px;
-        height: 10px;
-        background-color: #fff;
-        // z-index: -1;
-        transform: rotate(45deg);
-        // background: red;
-        box-sizing: border-box;
-    }
-}
 </style>