init

src/component/quote/index.less

@@ -0,0 +1,17 @@
+:root {
+  --block-default-color: var(--global-checked-color);
+  --block-border-radius: var(--global-border-radius);
+}
+
+.layui-quote {
+  padding: 15px;
+  line-height: 1.6;
+  margin-bottom: 10px;
+  border-left: 5px solid var(--block-default-color);
+  border-radius: var(--block-border-radius);
+  background-color: var(--global-neutral-color-1);
+}
+
+.layui-quote-nm {
+  border-left: 5px solid #eee;
+}

src/component/quote/index.ts

@@ -0,0 +1,5 @@
+import { withInstall, WithInstallType } from "../../utils";
+import Component from "./index.vue";
+
+const component: WithInstallType<typeof Component> = withInstall(Component);
+export default component;

src/component/quote/index.vue

@@ -0,0 +1,21 @@
+<script lang="ts">
+export default {
+  name: "LayQuote",
+};
+</script>
+
+<script setup lang="ts">
+import "./index.less";
+
+export interface QuoteProps {
+  type?: string;
+}
+
+const props = defineProps<QuoteProps>();
+</script>
+
+<template>
+  <div class="layui-quote" :class="[type ? `layui-quote-${props.type}` : '']">
+    <slot></slot>
+  </div>
+</template>