no message

components/Empty.vue

@@ -9,14 +9,28 @@
             <img class="item" src="@/assets/img/dot-gray.svg" />
         </div>
         <img class="empty-icon" src="@/assets/img/empty-icon.svg" />
-        <div class="empty-hint">{{ hint || "暂无内容" }}</div>
+
+        <template v-if="isNeedIssue">
+            <div class="empty-hint" style="margin-bottom: 7px;">没有找到相关结果，请更换搜索关键词</div>
+            <div class="empty-hint flexacenter">
+                或者
+                <div class="sponsor" @click="goIssue">发起一个新投票</div>
+            </div>
+        </template>
+        <div v-else class="empty-hint">{{ hint || "暂无内容" }}</div>
     </div>
 </template>
 
 <script setup>
+import { useRouter } from "vue-router"
+const router = useRouter()
+
 let props = defineProps({
     hint: String,
+    isNeedIssue: Boolean,
 })
+
+const goIssue = () => router.push("/publish")
 </script>
 
 <style lang="less" scoped>
@@ -48,6 +62,12 @@ let props = defineProps({
         font-size: 13px;
         color: #7f7f7f;
         line-height: 22px;
+        .sponsor {
+            text-decoration: underline;
+            color: #72db86;
+            margin-left: 5px;
+            cursor: pointer;
+        }
     }
 }
 </style>