updated

src/main/resources/static/css/service-settlement/info.css

@@ -5,6 +5,9 @@ body{
     background-color: #F5F5F5;
     min-height: 90vh;
 }
+[v-cloak] {
+    opacity: 0;
+}
 @media screen and (min-width:768px) {
     #service-info {
         width: 62.5vw;

src/main/resources/templates/service-settlement/info.html

@@ -32,22 +32,22 @@
         <div class="content">
             <div class="content-sq">
                 <div class="sq"></div>
-                <div class="count" v-cloak>采美平台授权 <span v-cloak>{{ itemObj.name }}</span> 为<span v-cloak>{{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}</span>级服务商</div>
+                <div class="count">采美平台授权 <span>{{ itemObj.name }}</span> 为<span>{{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}</span>级服务商</div>
             </div>
             <div class="content-info">
-                <div class="info-name" v-cloak>{{ itemObj.name }}</div>
-                <div v-cloak class="info-class" :style="{color: textLevel[itemObj.serviceLevel]?.color, backgroundColor: textLevel[itemObj.serviceLevel]?.backgroundColor}">
+                <div class="info-name">{{ itemObj.name }}</div>
+                <div class="info-class" :style="{color: textLevel[itemObj.serviceLevel]?.color, backgroundColor: textLevel[itemObj.serviceLevel]?.backgroundColor}">
                     <div class="icon" :style="{background: 'url(' + textLevel[itemObj.serviceLevel]?.iconUrl + ')' }"></div>
-                    <span v-cloak>{{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}级服务商</span>
+                    <span>{{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}级服务商</span>
                 </div>
-                <div class="info-address" v-cloak><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/address2.png')"></div><span v-cloak>{{ itemObj.address.split('/').join('') }}</span></div>
-                <div class="info-num" v-cloak><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/certifit2.png')"></div>资格证编号：<span v-cloak>{{ itemObj.qualificationId }}</span></div>
-                <div class="info-phone" v-cloak><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/phone2.png')"></div>联系方式：<span v-cloak>{{ itemObj.mobile }}</span></div>
+                <div class="info-address"><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/address2.png')"></div><span>{{ itemObj.address.split('/').join('') }}</span></div>
+                <div class="info-num"><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/certifit2.png')"></div>资格证编号：<span>{{ itemObj.qualificationId }}</span></div>
+                <div class="info-phone"><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/phone2.png')"></div>联系方式：<span>{{ itemObj.mobile }}</span></div>
             </div>
             <div class="content-line"></div>
             <div class="content-text">
                 <div class="tent">简介：</div>
-                <div class="text" v-cloak>{{ itemObj.text }}</div>
+                <div class="text">{{ itemObj.text }}</div>
             </div>
         </div>
     </div>