联系我们控件联调

 <!--
  * @Date: 2022-11-23 14:41:53
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-23 14:42:16
+ * @LastEditTime: 2023-01-06 19:04:00
  * @FilePath: /data-table/src/components/ContactField/index.vue
  * @Description: 联系我们控件
 -->
 <template>
-  <div class="contact-field-page">
+  <div v-if="HideShow" class="contact-field-page">
     <van-popover v-model:show="showPopover" placement="left">
       <div class="contact-content">
         <div class="text-tel">电话联系</div>
@@ -18,9 +18,9 @@
             {{ item.component_props.tel }}
           </a>
         </div>
-        <div v-if="item.component_props.qr_code">
+        <div v-if="item.component_props.image_url">
           <div class="text-qr_code">微信联系</div>
-          <van-image width="100" height="100" :src="item.component_props.qr_code" />
+          <van-image width="100" height="100" :src="item.component_props.image_url" />
         </div>
       </div>
       <template #reference>
@@ -40,6 +40,10 @@ import { styleColor } from "@/constant.js";
 const props = defineProps({
   item: Object,
 });
+// 隐藏显示
+const HideShow = computed(() => {
+  return !props.item.component_props.disabled
+})
 const showPopover = ref(false);
 </script>