voluntary index - init

src/components/ie-empty/ie-empty.vue

@@ -1,19 +1,21 @@
 <template>
-  <view class="ie-empty">
-    <slot v-if="value"></slot>
-    <view v-else-if="!loading" class="w-full box-border flex flex-col gap-50 items-center justify-center p-40">
-      <z-paging-empty-view :emptyViewFixed="false" />
+    <view class="ie-empty">
+        <slot v-if="value"></slot>
+        <view v-else-if="!loading" class="w-full box-border flex flex-col gap-50 items-center justify-center p-40">
+            <z-paging-empty-view :emptyViewFixed="false" :empty-view-text="text" :empty-view-img="image"/>
+        </view>
     </view>
-  </view>
 </template>
 <script lang="ts" setup>
 type Props = {
-  value: boolean;
-  loading: boolean;
+    value: boolean;
+    loading: boolean;
+    text?: string;
+    image?: string;
 }
 const props = withDefaults(defineProps<Props>(), {
-  value: false,
-  loading: false
+    value: false,
+    loading: false
 });
 </script>
 <style lang="scss" scoped></style>

src/pagesOther/pages/voluntary/index/index.vue

@@ -2,16 +2,29 @@
     <ie-page bg-color="#F6F8FA">
         <ie-navbar title="测录取概率" transparent bg-color="#FFFFFF" title-color="black" :keep-title-color="true" />
         <ie-image is-oss src="/volunteer/voluntary/index/banner.png" />
-        <view class="mx-30 -mt-180 z-1 bg-white rounded-xl p-35 min-h-[500px]">
-            1233
+        <view class="mx-30 -mt-180 z-1 bg-white rounded-xl p-35">
+            <view class="flex justify-between items-center">
+                <view class="text-lg text-fore-title">报考院校专业</view>
+                <view class="text-base text-fore-placeholder flex items-center">
+                    <text>更多</text>
+                    <uv-icon name="arrow-right" color="info"/>
+                </view>
+            </view>
+            <ie-empty :image="img" text="请选择你的报考院校专业~"/>
         </view>
+        <ie-safe-toolbar :height="100" :shadow="false">
+            <view class="px-30 py-16">
+                <ie-button>测录取概率</ie-button>
+            </view>
+        </ie-safe-toolbar>
     </ie-page>
 </template>
 
 <script setup lang="ts">
-import {useNavbar} from "@/hooks/useNavbar";
 
-const {baseStickyTop} = useNavbar()
+import config from "@/config";
+
+const img = computed(() =>  config.ossUrl + '/volunteer/voluntary/index/empty_data.png')
 </script>
 
 <style lang="scss">

src/static/theme/theme.module.scss

@@ -58,6 +58,7 @@ page, .theme-ie {
   --fore-tip: #777;
   --fore-light: #999;
   --fore-disabled: #b9bcc5;
+  --fore-placeholder: #B3B3B3;
   //
   --back: #f2f3f7;
   --back-light: #f7f8fa;