ui库和web端产品库合并版本(还需修复细节)

2022-11-29 18:27:14 +08:00
parent 5e4bd93238
commit 8bf6c57668
151 changed files with 28267 additions and 49 deletions
--- a/ui/packages/layout/AiCard.vue
+++ b/ui/packages/layout/AiCard.vue
@@ -0,0 +1,41 @@
+<template>
+  <section class="ai-card">
+    <ai-bar v-if="!hideTitle" :title="title" v-bind="$attrs">
+      <template #title>
+        <slot name="title"></slot>
+      </template>
+      <template #right>
+        <slot name="right"></slot>
+      </template>
+    </ai-bar>
+    <div class="ai-card__body">
+      <slot name="content"></slot>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AiCard',
+  props: {
+    title: {
+      type: String
+    },
+    hideTitle: Boolean
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.ai-card {
+  margin-bottom: 20px;
+  background: #FFFFFF;
+  overflow: hidden;
+  box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+  border-radius: 2px;
+
+  .ai-card__body {
+    padding: 12px 40px 22px;
+  }
+}
+</style>