diff --git a/src/components/auth/login.vue b/src/components/auth/login.vue
index 4a7c24e..61d6daf 100644
--- a/src/components/auth/login.vue
+++ b/src/components/auth/login.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="login-box" v-show="showLoginModal">
+    <view class="login-box" v-if="showLoginModal">
         <button open-type="getUserInfo" @click="getUserInfo">授权登录</button>
     </view>
 </template>
diff --git a/src/components/banner/banner.vue b/src/components/banner/banner.vue
index 4c91c84..fe9dcc2 100644
--- a/src/components/banner/banner.vue
+++ b/src/components/banner/banner.vue
@@ -15,7 +15,7 @@
                 </view>
             </swiper-item>
         </swiper>
-        <view class="swiper-dots" v-show="indicatorDots">
+        <view class="swiper-dots" v-if="indicatorDots">
             <view
                 class="swiper-dot-item"
                 v-for="(value, key) in list.length"
diff --git a/src/components/layout/layout.vue b/src/components/layout/layout.vue
index db8f310..a34c854 100644
--- a/src/components/layout/layout.vue
+++ b/src/components/layout/layout.vue
@@ -10,24 +10,18 @@
             }"
         >
             <!-- 首页选择地址 -->
-            <view
-                v-show="btnType === 'city'"
-                class="page-index-btn change-city"
-                :style="{ height: header.height + 'px' }"
-                @click="changeCity"
-            >
-                <text class="iconfont icon-31dingwei"></text>
-                <text class="city">成都市</text>
-            </view>
+            <block v-if="btnType === 'city'">
+                <view class="page-index-btn change-city" :style="{ height: header.height + 'px' }" @click="changeCity">
+                    <text class="iconfont icon-31dingwei"></text>
+                    <text class="city">成都市</text>
+                </view>
+            </block>
             <!-- 正常返回按钮 -->
-            <view
-                v-show="btnType === 'back'"
-                class="page-index-btn back"
-                :style="{ height: header.height + 'px' }"
-                @click="onClick"
-            >
-                <text class="iconfont icon-fanhui"></text>
-            </view>
+            <block v-if="btnType === 'back'">
+                <view class="page-index-btn back" :style="{ height: header.height + 'px' }" @click="onClick">
+                    <text class="iconfont icon-fanhui"></text>
+                </view>
+            </block>
             <view class="page-title">
                 <text class="title-text" :style="{ lineHeight: header.height + 'px' }">{{ title }}</text>
             </view>
diff --git a/src/components/order/action.vue b/src/components/order/action.vue
index 1124578..6411ed7 100644
--- a/src/components/order/action.vue
+++ b/src/components/order/action.vue
@@ -1,33 +1,36 @@
 <template>
     <view class="order-action">
-        <view
-            v-show="
+        <block
+            v-if="
                 order.state == $models.order.state.NO_PAY ||
                 order.state == $models.order.state.NO_PRICE ||
                 order.state == $models.order.state.NO_SELECT_WORKER
             "
-            class="btn"
-            @click.stop="cancelOrder"
-            :class="{ active: true }"
         >
-            <text>取消订单</text>
-        </view>
-        <view v-show="order.state == $models.order.state.NO_APPRAISE" class="btn" @click.stop="appraiseOrder">
-            <text>评价师傅</text>
-        </view>
-        <view v-show="order.state == $models.order.state.NO_SERVICE" class="btn" @click.stop="drawbackOrder">
-            <text>申请退款</text>
-        </view>
-        <view v-show="order.state == $models.order.state.ORDER_CLOSE" class="btn" @click.stop="reapplyOrder">
-            <text>重新申请</text>
-        </view>
-        <view
-            v-show="order.state == $models.order.state.ORDER_CLOSE || order.state == $models.order.state.ALL_FINISH"
-            class="del"
-            @click.stop="delOrder"
-        >
-            <text class="iconfont icon-shanchu"></text>
-        </view>
+            <view class="btn" @click.stop="cancelOrder" :class="{ active: true }">
+                <text>取消订单</text>
+            </view>
+        </block>
+        <block v-if="order.state == $models.order.state.NO_APPRAISE">
+            <view class="btn" v-if="false" @click.stop="appraiseOrder">
+                <text>评价师傅</text>
+            </view>
+        </block>
+        <block v-if="order.state == $models.order.state.NO_SERVICE">
+            <view class="btn" v-if="false" @click.stop="drawbackOrder">
+                <text>申请退款</text>
+            </view>
+        </block>
+        <block v-if="order.state == $models.order.state.ORDER_CLOSE">
+            <view class="btn" v-if="false" @click.stop="reapplyOrder">
+                <text>重新申请</text>
+            </view>
+        </block>
+        <block v-if="order.state == $models.order.state.ORDER_CLOSE || order.state == $models.order.state.ALL_FINISH">
+            <view class="del" v-if="true" @click.stop="delOrder">
+                <text class="iconfont icon-shanchu"></text>
+            </view>
+        </block>
     </view>
 </template>
 
diff --git a/src/components/widgets/count-modify.vue b/src/components/widgets/count-modify.vue
index 70ba209..223fa4e 100644
--- a/src/components/widgets/count-modify.vue
+++ b/src/components/widgets/count-modify.vue
@@ -1,9 +1,9 @@
 <template>
     <view class="count-modify" :class="[number > 0 ? 'between' : 'end']">
-        <view v-show="number > 0" class="btn sub" @click="sub">
+        <view v-if="number > 0" class="btn sub" @click="sub">
             <text class="iconfont icon-jianhao"></text>
         </view>
