fix 联系我们控件显示优化

@@ -11,16 +11,21 @@
       <div class="contact-content">
         <div class="text-tel">电话联系</div>
         <div>
-          <a style="color: #1989fa" :href="`tel:${item.component_props.tel}`">{{
-            item.component_props.tel
-          }}</a>
+          <a
+            :style="{ color: styleColor.baseColor }"
+            :href="`tel:${item.component_props.tel}`"
+          >
+            {{ item.component_props.tel }}
+          </a>
+        </div>
+        <div v-if="item.component_props.qr_code">
+          <div class="text-qr_code">微信联系</div>
+          <van-image width="100" height="100" :src="item.component_props.qr_code" />
         </div>
-        <div class="text-qr_code">微信联系</div>
-        <van-image width="100" height="100" :src="item.component_props.qr_code" />
       </div>
       <template #reference>
         <div class="wrapper">
-          <van-icon name="phone-o" size="2rem" color="#1989fa" />
+          <van-icon name="phone-o" size="2rem" :color="styleColor.baseColor" />
         </div>
       </template>
     </van-popover>
@@ -30,6 +35,8 @@
 <script setup>
 import { ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
+import { styleColor } from "@/constant.js";
+
 const props = defineProps({
   item: Object,
 });