修改

src/App.vue

@@ -24,6 +24,10 @@ onHide(() => {
 </script>
 <style lang="scss">
     
+
+@import '@/assets/styles/public.scss';
+@import '@/assets/styles/common.scss';
+@import '@/assets/styles/uview-plus.scss';
 // 设置背景色
 page {
 	background-color: #f7f7f7;

src/components/ut-empty/ut-empty.vue

@@ -3,7 +3,7 @@
         <view class="ut-empty__icon">
             <image :style="{ width, height }" :src="image" mode="aspectFit"></image>
         </view>
-        <view class="ut-empty__text f-s-24" style="margin-top: -50rpx;" :style="{color}">
+        <view class="ut-empty__text f-s-24" style="margin-top: -50rpx" :style="{ color }">
             <slot>
                 {{ text }}
             </slot>
@@ -33,4 +33,4 @@ const props = defineProps({
         default: '#ccc',
     },
 });
-</script>
+</script>

src/pages/plant/index.vue

@@ -66,7 +66,10 @@
                         </view>
                     </view>
                     <template #empty>
-                        <ut-empty class="mg-at">尚未添加绘制种养殖基地信息~</ut-empty>
+                        <ut-empty class="mg-at" color="">尚未添加绘制种养殖基地信息~</ut-empty>
+                        <up-button >
+                            <template #text> 添加基地信息 </template>
+                        </up-button>
                     </template>
                 </view>
             </view>

src/uni.scss

@@ -14,12 +14,10 @@
 
 /* 颜色变量 */
 @import 'uview-plus/theme.scss';
-@import '@/assets/styles/public.scss';
-@import '@/assets/styles/common.scss';
-@import '@/assets/styles/uview-plus.scss';
 $u-primary: #37A954;
 $u-primary-dark: #37A954;
 $up-primary: #37A954;
+
 /* 行为相关颜色 */
 $uni-color-primary: #37A954;
 $uni-color-success: #4cd964;