feat 项目列表

2026-09-02 16:57:53 +08:00
parent 1a6bd1174e
commit 56197b13e7
5 changed files with 232 additions and 4 deletions
--- a/src/components/project/item.vue
+++ b/src/components/project/item.vue
@@ -0,0 +1,95 @@
+<script setup lang="ts">
+defineProps<{
+  projectName: string
+  status: string
+  tags: string[]
+  time: string
+  trigger: string
+}>()
+</script>
+
+<template>
+  <view class="project-item">
+    <view class="item-header">
+      <text class="project-name">
+        {{ projectName }}
+      </text>
+      <text class="status">
+        {{ status }}
+      </text>
+    </view>
+
+    <view class="tags">
+      <view v-for="(tag, index) in tags" :key="index" class="tag">
+        <text class="tag-text">
+          {{ tag }}
+        </text>
+      </view>
+    </view>
+
+    <text class="time">
+      {{ time }}
+    </text>
+    <text class="trigger">
+      {{ trigger }}
+    </text>
+  </view>
+</template>
+
+<style scoped>
+.project-item {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 16px;
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.project-name {
+  font-size: 22px;
+  font-weight: bold;
+  color: #333;
+}
+
+.status {
+  font-size: 14px;
+  padding: 4px 12px;
+  border-radius: 12px;
+  background-color: #f6ffed;
+  color: #52c41a;
+}
+
+.tags {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.tag {
+  background-color: #fff1f0;
+  border-radius: 8px;
+  padding: 4px 12px;
+}
+
+.tag-text {
+  font-size: 14px;
+  color: #ff4d4f;
+}
+
+.time {
+  font-size: 18px;
+  color: #666;
+  display: block;
+  margin-bottom: 8px;
+}
+
+.trigger {
+  font-size: 18px;
+  color: #666;
+}
+</style>