flie

src/app.config.js

@@ -4,7 +4,9 @@ export default {
     'pages/main/index',
     'pages/NoticeInfo/index',
     'pages/setUser/index',
-    'pages/setDogInfo/index',
+    'pages/setDogLicense/index',
+    'pages/dogLicenseList/index',
+    'pages/LicenseInfo/index',
   ],
   window: {
     backgroundTextStyle: 'light',

src/app.js

@@ -31,13 +31,13 @@ class App extends Component {
     })
     Taro.loadFontFace({
       family: 'iconfont',
-      source: 'url("//at.alicdn.com/t/font_3429358_afs07k49tq.ttf?t=1653537640226")',
+      source: 'url("//at.alicdn.com/t/font_3429358_8dmcqsujg73.ttf?t=1653555641856")',
       success () {
-        console.log('eeeeeeeeee');
+        console.log('字体加载完成👍');
 
       },
       fail (e) {
-        console.log(e);
+        console.log(e, '👈字体加载失败');
       }
     })
 

src/components/ViewIcon/style.less

@@ -1,6 +1,6 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3429358 */
-  src: url("//at.alicdn.com/t/font_3429358_afs07k49tq.ttf?t=1653537640226")
+  src: url("//at.alicdn.com/t/font_3429358_8dmcqsujg73.ttf?t=1653555641856")
     format("truetype");
 }
 
@@ -12,6 +12,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-gou:before {
+  content: "\e60d";
+}
+
 .icon-bianji:before {
   content: "\e8ac";
 }

src/pages/LicenseInfo/index.config.js

@@ -0,0 +1,11 @@
+export default {
+  navigationBarTitleText: '证件详情',
+  disableScroll: true,
+  navigationBarBackgroundColor: "#FBD804",
+  navigationBarTextStyle: "black",
+  backgroundColor: "#FBD804",
+  usingComponents: {
+
+  }
+
+}

src/pages/LicenseInfo/index.jsx

@@ -0,0 +1,24 @@
+import { View, Text, Image } from '@tarojs/components'
+import Taro from '@tarojs/taro';
+import ViewIcon from '../../components/ViewIcon';
+
+
+import './style.less'
+
+export default (props) => {
+
+  const goDogList = () => {
+    console.log('e',);
+  }
+  const goLicenseInfo = (e) => {
+    Taro.navigateTo({
+      url: '/pages/setUser/index'
+    })
+  }
+  return (
+    <View className='user-box-Card'>
+
+    </View>
+  )
+}
+

src/pages/dogLicenseList/index.config.js

@@ -0,0 +1,11 @@
+export default {
+  navigationBarTitleText: '证件列表',
+  disableScroll: true,
+  navigationBarBackgroundColor: "#FBD804",
+  navigationBarTextStyle: "black",
+  backgroundColor: "#FBD804",
+  usingComponents: {
+
+  }
+
+}

src/pages/dogLicenseList/index.jsx

