提交一部分丰都大屏

2023-10-13 18:10:45 +08:00
parent ab92982e71
commit 3ade163fbd
8 changed files with 175 additions and 14 deletions
--- a/project/fengdu/AppBIBoard/components/fdCard.vue
+++ b/project/fengdu/AppBIBoard/components/fdCard.vue
@@ -0,0 +1,41 @@
+<template>
+  <section class="fdCard">
+    <div class="label flex">
+      <label class="fill" v-text="label"/>
+      <slot v-if="$slots.right" name="right"/>
+    </div>
+    <div class="content">
+      <slot/>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: "fdCard",
+  props: {
+    label: String
+  },
+}
+</script>
+<style scoped lang="scss">
+.fdCard {
+  backdrop-filter: blur(8px);
+
+  .label {
+    display: block;
+    color: white;
+    background-image: url("../assets/card-label-icon.png"), url("../assets/card-bottom.png");
+    background-repeat: no-repeat;
+    height: 50px;
+    font-weight: 500;
+    font-size: 22px;
+    padding-left: 54px;
+    padding-top: 10px;
+    background-position: left top, left bottom;
+    background-size: 54px 42px, 100% 31px;
+  }
+  .content{
+    padding: 0 18px;
+  }
+}
+</style>