提交

src/components/apartment/seachModule.vue

@@ -18,7 +18,8 @@
                                 popper-style="background: transparent;padding:0;box-shadow: none;border: none;transform: translateX(50px);">
                                 <template #reference>
                                     <el-input class="search-input" v-model="pitchValue['keyword']" placeholder="搜索房源或输入房源ID"
-                                        @keyup.enter='handleKeyword(pitchValue["keyword"])' style="height:48px;width:460px;"></el-input>
+                                        @keyup.enter='handleKeyword(pitchValue["keyword"])'
+                                        style="height:48px;width:460px;"></el-input>
                                 </template>
                                 <div class="dis-f al-item pos-r">
                                     <div class="seach-hiosory-box scrollbar" :class="{ 'seach-history-h': historyShow }">
@@ -54,7 +55,7 @@
                             发布房源
                         </div>
 
-                        <el-popover placement="bottom-end" popper-class="consult-popover flexcenter" :width="300"
+                        <el-popover placement="bottom-end"   popper-class="consult-popover flexcenter" :width="300"
                             trigger="click" :show-arrow="false"
                             popper-style="background-color:transparent;border: none;box-shadow: none;padding:0;">
                             <template #reference>
@@ -70,8 +71,8 @@
                                 </div>
                                 <div class="consult-hint">微信扫码添加好友</div>
                                 <div class="consult-remark flexacenter">备注：<b>寄托租房</b></div>
+
                             </div>
-                            <!-- <img class="QR-code" :src="wechat['wechatqrcode']" alt=""> -->
                         </el-popover>
                     </div>
 
@@ -181,6 +182,31 @@ const usestore = useStore();
 const { wechat } = toRefs(usestore.state);
 const router = useRouter()
 
+const value = ref('')
+
+const options = [
+    {
+        value: 'Option1',
+        label: 'Option1',
+    },
+    {
+        value: 'Option2',
+        label: 'Option2',
+    },
+    {
+        value: 'Option3',
+        label: 'Option3',
+    },
+    {
+        value: 'Option4',
+        label: 'Option4',
+    },
+    {
+        value: 'Option5',
+        label: 'Option5',
+    },
+]
+
 const props = defineProps({
     count: {
         type: Number,
@@ -348,7 +374,7 @@ const selectOption = (type, value) => {
 }
 
 .seach-box-bg {
-    background: #d7d7d7;
+    // background: #d7d7d7;
     border-radius: 16px;
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
@@ -358,8 +384,9 @@ const selectOption = (type, value) => {
 
     .seach-box {
         background: #FFFFFF;
-        transform: translate(0, 3px);
+        // transform: translate(0, 3px);
         border-radius: 16px;
+        filter: drop-shadow(0px3px 0px #d7d7d7);
 
         .top-seach {
             padding: 20px;