解决火狐浏览器没有样式问题

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%);

src/components/biserialListItem/biserialListItem.vue

@@ -211,7 +211,7 @@ onMounted(() => {
 })
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }

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;

src/components/indexRegularBox/indexRegularBox.vue

@@ -36,7 +36,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style scoped lang="less">
 .regular-box {
     position: fixed;
     right: 30px;

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;
 }

src/components/indexWaterfallBox/indexWaterfallBox.vue

@@ -140,7 +140,7 @@ watchEffect(()=>{
     itemData = props.data
 })
 </script>
-<style scoped>
+<style scoped lang="less">
 .pos-r {
     position: relative;
 }

src/components/pageTopBar/pageTopBar.vue

@@ -164,7 +164,7 @@ const goIndex = () => router.push("/")
 
 
 </script>
-<style scoped>
+<style scoped lang="less">
 .pos-r {
   position: relative;
 }

src/components/seachModule/seachModule.vue

@@ -238,7 +238,7 @@ defineExpose({
     historyShow
 })
 </script>
-<style scoped>
+<style scoped lang="less">
 .dis-f {
     display: flex;
 }

src/components/seachPage/input.vue

@@ -482,7 +482,7 @@ const gouser = tab => {
 }
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }

src/components/selectTabBox/selectTabBox.vue

@@ -733,7 +733,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style scoped lang="less">
 .dis-f {
     display: flex;
 }

src/components/skeletonBox/skeletonBox.vue

@@ -22,7 +22,7 @@
 <script setup>
 
 </script>
-<style scoped>
+<style scoped lang="less">
 img {
     object-fit: contain;
 }