@@ -0,0 +1,82 @@
+import { View, ScrollView, Image } from '@tarojs/components'
+import Taro from '@tarojs/taro';
+import './style.less'
+
+export default (props) => {
+
+  const goDogList = () => {
+    console.log('e',);
+  }
+  const goLicenseInfo = (e) => {
+    Taro.navigateTo({
+      url: '/pages/LicenseInfo/index'
+    })
+  }
+  const List = [
+    {
+      img: 'https://tse1-mm.cn.bing.net/th/id/R-C.20cb4bf5b22ca1b67f69ea29fb2af8fc?rik=XCvrM0gKEAHIVA&riu=http%3a%2f%2fnews.hainan.net%2fEditor%2fimg%2f201410%2f20141023%2fbig%2f2014102320332887_4718693.jpg&ehk=GnaUVphTAgEeLq%2b2rPn8qJnONF3aIPUKuw%2bVaECvyZo%3d&risl=&pid=ImgRaw&r=0',
+      dogNmae: '王小狗',
+      dogNum: 202221588650021,
+    },
+    {
+      img: 'https://tse1-mm.cn.bing.net/th/id/R-C.20cb4bf5b22ca1b67f69ea29fb2af8fc?rik=XCvrM0gKEAHIVA&riu=http%3a%2f%2fnews.hainan.net%2fEditor%2fimg%2f201410%2f20141023%2fbig%2f2014102320332887_4718693.jpg&ehk=GnaUVphTAgEeLq%2b2rPn8qJnONF3aIPUKuw%2bVaECvyZo%3d&risl=&pid=ImgRaw&r=0',
+      dogNmae: '王小狗',
+      dogNum: 202221588650021,
+    }, {
+      img: 'https://tse1-mm.cn.bing.net/th/id/R-C.20cb4bf5b22ca1b67f69ea29fb2af8fc?rik=XCvrM0gKEAHIVA&riu=http%3a%2f%2fnews.hainan.net%2fEditor%2fimg%2f201410%2f20141023%2fbig%2f2014102320332887_4718693.jpg&ehk=GnaUVphTAgEeLq%2b2rPn8qJnONF3aIPUKuw%2bVaECvyZo%3d&risl=&pid=ImgRaw&r=0',
+      dogNmae: '王小狗',
+      dogNum: 202221588650021,
+    }, {
+      img: 'https://tse1-mm.cn.bing.net/th/id/R-C.20cb4bf5b22ca1b67f69ea29fb2af8fc?rik=XCvrM0gKEAHIVA&riu=http%3a%2f%2fnews.hainan.net%2fEditor%2fimg%2f201410%2f20141023%2fbig%2f2014102320332887_4718693.jpg&ehk=GnaUVphTAgEeLq%2b2rPn8qJnONF3aIPUKuw%2bVaECvyZo%3d&risl=&pid=ImgRaw&r=0',
+      dogNmae: '王小狗',
+      dogNum: 202221588650021,
+    }, {
+      img: 'https://tse1-mm.cn.bing.net/th/id/R-C.20cb4bf5b22ca1b67f69ea29fb2af8fc?rik=XCvrM0gKEAHIVA&riu=http%3a%2f%2fnews.hainan.net%2fEditor%2fimg%2f201410%2f20141023%2fbig%2f2014102320332887_4718693.jpg&ehk=GnaUVphTAgEeLq%2b2rPn8qJnONF3aIPUKuw%2bVaECvyZo%3d&risl=&pid=ImgRaw&r=0',
+      dogNmae: '王小狗',
+      dogNum: 202221588650021,
+    }, {
+      img: 'https://tse1-mm.cn.bing.net/th/id/R-C.20cb4bf5b22ca1b67f69ea29fb2af8fc?rik=XCvrM0gKEAHIVA&riu=http%3a%2f%2fnews.hainan.net%2fEditor%2fimg%2f201410%2f20141023%2fbig%2f2014102320332887_4718693.jpg&ehk=GnaUVphTAgEeLq%2b2rPn8qJnONF3aIPUKuw%2bVaECvyZo%3d&risl=&pid=ImgRaw&r=0',
+      dogNmae: '王小狗',
+      dogNum: 202221588650021,
+    }, {
+      img: 'https://tse1-mm.cn.bing.net/th/id/R-C.20cb4bf5b22ca1b67f69ea29fb2af8fc?rik=XCvrM0gKEAHIVA&riu=http%3a%2f%2fnews.hainan.net%2fEditor%2fimg%2f201410%2f20141023%2fbig%2f2014102320332887_4718693.jpg&ehk=GnaUVphTAgEeLq%2b2rPn8qJnONF3aIPUKuw%2bVaECvyZo%3d&risl=&pid=ImgRaw&r=0',
+      dogNmae: '王小狗',
+      dogNum: 202221588650021,
+    },
+  ]
+  const widgetView = (value) => {
+    return (
+      <View className='user-box-DogListCard' onClick={goLicenseInfo}>
+        <View className='user-box-DogListCard-DogImage'>
+          {/* <ViewIcon icon='morentouxiang' size={50} color='#FBD804' /> */}
+          <Image src={value.img} />
+        </View>
+
+        <View className='user-box-DogListCard-DogImage'>
+          <View>姓名：{value.dogNmae}</View>
+          <View>证件号：{value.dogNum}</View>
+        </View>
+        <View className='user-box-DogListCard-right' >
+          <View style={{ paddingRight: '5px' }}>
+            {/* <ViewIcon icon='bianji' size={19} color='#2f2f2f' /> */}
+          </View>
+          &gt;
+        </View>
+      </View>
+    )
+  }
+
+  return (
+    <ScrollView scrollY style={{ height: '100vh' }}>
+      {
+        List.map((item, index) => {
+          return (
+            widgetView(item)
+
+          )
+        })
+      }
+    </ScrollView>
+  )
+}
+

