优化页面

api/pet.js

@@ -58,3 +58,18 @@ export function editPet(data){
         data:data
     })
 }
+
+/**
+ * 删除宠物
+ * @param id
+ * @returns {Promise | Promise<unknown>}
+ */
+export function delPet(id){
+    return request({
+        url:'user/pet-delete',
+        method:'post',
+        data:{
+            id:id
+        }
+    })
+}

components/FooterNav/components/index.scss

@@ -17,6 +17,7 @@
   .foot-nav-button-group{
     width:100%;
     height:100%;
+    justify-content: space-around;
     padding:{
       left:33rpx;
       right:33rpx;

pages/AboutUs/AboutUs.vue

@@ -1,13 +1,30 @@
 <template>
-    <view v-html="aboutUs"></view>
+    <view class="body-background" :style="{
+		backgroundImage:'url('+staticImage.wallpaperBgImage+')'
+		}"></view>
+    <HeaderNav title="关于我们" :is-back="true"></HeaderNav>
+
+   <view style="margin: 0 30rpx 50rpx">
+     <u-parse :content="aboutUs"></u-parse>
+   </view>
 </template>
 
 <script>
 import {getConfig} from "@/api/other";
+import HeaderNav from "../../components/HeaderNav/Index.vue";
+import {imghost} from "@/config/host";
 
 export default {
+    components: {HeaderNav},
     data() {
-        return {aboutUs:''};
+        return {
+            staticImage: {
+                orderCardBackground: imghost + '/static/image/order-card-background.png',
+                wallpaperBgImage: imghost + '/static/image/background.png',
+                addrDetailTitle: imghost + '/static/image/addr-detail-title.png',
+            },
+            aboutUs:''
+        };
     },
     onLoad() {
         this.getAboutUs();

pages/Index/components/UserPage/index.vue

@@ -121,16 +121,16 @@
 						<image class="img" :src="staticImage.more.online" mode="aspectFit"/>
 						<view class="user-title">在线沟通</view>
 					</view>
-					<view class="user-button col-3">
-						<image class="img" :src="staticImage.more.privacy" @click="navTo('/pages/PrivacyPolicy/PrivacyPolicy')" mode="aspectFit"/>
+					<view class="user-button col-3" @click="navTo('/pages/PrivacyPolicy/PrivacyPolicy')" >
+						<image class="img" :src="staticImage.more.privacy" mode="aspectFit"/>
 						<view class="user-title">隐私协议</view>
 					</view>
 					<view class="user-button col-3">
 						<image class="img" :src="staticImage.more.feedback" mode="aspectFit"/>
 						<view class="user-title">意见反馈</view>
 					</view>
-					<view class="user-button col-3">
-						<image class="img" :src="staticImage.more.about" @click="navTo('/pages/AboutUs/AboutUs')" mode="aspectFit"/>
+					<view class="user-button col-3" @click="navTo('/pages/AboutUs/AboutUs')">
+						<image class="img" :src="staticImage.more.about"  mode="aspectFit"/>
 						<view class="user-title">关于我们</view>
 					</view>
 				</view>

pages/Index/index.vue

@@ -55,7 +55,7 @@
             image: imghost + "/static/image/foot-nav-button-two",
             name: 'order',
             title:'订单',
-						is_show: this.$store.state.userInfo.store_id > 0
+						is_show: uni.getStorageSync('user')?.store_id > 0
           },
           {
             image: imghost + "/static/image/foot-nav-button-three",
@@ -74,9 +74,8 @@
 			}
 		},
 		onLoad(option) {
-			this.footGroup = this.footGroup.filter(v => v.is_show );
       if(option?.foot_check){
-        this.footSelect(option.foot_check)
+        this.footSelect(option.foot_check);
       }
 		},
 		methods: {
@@ -112,6 +111,7 @@
 		created() {
 			// this.pagePadding = (api.navHeight().navPaddingTop+
 			// api.navHeight().navHeight + (api.navHeight().headerPadding *2))
+      this.footGroup = this.footGroup.filter(v => v.is_show );
 		},
 		mounted() {
 			this.title = this.$store.state.title;

pages/Pet/index.vue

@@ -96,6 +96,11 @@
 			}
 		},
 		onLoad() {
+
+		},
+    onShow() {
+      this.currentPage = 1;
+      this.status = 'loadmore';
       this.getMyPets();
     },
 		methods: {

pages/PetDetail/index.vue

@@ -157,8 +157,8 @@
             <view class="video-title">
               <image class="img" mode="heightFix" :src="staticImage.petPhotoTitle"/>
             </view>
-            <view class="video-content row" v-for="(item, index) in pet.images" wx:key="index">
-              <view class="photo-item col-4">
+            <view class="video-content row" >
+              <view class="photo-item col-4" v-for="(item, index) in pet.images" >
                 <view class="photo-item-container">
                   <view class="photo-content">
                     <image class="img" mode="widthFix" :src="item ? item : staticImage.wallpaperBgImage"/>
@@ -208,8 +208,9 @@
 	import RightNav from '@/components/RightNav/Index.vue';
 	import MzButton from '@/components/MzButton/Index.vue';
 	import api from '@/utils/functions.js';
-  import {getDetail} from "@/api/pet";
+  import {delPet, getDetail} from "@/api/pet";
   import log from "@/utils/log";
+  import functions from "@/utils/functions.js";
 	export default {
 		components: {
 			HeaderNav,
@@ -275,7 +276,11 @@
 		},
 		methods: {
       delPet(){
-
+        functions.confirm("确认删除该宠物吗？").then(() => {
+          delPet(this.id).then((res) => {
+            functions.success('删除成功').then(() => uni.navigateBack())
+          })
+        })
       },
       navTo(url){
         uni.navigateTo({

pages/UserOrderPage/index.vue

@@ -1,4 +1,9 @@
 <template>
+  <view class="body-background" :style="{
+		backgroundImage:'url('+staticImage.wallpaperBgImage+')'
+		}"></view>
+  <HeaderNav title="我的订单" :is-back="true"></HeaderNav>
+
   <view class="order-screen-top" :style="{
 			top:topStyle
 		}">