Refactor(首页):改版重构-界面完成

pages/cart.vue

@@ -3,7 +3,7 @@
     :style="{
       'padding-top': (statusBarHeight + 54) + 'px'
     }"
-    class="pages-cart"
+    class="pages-cart tabbar-page"
   >
     <u-navbar
       :left-icon="selectCount > 0 ? 'trash' : ''"
@@ -213,9 +213,11 @@
       v-else
       :show-avatar="false"
     />
+    <xdd-tabbar :curr-index="2" />
   </view>
 </template>
 <script>
+import XddTabbar from '@/components/xdd-tabbar'
 import {
   changeCartNum,
   getCartGroup,
@@ -227,7 +229,8 @@ import CheckboxIcon from '@/components/CheckboxIcon.vue'
 import { pageListenMixins } from '@/mixins/pageListenMixins'
 export default {
   components: {
-    CheckboxIcon
+    CheckboxIcon,
+    XddTabbar
   },
   mixins: [pageListenMixins],
   data() {
@@ -633,7 +636,7 @@ view {
 .footer-fixed {
   position: fixed;
   left: 0;
-  bottom: 0;
+  bottom: 180rpx;
   width: 100vw;
   height: 100rpx;
   box-shadow: 0 6rpx 12rpx rgba(0, 0, 0, 0.16);
@@ -770,4 +773,7 @@ view {
     }
   }
 }
+.tabbar-page {
+  padding: 0 0 180rpx 0;
+}
 </style>

pages/cloud/haveFun.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="have-fun">
+  <view class="have-fun tabbar-page">
     <view class="top-box">
       <view class="search-box flex jc-between ai-center">
         <input
@@ -73,6 +73,7 @@
         :show-avatar="false"
       />
     </view>
+    <xdd-tabbar :curr-index="4" />
   </view>
 </template>
 <script>
@@ -80,9 +81,11 @@ import { getHotelList, getHotelTypeList } from "@/api/inn.js"
 import { getCurAddress, getLocation } from "@/utils/common"
 import FunHotelItem from './components/HotelItem'
 import { pageListenMixins } from '@/mixins/pageListenMixins'
+import XddTabbar from '@/components/xdd-tabbar'
 export default {
   components: {
-    FunHotelItem
+    FunHotelItem,
+    XddTabbar
   },
   mixins: [pageListenMixins],
   data() {
@@ -291,4 +294,7 @@ export default {
     }
   }
 }
+.tabbar-page {
+  padding: 0 0 180rpx 0;
+}
 </style>

pages/user/User/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="user user-page">
+  <view class="user user-page tabbar-page">
     <view
       v-if="$store.getters.token || userInfo.uid"
       class="acea-row row-column"
@@ -239,10 +239,12 @@
         </view>
       </view>
     </uni-popup>
+    <xdd-tabbar :curr-index="3" />
   </view>
 </template>
 
 <script>
+import XddTabbar from '@/components/xdd-tabbar'
 import {mapGetters, mapMutations} from "vuex"
 import {
   getSpreadImg,
@@ -256,6 +258,9 @@ import cookie from "@/utils/store/cookie"
 import { pageListenMixins } from '@/mixins/pageListenMixins'
 export default {
   name: 'UserPage',
+  components: {
+    XddTabbar
+  },
   mixins: [pageListenMixins],
   data() {
     return {
@@ -735,4 +740,7 @@ export default {
     height: 52rpx;
   }
 }
+.tabbar-page {
+  padding: 0 0 180rpx 0;
+}
 </style>