add support for rendering ui on various devices

src/components/PageFooter/PageFooter.tsx

@@ -3,8 +3,8 @@ import { AtDivider } from 'taro-ui';
 import pt from '@/plain-text';
 
 export default () => {
-  const blankHeightUpper = 15;
-  const blankHeightLower = 110;
+  const blankHeightUpper = '30rpx';
+  const blankHeightLower = '220rpx';
   return (
     <View>
       <View style={{ height: blankHeightUpper }}></View>
@@ -16,7 +16,7 @@ export default () => {
         />
       </View>
       <View className='at-row at-row__justify--center'>
-        <Text style='color:#dddddd;'>© 2024 EVA Tech</Text>
+        <Text style='color:#dddddd; fontSize:32rpx'>© 2024 EVA Tech</Text>
       </View>
       <View style={{ height: blankHeightLower }}></View>
     </View>