如何在uniapp中实现宠物寻找和宠物领养

// 宠物寻找功能页面<template><view><list><cell v-for="pet in pets" :key="pet.id"><image :src="pet.image"></image><view>{{ pet.name }}</view><view>{{ pet.type }}</view></cell></list></view></template><script>export default {  data() {    return {      pets: []    }  },  mounted() {    this.getPets()  },  methods: {    getPets() {      uni.request({        url: '后台接口地址',        success: (res) => {          this.pets = res.data.pets        }      })    }  }}</script>

// 宠物领养功能页面<template><view><form>      <view>姓名：</view><input v-model="name"><view>联系方式：</view><input v-model="contact"><button>提交</button>    </form>  </view></template><script>export default {  data() {    return {      name: '',      contact: ''    }  },  methods: {    adopt() {      uni.request({        url: '后台接口地址',        data: {          name: this.name,          contact: this.contact        },        success: (res) => {          if (res.data.code === 200) {            uni.showToast({              title: '领养成功'            })          } else {            uni.showToast({              title: '领养失败'            })          }        }      })    }  }}</script>