src/pages/dogLicenseList/style.less

@@ -0,0 +1,37 @@
+.user-box-DogListCard {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 25px 15px;
+  margin: 20px auto;
+  border-bottom-right-radius: 15px;
+  border-bottom-left-radius: 15px;
+  &-DogImage {
+    margin-left: 20px;
+    height: 130px;
+    line-height: 60px;
+    > Image {
+      width: 125px;
+      height: 125px;
+      border-radius: 10px;
+    }
+    > View:nth-child(1) {
+      font-size: 30px;
+      font-weight: 600;
+    }
+    > View:nth-child(2) {
+      color: rgb(175, 175, 175);
+      font-size: 25px;
+    }
+  }
+  &-right {
+    display: flex;
+    align-items: center;
+    text-align: center;
+    font-size: 28px;
+    position: relative;
+    left: 25vw;
+    font-size: 35px;
+    font-weight: bold;
+  }
+}

src/pages/index/index.jsx

@@ -28,9 +28,9 @@ export default (props) => {
     { text: '我是第3165656565' },
     { text: '我是第四条通知啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊' }
   ]
-  const onChangeGoNotice = (e) => {
+  const goDogLicense = (e) => {
     Taro.navigateTo({
-      url: '/pages/setDogInfo/index'
+      url: '/pages/setDogLicense/index'
     })
   }
   const goMain = (e) => {
@@ -38,7 +38,13 @@ export default (props) => {
       url: '/pages/main/index'
     })
   }
