set page

src/app.js

@@ -31,7 +31,7 @@ class App extends Component {
     })
     Taro.loadFontFace({
       family: 'iconfont',
-      source: 'url("//at.alicdn.com/t/font_3429358_8dmcqsujg73.ttf?t=1653555641856")',
+      source: 'url("//at.alicdn.com/t/font_3429358_b3st3skuaa.ttf?t=1653905493726")',
       success () {
         console.log('字体加载完成👍');
 

src/components/NoData/index.jsx

@@ -0,0 +1,13 @@
+import { View } from '@tarojs/components'
+import ViewIcon from '../ViewIcon'
+import './style.less'
+
+export default (props) => {
+  const { title } = props
+  return (
+    <View className='nodataBox'>
+      <ViewIcon icon='noData' size={70} color='#FBD804' />
+      <View>{title || '暂无信息'}</View>
+    </View>
+  )
+}

src/components/NoData/style.less

@@ -0,0 +1,10 @@
+.nodataBox {
+  width: 70vw;
+  margin: 4vw auto;
+  background-color: #fff;
+  border-radius: 15px;
+  text-align: center;
+  padding: 2vw 1vw;
+  font-size: 28px;
+  color: #858585;
+}

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_8dmcqsujg73.ttf?t=1653555641856")
+  src: url("//at.alicdn.com/t/font_3429358_b3st3skuaa.ttf?t=1653905493726")
     format("truetype");
 }
 
@@ -12,6 +12,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-noData:before {
+  content: "\e630";
+}
+
+.icon-gengduo:before {
+  content: "\e6f3";
+}
+
+.icon-gongsigonggao:before {
+  content: "\e686";
+}
+
+.icon-tongzhigonggao1:before {
+  content: "\e64a";
+}
+
 .icon-gou:before {
   content: "\e60d";
 }

src/pages/ApplicationList/index.jsx

@@ -3,6 +3,7 @@ import Taro, { useDidShow } from '@tarojs/taro';
 import { useState, useEffect } from 'react';
 import { getApplicationList, getOrder } from '../../services/dogAPI';
 import AppliCard from './components/AppliCard';
+import NoData from '../../components/NoData';
 import './style.less'
 
 export default (props) => {
@@ -47,31 +48,20 @@ export default (props) => {
 
   return (
     <>
-      {
-        !applionLoading ?
-
-
-
-          <>
-            {
 
-              applionLoading ? <mp-loading extClass="page-loading-circle" type="circle" show={applionLoading} /> :
-                applionList.map((item, index) => {
-                  return (
-                    <AppliCard key={index} item={item} onClick={goSetDogLicense} copy={trackingCopy} />
-
-                  )
+      {
+        !applionList.length <= 0 ?
+          applionList.map((item, index) => {
+            return (
+              <AppliCard key={index} item={item} onClick={goSetDogLicense} copy={trackingCopy} />
 
-                })
-            }
+            )
+          })
 
-          </>
           :
-          <View style={{ textAlign: 'center', margin: '6vw 0 3vw 0', color: '#858585', fontSize: '12px' }}>
-            暂无申请信息
-          </View>
-      }
+          <NoData title='暂无申请信息哦~' />
 
+      }
 
 
 

src/pages/dogLicenseList/index.jsx

@@ -2,6 +2,7 @@ import { View, ScrollView, Image } from '@tarojs/components'
 import Taro, { useDidShow } from '@tarojs/taro';
 import { useState } from 'react';
 import { getDogCardList } from '../../services/dogAPI';
+import NoData from '../../components/NoData';
 import './style.less'
 
 export default (props) => {
@@ -54,9 +55,7 @@ export default (props) => {
             )
           })
           :
-          <View style={{ textAlign: 'center', margin: '6vw 0 3vw 0', color: '#858585', fontSize: '12px' }}>
-            暂无证件信息
-          </View>
+          <NoData title='暂无证件信息哦~' />
       }
     </>
   )

src/pages/dogList/index.jsx

@@ -3,9 +3,12 @@ import Taro, { useDidShow } from '@tarojs/taro';
 import ViewIcon from '../../components/ViewIcon';
 import { useEffect, useState } from 'react';
 import Button from '../../components/Button';
-import './style.less'
+import NoData from '../../components/NoData';
+
 import { addDogList } from '../../services/dogAPI';
 import { useModel } from '../../store';
+import './style.less'
+
 
 export default (props) => {
   const { dogs, setDogs } = useModel('userData')
@@ -60,9 +63,7 @@ export default (props) => {
               widgetView(item)
             )
           })
-          : <View style={{ textAlign: 'center', margin: '6vw 0 3vw 0', color: '#858585', fontSize: '12px' }}>
-            暂无狗狗信息
-          </View>
+          : <NoData title='暂无狗狗信息哦~' />
       }
       <Button title='+ 添加狗狗' width='50' onClick={() => goLicenseInfo()} />
     </>

src/pages/index/index.jsx

@@ -66,7 +66,6 @@ const IndexPage = (props) => {
                 subtitle='Registration application'
                 to='/pages/setDogLicense/index?type=first'
               >
-                <View>您有<Text>{totalApplyNum}</Text>条办证申请记录</View>
               </MenuItem>
             </View>
             <View class='weui-flex__item' style={ml16}>
@@ -76,7 +75,7 @@ const IndexPage = (props) => {
                 icon='certificate'
                 to='/pages/dogLicenseList/index'
               >
-                <View>您有<Text>{cards ? cards.length : 0}</Text>条办证申请记录</View>
+                <View>您有<Text>{cards ? cards.length : 0}</Text>证件可查看</View>
               </MenuItem>
             </View>
           </View>
@@ -88,7 +87,9 @@ const IndexPage = (props) => {
                 ratio='470:452'
                 icon='personal'
                 to='/pages/main/index'
-              />
+              >
+                <View>您有<Text>{totalApplyNum}</Text>条办证申请记录</View>
+              </MenuItem>
             </View>
             <View class='weui-flex__item' style={ml16}>
               <MenuItem

src/pages/noticeList/index.jsx

@@ -5,6 +5,7 @@ import Taro from '@tarojs/taro';
 import more from '@/assets/more.png'
 import noticeIcon from '@/assets/noticeIcon.png'
 import { getBanner, getNoticeList } from '../../services/dogAPI'
+import NoData from '../../components/NoData';
 
 import './style.less'
 
@@ -43,9 +44,8 @@ export default (props) => {
               )
             })
             :
-            <View style={{ textAlign: 'center', margin: '6vw 0 3vw 0', color: '#858585', fontSize: '12px' }}>
-              暂无通知信息
-            </View>
+            <NoData title='暂无通知信息~' />
+
         }