数字包裹双引号

src/views/zhulao/views/circle/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="page">
     <van-nav-bar title="养老服务圈" fixed placeholder safe-area-inset-top />
-    
+
     <div class="input_bg">
       <image class="search-icon" src="/images/elderly/search.png"></image>
       <van-search id="address" class="text" placeholder="搜索" @input="addressInputAction" />
@@ -12,14 +12,11 @@
       <!-- <input bindinput="addressInputAction" id="address" class="text" placeholder="搜索" /> -->
     </div>
     <van-tabs @click="clickTab" sticky offset-top="80">
-      <van-tab v-for="item in categorieList" sticky :key="item.id" :title="item.name" :name="item.id" >
+      <van-tab v-for="item in categorieList" sticky :key="item.id" :title="item.name" :name="item.id">
       </van-tab>
     </van-tabs>
-     <div
-          class="map_bg"
-          id="container_home"
-        >
-     </div>
+    <div class="map_bg" id="container_home">
+    </div>
     <Tabbar />
   </div>
 </template>
@@ -141,14 +138,13 @@ export default {
              let subIdTwo =item.id.substring(item.id.length-6)
               console.log(subIdOne + ':' +subIdTwo)
 
-              let idTemp = item.id
              var windowContent =  
-            '<div class="customCallout" onclick="jumpDetailTap('+ `${idTemp}`+')">' +
+            '<div class="customCallout" onclick=jumpDetailTap('+'"'+ `${item.id}`+'"'+')>' +
             '<div class="customCallout_top">' +
               '<img class="icon" src=' + `${item.coverImgUrl}` + ' />' +
               '<div class="callout-right">' +
                 '<div class="title">' +
-                   `${item.name}` +`${idTemp}`+
+                   `${item.name}`+
                 '</div>'+
                 '<div class="name">' +
                   `${item.contact}` + `${item.phone}` +
@@ -399,32 +395,31 @@ export default {
 
 .map_bg {
   width: 100%;
-  height:calc(100% - 360px);
+  height: calc(100% - 360px);
 }
 .van-tabs {
-    border-bottom: 0;
-    text-align: center;
-    ::v-deep .van-tab {
+  border-bottom: 0;
+  text-align: center;
+  ::v-deep .van-tab {
+    font-size: 32px;
+  }
+
+  ::v-deep .van-tabs__nav--complete {
+    padding: 0;
+  }
+  ::v-deep .van-tabs__line {
+    height: 0;
+  }
+  ::v-deep .van-tabs__wrap {
+    height: 80px;
+    .van-tab__span {
       font-size: 32px;
     }
-   
-    ::v-deep .van-tabs__nav--complete {
-      padding: 0;
-      
-    }
-    ::v-deep .van-tabs__line {
-      height: 0;
-    }
-    ::v-deep .van-tabs__wrap {
-      height: 80px;
-      .van-tab__span {
-        font-size: 32px;
-      }
-    }
-    ::v-deep .van-tabs__content {
-      height: calc(100% - 60px);
-      overflow-y: auto;
-    }
+  }
+  ::v-deep .van-tabs__content {
+    height: calc(100% - 60px);
+    overflow-y: auto;
+  }
 }
 
 .custom-content-window {
@@ -436,7 +431,7 @@ export default {
 
 .customCallout {
   box-sizing: border-box;
-  background-color: #fff; 
+  background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 5px;
   width: 460px;
@@ -465,21 +460,21 @@ export default {
   width: 100%;
   margin-bottom: 5px;
   word-break: break-all;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  display:-webkit-box;
-  -webkit-box-orient:vertical;
-  -webkit-line-clamp:3; 
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
   white-space: normal;
 }
 .name {
   font-size: 26px;
   word-break: break-all;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  display:-webkit-box;
-  -webkit-box-orient:vertical;
-  -webkit-line-clamp:2; 
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
   white-space: normal;
 }
 .address {
@@ -491,15 +486,14 @@ export default {
   padding: 6px 0;
   box-sizing: border-box;
   word-break: break-all;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  display:-webkit-box;
-  -webkit-box-orient:vertical;
-  -webkit-line-clamp:3; 
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
   white-space: normal;
 }
 
-
 .custom-content-marker {
   width: 45px;
   height: 55px;
@@ -507,7 +501,7 @@ export default {
 }
 
 .custom-content-marker img {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 </style>