-  goMain
+
+  const goDogLicenseList = (e) => {
+    Taro.navigateTo({
+      url: '/pages/dogLicenseList/index'
+    })
+  }
+
 
   return (
     <ScrollView scrollY style={{
@@ -51,28 +57,28 @@ export default (props) => {
         </View>
         <View className='border-card-group'>
           <View class='weui-flex'>
-            <View class='weui-flex__item'>
+            <View class='weui-flex__item' onClick={goDogLicense}>
               <MenuItem title='办证申请' subtitle='Registration application' icon='dog'>
                 <View>您有<Text>1</Text>条办证申请记录</View>
               </MenuItem>
             </View>
-            <View class='weui-flex__item' style={ml16}>
+            <View class='weui-flex__item' style={ml16} onClick={goDogLicenseList}>
               <MenuItem title='证件查看' subtitle='Certificate check' icon='certificate'>
                 <View>您有<Text>1</Text>条办证申请记录</View>
               </MenuItem>
             </View>
           </View>
           <View class='weui-flex' style={pt16}>
-              <View class='weui-flex__item'>
-                <MenuItem title='个人中心' subtitle='Personal center' ratio='470:452' icon='personal' />
-              </View>
-              <View class='weui-flex__item' style={ml16}>
-                <MenuItem title='证件续期' subtitle='Certificate renewal' ratio='470:206' icon='renewal' iconSize={72} />
+            <View class='weui-flex__item' onClick={goMain}>
+              <MenuItem title='个人中心' subtitle='Personal center' ratio='470:452' icon='personal' />
+            </View>
+            <View class='weui-flex__item' style={ml16} onClick={goDogLicense}>
+              <MenuItem title='证件续期' subtitle='Certificate renewal' ratio='470:206' icon='renewal' iconSize={72} />
 
-                <View style={pt16}>
-                  <MenuItem title='证件补办' subtitle='Replacement certificate' ratio='470:206' icon='replacement' iconSize={72} />
-                </View>
+              <View style={pt16} onClick={goDogLicense}>
+                <MenuItem title='证件补办' subtitle='Replacement certificate' ratio='470:206' icon='replacement' iconSize={72} />
               </View>
+            </View>
           </View>
         </View>
 

src/pages/main/index.jsx

@@ -17,14 +17,13 @@ export default (props) => {
   }
   return (
     <View className='user-box'>
-
       <View className='user-box-Card'>
         <View className='user-box-Card-useImage'>
           <ViewIcon icon='morentouxiang' size={50} color='#FBD804' />
         </View>
 
         <View className='user-box-Card-NameCard'>
-          <View>姓名：王王王</View>
+          <View>王王王</View>
           <View>文明养狗，遵纪守法</View>
         </View>
         <View className='user-box-Card-right' onClick={goSetUser}>
@@ -43,6 +42,15 @@ export default (props) => {
           </View>
         </mp-cell>
       </mp-cells>
+
+      <mp-cells ext-class='my-cells' >
+        <mp-cell link hover>
+          <View className='iconCell'>
+            <ViewIcon icon='gou' size={22} />
+            <View onClick={goDogList} style='padding-left:5px;width:80%'>我的狗狗</View>
+          </View>
+        </mp-cell>
+      </mp-cells>
     </View >
   )
 }

src/pages/setDogInfo/index.jsx

@@ -1,15 +1,15 @@
 import { View, Button, Form, Text, RadioGroup, Picker, Image, Input, Radio, Label, ScrollView } from '@tarojs/components'
 import Taro from '@tarojs/taro';
 import { useState } from 'react';
-import { addDogInfo } from '../../services/dogAPI';
-
 import './style.less'
 
 export default (props) => {
-  const [dogDate, setDogDate] = useState({ petBirthday: '请选择生日', petSex: '请选择性别', petType: '请选择犬种' })
-  const [imgUrl, setImgUrl] = useState({ img1: null, immunization: null })
-
+  const [dogDate, setDogDate] = useState({ birthday: '请选择生日', sex: '请选择性别', petType: '请选择犬种' })
+  const [imgUrl, setImgUrl] = useState()
 
+  const formSubmit = (res) => {
+    console.log('formVlue', res);
+  }
   const onDateChange = (type, value) => {
     switch (type) {
       case 'petSex':
@@ -39,99 +39,44 @@ export default (props) => {
 
   ]
 
-  const modeList = [
-    {
-      value: 1,
-      text: '邮寄',
-    },
-    {
-      value: 2,
-      text: '自取',
-    },
 
-  ]
+  const addImage = () => {
+
+    Taro.chooseImage({
+      count: 1, // 默认9
+      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
+      success: function (res) {
+        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+        var tempFilePaths = res.tempFilePaths
+        setImgUrl(tempFilePaths[0])
+      },
+      fail () {
+        Taro.showToast({
+          title: '上传失败请重试',
+          icon: 'error',
+          duration: 1000
+        })
+      }
+    })
 
-  const addImage = (e) => {
-    console.log("🚀 ~ file: index.jsx ~ line 94 ~ addImage ~ e", e)
-
-    if (e == 'img1') {
-      Taro.chooseImage({
-        count: 1, // 默认9
-        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
-        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
-        success: function (res) {
-          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
-          var tempFilePaths = res.tempFilePaths
-          setImgUrl({ ...imgUrl, img1: tempFilePaths[0] })
-        },
-        fail () {
-          Taro.showToast({
-            title: '上传失败请重试',
-            icon: 'error',
-            duration: 1000
-          })
-        }
-      })
-
-    } else {
-      Taro.chooseImage({
-        count: 1, // 默认9
-        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
-        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
-        success: function (res) {
-          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
-          var tempFilePaths = res.tempFilePaths
-          setImgUrl({ ...imgUrl, immunization: tempFilePaths[0] })
-        },
-        fail () {
-          Taro.showToast({
-            title: '上传失败请重试',
-            icon: 'error',
-            duration: 1000
-          })
-        }
-      })
-    }
 
-    console.log("🚀 ~ file: index.jsx ~ line 61 ~ addImage ~ tempFilePaths", imgUrl)
 
 
-  }
-  const formSubmit = e => {
-    console.log(e)
-    const value = e.detail.value
-    addDogInfo({ ...value, ...dogDate, ...imgUrl }).then((res) => {
-      console.log('dogInfo xinwe', res);
-    })
-  }
 
-  const formReset = e => {
-    console.log(e)
   }
-  const rules = [
-    {
-      name: 'name',
-      rules: { required: true, message: '请填写收货人姓名' },
-    },
-    {
-      name: 'telNumber',
-      rules: [{ required: true, message: '请填写收货人电话' }, { mobile: true, message: '电话格式不对' }]
-    },
-  ]
+
   return (
-    <ScrollView scrollY style={{
-      height: '100vh'
-    }}
-    >
+    <ScrollView scrollY style={{ height: '100vh' }}>
       <View class='page' >
-        <Form onSubmit={formSubmit} onReset={formReset} >
-          <mp-form rules={rules} >
+        <Form onSubmit={formSubmit}  >
+          <mp-form  >
             <mp-cells title=''>
               <mp-cell title='宠物名称' extClass=''>
-                <Input name='petName' placeholder='请输入宠养区域' />
+                <Input name='name' placeholder='请输入宠养区域' />
               </mp-cell>
               <mp-cell title='宠物性别' extClass=''>
-                <Picker name='petSex' mode='selector' range={selector} onChange={(e) => { onDateChange('petSex', e.detail.value) }}>
+                <Picker name='sex' mode='selector' range={selector} onChange={(e) => { onDateChange('petSex', e.detail.value) }}>
                   <View className='picker'>
                     {dogDate.petSex}
                   </View>
@@ -145,58 +90,32 @@ export default (props) => {
                 </Picker>
               </mp-cell>
               <mp-cell title='生日' extClass=''>
-                <Picker name='petBirthday' mode='date' onChange={(e) => { onDateChange('petBirthday', e.detail.value) }}>
+                <Picker name='birthday' mode='date' onChange={(e) => { onDateChange('petBirthday', e.detail.value) }}>
                   <View className='picker'>
                     {dogDate.petBirthday}
                   </View>
                 </Picker>
               </mp-cell>
               <mp-cell title='毛色' extClass=''>
-                <Input name='petColor' placeholder='请输入宠养区域' />
+                <Input name='color' placeholder='请输入宠养区域' />
               </mp-cell>
               <mp-cell title='宠物照片' extClass=''>
                 {
-                  !imgUrl.img1 ?
-                    <View className='addImage' onClick={() => addImage('img1')} >
+                  !imgUrl.image ?
+                    <View className='addImage' onClick={addImage} >
                       <Text>+</Text>
                     </View>
                     :
-                    <Image className='dogImg1' name='img1' src={imgUrl.img1} onClick={() => addImage('img1')} />
+                    <Image className='dogImg1' name='image' src={imgUrl.img1} onClick={addImage} />
                 }
 
               </mp-cell>
-              <mp-cell title='免疫证明' extClass=''>
-                {
-                  !imgUrl.immunization ?
-                    <View className='addImage' onClick={() => addImage('immunization')} >
-                      <Text>+</Text>
-                    </View>
-                    :
-                    <Image className='dogImg1' name='immunization' src={imgUrl.immunization} onClick={() => addImage('immunization')} />
-                }
-                {/* <Input name='immunization' placeholder='请输入身份证号' type='idcard' /> */}
-              </mp-cell>
-              <mp-cell title='详细地址' extClass=''>
-                <Input name='address' placeholder='请输入详细地址' />
-              </mp-cell>
-              <mp-cell title='申领方式' extClass=''>
-                <View className='radio-list'>
-                  <RadioGroup name='applyMethod'>
-                    {modeList.map((item, i) => {
-                      return (
-                        <Label className='radio-list__label' for={i} key={i}>
-                          <Radio color='#FCD905' className='radio-list__radio' value={item.value} >{item.text}</Radio>
-                        </Label>
-                      )
-                    })}
-                  </RadioGroup>
-                </View>
-              </mp-cell>
+
 
             </mp-cells>
           </mp-form>
           <View slot='button' style={{ margin: '4em 0 2em 0' }}>
-            <Button class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
+            <Button style={{ backgroundColor: '#fbd804', borderRadius: '40px', color: '#000', border: '0px' }} class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
           </View>
         </Form>
       </View>

src/pages/setDogInfo/style.less

@@ -1,22 +0,0 @@
-.addImage {
-  width: 100px;
-  height: 100px;
-  border: 1px dashed #666;
-  display: flex;
-  align-items: center;
-  > Text {
-    text-align: center;
-    margin: 0 auto;
-    font-size: 60px;
-    font-weight: bold;
-  }
-}
-.dogImg1 {
-  width: 200px;
-  height: 150px;
-}
-.radio-list__radio {
-  width: 140px;
-  font-size: 35px;
-  transform: scale(0.9);
-}

src/pages/setDogLicense/index.config.js

@@ -0,0 +1,14 @@
+export default {
+  navigationBarTitleText: '办证申请',
+  disableScroll: true,
+  navigationBarBackgroundColor: "#FBD804",
+  navigationBarTextStyle: "black",
+  backgroundColor: "#FBD804",
+  usingComponents: {
+    "mp-cells": "weui-miniprogram/cells/cells",
+    "mp-cell": "weui-miniprogram/cell/cell",
+    "mp-form-page": "weui-miniprogram/form-page/form-page",
+    "mp-form": "weui-miniprogram/form/form"
+  }
+
+}

src/pages/setDogLicense/index.jsx

@@ -0,0 +1,209 @@
+import { View, Button, Form, Text, RadioGroup, Picker, Image, Input, Radio, Label, ScrollView } from '@tarojs/components'
+import Taro from '@tarojs/taro';
+import { useState } from 'react';
+import { addDogInfo } from '../../services/dogAPI';
+
+import './style.less'
+
+export default (props) => {
+  const [dogDate, setDogDate] = useState({ petBirthday: '请选择生日', petSex: '请选择性别', petType: '请选择犬种' })
+  const [imgUrl, setImgUrl] = useState({ img1: null, immunization: null })
+
+
+  const onDateChange = (type, value) => {
+    switch (type) {
+      case 'petSex':
+        setDogDate({ ...dogDate, petSex: selector[value] })
+        break;
+      case 'petBirthday':
+        setDogDate({ ...dogDate, petBirthday: value })
+        break;
+      case 'petType':
+        setDogDate({ ...dogDate, petType: dogType[value].text })//value 01  text 文字
+        break;
+      default:
+        break;
+    }
+
+  }
+  const selector = ['雄', '雌']
+  const dogType = [
+    {
+      value: 0,
+      text: '金毛',
+    },
+    {
+      value: 1,
+      text: '拉布拉多',
+    },
+
+  ]
+
+  const modeList = [
+    {
+      value: 1,
+      text: '邮寄',
+    },
+    {
+      value: 2,
+      text: '自取',
+    },
+
+  ]
+
+  const addImage = (e) => {
+    console.log("🚀 ~ file: index.jsx ~ line 94 ~ addImage ~ e", e)
+
+    if (e == 'img1') {
+      Taro.chooseImage({
+        count: 1, // 默认9
+        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
+        success: function (res) {
+          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+          var tempFilePaths = res.tempFilePaths
+          setImgUrl({ ...imgUrl, img1: tempFilePaths[0] })
+        },
+        fail () {
+          Taro.showToast({
+            title: '上传失败请重试',
+            icon: 'error',
+            duration: 1000
+          })
+        }
+      })
+
+    } else {
+      Taro.chooseImage({
+        count: 1, // 默认9
+        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
+        success: function (res) {
+          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+          var tempFilePaths = res.tempFilePaths
+          setImgUrl({ ...imgUrl, immunization: tempFilePaths[0] })
+        },
+        fail () {
+          Taro.showToast({
+            title: '上传失败请重试',
+            icon: 'error',
+            duration: 1000
+          })
+        }
+      })
+    }
+
+    console.log("🚀 ~ file: index.jsx ~ line 61 ~ addImage ~ tempFilePaths", imgUrl)
+
+
+  }
+  const formSubmit = e => {
+    console.log(e)
+    const value = e.detail.value
+    addDogInfo({ ...value, ...dogDate, ...imgUrl }).then((res) => {
+      console.log('dogInfo xinwe', res);
+    })
+  }
+
+  const formReset = e => {
+    console.log(e)
+  }
+  const rules = [
+    {
+      name: 'name',
+      rules: { required: true, message: '请填写收货人姓名' },
+    },
+    {
+      name: 'telNumber',
+      rules: [{ required: true, message: '请填写收货人电话' }, { mobile: true, message: '电话格式不对' }]
+    },
+  ]
+  return (
+    <ScrollView scrollY style={{
+      height: '100vh'
+    }}
+    >
+      <View class='page' >
+        <Form onSubmit={formSubmit} onReset={formReset} >
+          <mp-form rules={rules} >
+            <mp-cells title=''>
+              <mp-cell title='宠物名称' extClass=''>
+                <Input name='petName' placeholder='请输入宠养区域' />
+              </mp-cell>
+              <mp-cell title='宠物性别' extClass=''>
+                <Picker name='petSex' mode='selector' range={selector} onChange={(e) => { onDateChange('petSex', e.detail.value) }}>
+                  <View className='picker'>
+                    {dogDate.petSex}
+                  </View>
+                </Picker>
+              </mp-cell>
+              <mp-cell title='犬种' extClass=''>
+                <Picker name='petType' mode='selector' range={dogType} rangeKey='text' onChange={(e) => { onDateChange('petType', e.detail.value) }}>
+                  <View className='picker'>
+                    {dogDate.petType}
+                  </View>
+                </Picker>
+              </mp-cell>
+              <mp-cell title='生日' extClass=''>
+                <Picker name='petBirthday' mode='date' onChange={(e) => { onDateChange('petBirthday', e.detail.value) }}>
+                  <View className='picker'>
+                    {dogDate.petBirthday}
+                  </View>
+                </Picker>
+              </mp-cell>
+              <mp-cell title='毛色' extClass=''>
+                <Input name='petColor' placeholder='请输入宠养区域' />
+              </mp-cell>
+              <mp-cell title='宠物照片' extClass=''>
+                {
+                  !imgUrl.img1 ?
+                    <View className='addImage' onClick={() => addImage('img1')} >
+                      <Text>+</Text>
+                    </View>
+                    :
+                    <Image className='dogImg1' name='img1' src={imgUrl.img1} onClick={() => addImage('img1')} />
+                }
+
+              </mp-cell>
+              <mp-cell title='免疫证明' extClass=''>
+                {
+                  !imgUrl.immunization ?
+                    <View className='addImage' onClick={() => addImage('immunization')} >
+                      <Text>+</Text>
+                    </View>
+                    :
+                    <Image className='dogImg1' name='immunization' src={imgUrl.immunization} onClick={() => addImage('immunization')} />
+                }
+                {/* <Input name='immunization' placeholder='请输入身份证号' type='idcard' /> */}
+              </mp-cell>
+              <mp-cell title='详细地址' extClass=''>
+                <Input name='address' placeholder='请输入详细地址' />
+              </mp-cell>
+              <mp-cell title='申领方式' extClass=''>
+                <View className='radio-list'>
+                  <RadioGroup name='applyMethod'>
+                    {modeList.map((item, i) => {
+                      return (
+                        <Label className='radio-list__label' for={i} key={i}>
+                          <Radio color='#FCD905' className='radio-list__radio' value={item.value} >{item.text}</Radio>
+                        </Label>
+                      )
+                    })}
+                  </RadioGroup>
+                </View>
+              </mp-cell>
+
+            </mp-cells>
+          </mp-form>
+          <View slot='button' style={{ margin: '4em 0 2em 0' }}>
+            <Button style={{ backgroundColor: '#fbd804', borderRadius: '40px', color: '#000', border: '0px' }} class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
+          </View>
+        </Form>
+      </View>
+    </ScrollView >
+  )
+}
+
+
+
+

src/pages/setDogLicense/style.less

@@ -0,0 +1,22 @@
+.addImage {
+  width: 100px;
+  height: 100px;
+  border: 1px dashed #666;
+  display: flex;
+  align-items: center;
+  > Text {
+    text-align: center;
+    margin: 0 auto;
+    font-size: 60px;
+    font-weight: bold;
+  }
+}
+.dogImg1 {
+  width: 200px;
+  height: 150px;
+}
+.radio-list__radio {
+  width: 140px;
+  font-size: 35px;
+  transform: scale(0.9);
+}

src/pages/setUser/index.jsx

@@ -114,7 +114,7 @@ export default (props) => {
             </mp-cells>
           </mp-form>
           <View slot='button' style={{ margin: '4em 0 2em 0' }}>
-            <Button class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
+            <Button style={{ backgroundColor: '#fbd804', borderRadius: '40px', color: '#000', border: '0px' }} class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
           </View>
         </Form>
       </View>

src/pages/setUser/style.less

@@ -18,3 +18,6 @@
   width: 200px;
   height: 150px;
 }
+
+.botBottom {
+}