-        <view v-show="number > 0" class="num">{{ number }}</view>
+        <view v-if="number > 0" class="num">{{ number }}</view>
         <view class="btn add" @click="add">
             <text class="iconfont icon-jiahao-"></text>
         </view>
diff --git a/src/components/widgets/loadmore.vue b/src/components/widgets/loadmore.vue
index 2ae3e85..c3695fa 100644
--- a/src/components/widgets/loadmore.vue
+++ b/src/components/widgets/loadmore.vue
@@ -1,6 +1,6 @@
 <template>
     <view class="loadmore">
-        <view class="text" v-show="!hasMore" @click="loadmore">
+        <view class="text" v-if="!hasMore" @click="loadmore">
             <text>我已经到底了~</text>
         </view>
     </view>
diff --git a/src/components/widgets/modal.vue b/src/components/widgets/modal.vue
index 9326bac..ab46a60 100644
--- a/src/components/widgets/modal.vue
+++ b/src/components/widgets/modal.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="modal-container" v-show="show">
+    <view class="modal-container" v-if="show">
         <view class="modal-mask" @click="close"></view>
         <view class="modal-content" :style="{ width: width }">
             <view class="modal-title">
diff --git a/src/components/worker/item.vue b/src/components/worker/item.vue
index 8240f4b..4b78d34 100644
--- a/src/components/worker/item.vue
+++ b/src/components/worker/item.vue
@@ -2,7 +2,7 @@
     <view class="worker-item">
         <view class="head">
             <image class="cover" :src="data.cover" mode="aspectFill" />
-            <text v-show="showPrice" class="price">¥ {{ data.price }}</text>
+            <text v-if="showPrice" class="price">¥ {{ data.price }}</text>
         </view>
         <view class="desc">
             <view class="name">
diff --git a/src/pages/address/address.vue b/src/pages/address/address.vue
index ee58605..b58a139 100644
--- a/src/pages/address/address.vue
+++ b/src/pages/address/address.vue
@@ -3,13 +3,13 @@
         <view class="address-group">
             <view class="address-item" v-for="(item, index) in list" :key="index">
                 <view class="address-box" @click="selectAddress(item)" @longpress="deleteAddress(item.id, index)">
-                    <view v-show="openType == 'choose'" class="checkbox">
+                    <view v-if="openType == 'choose'" class="checkbox">
                         <widget-check-box :size="52" :checked="chooseAddressId == item.id" />
                     </view>
                     <view class="item-box">
                         <view class="address-text limit-line clamp-1">
-                            <text v-show="item.isDefault" class="default-icon">默认</text>
-                            <text class="text">{{ item.address }}</text>
+                            <text v-if="item.isDefault" class="default-icon">默认</text
+                            ><text class="text">{{ item.address }}</text>
                         </view>
                         <view class="address-detail limit-line clamp-1">
                             <text>{{ item.detail }}</text>
diff --git a/src/pages/demand/demand.vue b/src/pages/demand/demand.vue
index a4b203b..cad690b 100644
--- a/src/pages/demand/demand.vue
+++ b/src/pages/demand/demand.vue
@@ -11,7 +11,7 @@
             <text class="text active">发布需求</text>
             <text class="text normal"> — 多位师傅报价/议价 — 选择师傅 — 师傅上门 </text>
         </view>
-        <view class="demand-container step-1" v-show="step == 1">
+        <view class="demand-container step-1" v-if="step == 1">
             <view class="tips-container">
                 <widget-tips
                     backgroundColor="unset"
@@ -94,7 +94,7 @@
                 <view class="btn" @click="toStep(2)">下一步</view>
             </view>
         </view>
-        <view class="demand-container step-2" v-show="step == 2">
+        <view class="demand-container step-2" v-if="step == 2">
             <view class="tips-container">
                 <widget-tips backgroundColor="unset" textColor="#FFA800" text="选择上门时间，请确保货物在该时间段之前到家" />
             </view>
@@ -145,7 +145,7 @@
                     </view>
                 </view>
                 <view class="form-container ext-box">
-                    <view v-show="type == 2" class="custom-price">
+                    <view v-if="type == 2" class="custom-price">
                         <view class="title-box">
                             <text>需求价格</text>
                             <text class="desc"> 请勿填写过低价格，避免无师傅接单 </text>
@@ -162,10 +162,10 @@
                 </view>
                 <view class="bottom-components" :style="{ bottom: config.safeAreaInsets.bottom + 'px' }">
                     <text class="price">¥ {{ parsePrice(total) }}</text>
-                    <view v-show="type == 1" class="btn" @click="submit">
+                    <view v-if="type == 1" class="btn" @click="submit">
                         <div class="text">立即发布</div>
                     </view>
-                    <view v-show="type == 2" class="btn" @click="pay">
+                    <view v-if="type == 2" class="btn" @click="pay">
                         <div class="text">去支付</div>
                     </view>
                 </view>
diff --git a/src/pages/service/detail.vue b/src/pages/service/detail.vue
index 2adbedc..3b21c5b 100644
--- a/src/pages/service/detail.vue
+++ b/src/pages/service/detail.vue
@@ -61,7 +61,7 @@
                     </view>
                 </swiper-item>
             </swiper>
-            <view class="bottom-components" v-show="tabIndex == 0" :style="{ bottom: config.safeAreaInsets.bottom + 'px' }">
+            <view class="bottom-components" v-if="tabIndex == 0" :style="{ bottom: config.safeAreaInsets.bottom + 'px' }">
                 <view class="price">
                     <text class="text">¥306.00</text>
                 </view>