提交

src/components/public/apartment-item.vue

@@ -36,7 +36,6 @@ const props = defineProps({
     item: Object,
 });
 
-let imgse = ref('https://oss.gter.net/Zvt57TuJSUvkyhw-xG7Y2l-R-Josd3fqqsgFptxhXa6RWi26P-BuTQccE7DK7tkb8MVYZjQ0Mjk~')
 </script>
 
 <style lang="less" scoped>

src/components/public/public-list-item.vue

@@ -69,21 +69,28 @@
                     listData.intermediary[data.intermediary] }}</div>
                 <img src="../../assets/homeImage/intermediaryTabImg.png" v-else class="intermediary-tab-img" alt="">
             </div>
-            <img class="" src="@/assets/img/publicImage/black-circle-cross.svg">
+            <div class="cancel-collection flexcenter" @click="cancelCollection(data.token)">
+                <img class="icon" src="@/assets/img/publicImage/black-circle-cross.svg">
+                取消收藏
+            </div>
         </div>
     </div>
 </template>
   
 <script setup>
-import { ref, defineProps, reactive, onMounted, getCurrentInstance } from "vue";
+import { ref, defineProps, reactive, defineEmits, onMounted, getCurrentInstance } from "vue";
 import { useRoute, useRouter } from 'vue-router';
 import store from '../../store/index';
 let props = defineProps({
     item: {
         type: Object
-    }
+    },
+    index: Number
 })
 
+const emit = defineEmits(['cancelCollection'])
+
+
 // console.log("item", props.item);
 let data = {}
 data = props.item
@@ -131,6 +138,10 @@ const stateObj = { // btn: 0  删除 编辑 1 删除 编辑 上架  2 删除 编
     }
 }
 
+const cancelCollection = token => {
+    emit('cancelCollection', { token, index: props['index'] })
+}
+
 </script>
 <style scoped lang="less">
 img {
@@ -371,6 +382,20 @@ img {
             color: #555555;
             text-align: center;
         }
+
+        .cancel-collection {
+            font-size: 14px;
+            color: #333333;
+            // padding: 0 23px;
+            height: 100%;
+            cursor: pointer;
+
+            .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 3px;
+            }
+        }
     }
 }
 </style>