新增折线图模块功能

riku

2024-05-06 1534aee0339dee8000cdd26c21797cf3ad391f7a

 src/components/BaseCard.vue

@@ -6,6 +6,12 @@
        <slot name="content"></slot>
      </div>
    </div>
    <div class="ff-footer">
      <slot name="footer"></slot>
    </div>
    <div v-if="size != 'small'" class="ff-triangle">
      <div class="ff-triangle-border"></div>
    </div>
  </div>
</template>

@@ -23,18 +29,26 @@
    },
    /**
     * 样式朝向
     * left | right
     * left | right | top-left
     */
    direction: {
      type: String,
      default: 'left'
    },
    /**
     * 选择无边框方向
     * r（右侧无边框） | t（顶部无边框）
     */
    borderless: {
      type: String
    }
  },
  computed: {
    wrapClz() {
      let clz = 'ff-content fy-container';
      clz += ` ff-content-${this.size}`;
      let clz = 'ff-content p-events-auto';
      clz += ` ff-content-${this.direction}`;
      clz += ` ff-content-${this.size}`;
      clz += `${this.borderless ? '-borderless-' + this.borderless : ''}`;
      return clz;
    }
  }