diff --git a/src/components/apartmentList/apartmentList.vue b/src/components/apartmentList/apartmentList.vue
index abb17a5..d55789c 100644
--- a/src/components/apartmentList/apartmentList.vue
+++ b/src/components/apartmentList/apartmentList.vue
@@ -32,7 +32,7 @@ const props = defineProps({
 let moduleData = reactive({ data: {} })
 moduleData.data = props.data
 </script>
-<style scoped>
+<style scoped lang="less">
 .list-item {
     width: 291px;
     background: -webkit-linear-gradient(282.684800209667deg, rgba(255, 255, 255, 1) 27%, rgba(98, 177, 255, 1) 325%);
diff --git a/src/components/biserialListItem/biserialListItem.vue b/src/components/biserialListItem/biserialListItem.vue
index e1d673c..a3dae46 100644
--- a/src/components/biserialListItem/biserialListItem.vue
+++ b/src/components/biserialListItem/biserialListItem.vue
@@ -211,7 +211,7 @@ onMounted(() => {
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }
diff --git a/src/components/checkGroup/checkBoxGroup.vue b/src/components/checkGroup/checkBoxGroup.vue
index 440d82e..eb7863b 100644
--- a/src/components/checkGroup/checkBoxGroup.vue
+++ b/src/components/checkGroup/checkBoxGroup.vue
@@ -95,7 +95,7 @@ defineExpose({
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 .seach-history-h {
     max-height: 500px !important;
     transition: max-height 0.5s ease-in-out;
diff --git a/src/components/indexRegularBox/indexRegularBox.vue b/src/components/indexRegularBox/indexRegularBox.vue
index e2ad843..ca5b555 100644
--- a/src/components/indexRegularBox/indexRegularBox.vue
+++ b/src/components/indexRegularBox/indexRegularBox.vue
@@ -36,7 +36,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style scoped lang="less">
 .regular-box {
     position: fixed;
     right: 30px;
diff --git a/src/components/indexSeachInfo/indexSeachInfo.vue b/src/components/indexSeachInfo/indexSeachInfo.vue
index c39b242..a6bb5ae 100644
--- a/src/components/indexSeachInfo/indexSeachInfo.vue
+++ b/src/components/indexSeachInfo/indexSeachInfo.vue
@@ -96,7 +96,7 @@ let selectSeach = (data) => {
 }
 
 </script>
-<style scoped>
+<style scoped lang="less">
 .pad-15 {
     padding: 0 15px 0px 15px !important;
 }
diff --git a/src/components/indexWaterfallBox/indexWaterfallBox.vue b/src/components/indexWaterfallBox/indexWaterfallBox.vue
index f2f35ec..c0adcdb 100644
--- a/src/components/indexWaterfallBox/indexWaterfallBox.vue
+++ b/src/components/indexWaterfallBox/indexWaterfallBox.vue
@@ -140,7 +140,7 @@ watchEffect(()=>{
     itemData = props.data
 })
 </script>
-<style scoped>
+<style scoped lang="less">
 .pos-r {
     position: relative;
 }
diff --git a/src/components/pageTopBar/pageTopBar.vue b/src/components/pageTopBar/pageTopBar.vue
index 68f5488..5efb0c8 100644
--- a/src/components/pageTopBar/pageTopBar.vue
+++ b/src/components/pageTopBar/pageTopBar.vue
@@ -164,7 +164,7 @@ const goIndex = () => router.push("/")
 
 
 </script>
-<style scoped>
+<style scoped lang="less">
 .pos-r {
   position: relative;
 }
diff --git a/src/components/seachModule/seachModule.vue b/src/components/seachModule/seachModule.vue
index 0e7f770..571c850 100644
--- a/src/components/seachModule/seachModule.vue
+++ b/src/components/seachModule/seachModule.vue
@@ -238,7 +238,7 @@ defineExpose({
     historyShow
 })
 </script>
-<style scoped>
+<style scoped lang="less">
 .dis-f {
     display: flex;
 }
diff --git a/src/components/seachPage/input.vue b/src/components/seachPage/input.vue
index ad36d84..36fc329 100644
--- a/src/components/seachPage/input.vue
+++ b/src/components/seachPage/input.vue
@@ -482,7 +482,7 @@ const gouser = tab => {
 }
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }
diff --git a/src/components/selectTabBox/selectTabBox.vue b/src/components/selectTabBox/selectTabBox.vue
index 1b6f34d..501393e 100644
--- a/src/components/selectTabBox/selectTabBox.vue
+++ b/src/components/selectTabBox/selectTabBox.vue
@@ -733,7 +733,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style scoped lang="less">
 .dis-f {
     display: flex;
 }
diff --git a/src/components/skeletonBox/skeletonBox.vue b/src/components/skeletonBox/skeletonBox.vue
index 2b05e93..207a1f8 100644
--- a/src/components/skeletonBox/skeletonBox.vue
+++ b/src/components/skeletonBox/skeletonBox.vue
@@ -22,7 +22,7 @@
 <script setup>
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 03e7e00..4c7c0f3 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -367,7 +367,7 @@ export default {
   name: 'HomeView'
 }
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
   object-fit: contain;
 }
diff --git a/src/views/apartmentDetail.vue b/src/views/apartmentDetail.vue
index 5cfcc76..86cf557 100644
--- a/src/views/apartmentDetail.vue
+++ b/src/views/apartmentDetail.vue
@@ -579,7 +579,15 @@ const dualBrandData = () => {
 }
 
 // 点击转发的复制链接按钮
-const copy = (value) => copyToClipboard(value).then(() => ElMessage.success("复制成功！！！"))
+const copy = (value) => copyToClipboard(value).then(() => {
+    ElMessage({
+        message: '复制成功',
+        center: true,
+        offset: 320,
+        duration: 1000,
+        customClass: 'message-info'
+    })
+})
 
 let contactReservationState = ref(false)  // 联系预订客服的弹窗状态
 let customerservicelist = ref([])  // 联系预订客服的弹窗状态
@@ -1815,4 +1823,19 @@ const publicJump = path => router.push(path)
         }
     }
 }
-</style>
\ No newline at end of file
+</style>
+<style lang="less">
+.message-info {
+    background: #000000;
+    border-color: #000000;
+    color: #fff;
+
+    .el-message__content {
+        color: #fff;
+    }
+
+    .el-icon {
+        display: none;
+    }
+}
+</style>
diff --git a/src/views/detail.vue b/src/views/detail.vue
index 2cff8cb..5c6caa0 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -1502,7 +1502,7 @@ onBeforeUnmount(() => {
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }
@@ -2993,7 +2993,7 @@ img {
     color: #fff;
 }
 </style>
-<style>
+<style lang="less">
 .message-info {
     background: #000000;
     border-color: #000000;
diff --git a/src/views/housingView/intermediary.vue b/src/views/housingView/intermediary.vue
index 64d3cb4..ed93515 100644
--- a/src/views/housingView/intermediary.vue
+++ b/src/views/housingView/intermediary.vue
@@ -128,7 +128,7 @@ onBeforeUnmount(() => {
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }
diff --git a/src/views/housingView/needHousing.vue b/src/views/housingView/needHousing.vue
index d29f63e..90c1d50 100644
--- a/src/views/housingView/needHousing.vue
+++ b/src/views/housingView/needHousing.vue
@@ -129,7 +129,7 @@ onBeforeUnmount(() => {
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }
diff --git a/src/views/housingView/person.vue b/src/views/housingView/person.vue
index b883526..10b24e6 100644
--- a/src/views/housingView/person.vue
+++ b/src/views/housingView/person.vue
@@ -144,7 +144,7 @@ onBeforeUnmount(() => {
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }
diff --git a/src/views/seachIndex.vue b/src/views/seachIndex.vue
index f483b6f..f6c813d 100644
--- a/src/views/seachIndex.vue
+++ b/src/views/seachIndex.vue
@@ -194,7 +194,7 @@ onBeforeUnmount(() => {
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }