add cards

src/modules/editor/components/CompUI/customUI/Cards/Card11/component.tsx

@@ -0,0 +1,22 @@
+import { css } from "@linaria/core";
+import { string } from "vue-types";
+import { useCompData } from ".";
+import { Text } from "../../../basicUI";
+import { createUIComp } from "../../../defines/createUIComp";
+
+export const Component = createUIComp({
+  props: {
+    compId: string().isRequired,
+  },
+  setup(props) {
+    const { children } = useCompData(props.compId);
+
+    return () => (
+      <div class={rootStyles}>
+        <Text.Component compId={children.text?.id} />
+      </div>
+    );
+  },
+});
+
+const rootStyles = css``;

src/modules/editor/components/CompUI/customUI/Cards/Card11/index.ts

@@ -0,0 +1,27 @@
+import { createAttrsForm } from "../../../defines/createAttrsForm";
+import { createOptions } from "../../../defines/createOptions";
+
+export { Component } from "./component";
+
+export const { options, useCompData } = createOptions({
+  name: "卡片",
+  thumbnail: require("./thumbnail.jpg"),
+  value: {},
+  layout: {
+    padding: "0.5rem 0",
+  },
+  children: {
+    text: {
+      value: `<p style="text-align:center;"><span style="color:#666;font-size:12px;font-weight: bold;">皮中贵族，触及之处皆舒适，
+      柔韧度高的细腻肌理皮革，触感柔润亲肤，透气
+      质量经久耐磨，性价比高，
+      经典之作用不过时。
+      潮流耐磨的2023年最新款皮革材料</span></p>`,
+      layout: {
+        textAlign: "center",
+      },
+    },
+  },
+});
+
+export const Form = createAttrsForm([]);

src/modules/editor/components/CompUI/customUI/Cards/Card12/component.tsx

@@ -0,0 +1,22 @@
+import { css } from "@linaria/core";
+import { string } from "vue-types";
+import { useCompData } from ".";
+import { Text } from "../../../basicUI";
+import { createUIComp } from "../../../defines/createUIComp";
+
+export const Component = createUIComp({
+  props: {
+    compId: string().isRequired,
+  },
+  setup(props) {
+    const { children } = useCompData(props.compId);
+
+    return () => (
+      <div class={rootStyles}>
+        <Text.Component compId={children.text?.id} />
+      </div>
+    );
+  },
+});
+
+const rootStyles = css``;

src/modules/editor/components/CompUI/customUI/Cards/Card12/index.ts

@@ -0,0 +1,27 @@
+import { createAttrsForm } from "../../../defines/createAttrsForm";
+import { createOptions } from "../../../defines/createOptions";
+
+export { Component } from "./component";
+
+export const { options, useCompData } = createOptions({
+  name: "卡片",
+  thumbnail: require("./thumbnail.jpg"),
+  value: {},
+  layout: {
+    padding: "0.5rem 0",
+  },
+  children: {
+    text: {
+      value: `<p style="text-align:center;"><span style="color:#666;font-size:12px;font-weight: bold;">皮中贵族，触及之处皆舒适，
+      柔韧度高的细腻肌理皮革，触感柔润亲肤，透气
+      质量经久耐磨，性价比高，
+      经典之作用不过时。
+      潮流耐磨的2023年最新款皮革材料</span></p>`,
+      layout: {
+        textAlign: "center",
+      },
+    },
+  },
+});
+
+export const Form = createAttrsForm([]);

src/modules/editor/components/CompUI/customUI/Cards/Card13/component.tsx

@@ -0,0 +1,22 @@
+import { css } from "@linaria/core";
+import { string } from "vue-types";
+import { useCompData } from ".";
+import { Text } from "../../../basicUI";
+import { createUIComp } from "../../../defines/createUIComp";
+
+export const Component = createUIComp({
+  props: {
+    compId: string().isRequired,
+  },
+  setup(props) {
+    const { children } = useCompData(props.compId);
+
+    return () => (
+      <div class={rootStyles}>
+        <Text.Component compId={children.text?.id} />
+      </div>
+    );
+  },
+});
+
+const rootStyles = css``;

src/modules/editor/components/CompUI/customUI/Cards/Card13/index.ts

@@ -0,0 +1,27 @@
+import { createAttrsForm } from "../../../defines/createAttrsForm";
+import { createOptions } from "../../../defines/createOptions";
+
+export { Component } from "./component";
+
+export const { options, useCompData } = createOptions({
+  name: "卡片",
+  thumbnail: require("./thumbnail.jpg"),
+  value: {},
+  layout: {
+    padding: "0.5rem 0",
+  },
+  children: {
+    text: {
+      value: `<p style="text-align:center;"><span style="color:#666;font-size:12px;font-weight: bold;">皮中贵族，触及之处皆舒适，
+      柔韧度高的细腻肌理皮革，触感柔润亲肤，透气
+      质量经久耐磨，性价比高，
+      经典之作用不过时。
+      潮流耐磨的2023年最新款皮革材料</span></p>`,
+      layout: {
+        textAlign: "center",
+      },
+    },
+  },
+});
+
+export const Form = createAttrsForm([]);

src/modules/editor/components/CompUI/customUI/Cards/Card14/component.tsx

@@ -0,0 +1,22 @@
+import { css } from "@linaria/core";
+import { string } from "vue-types";
+import { useCompData } from ".";
+import { Text } from "../../../basicUI";
+import { createUIComp } from "../../../defines/createUIComp";
+
+export const Component = createUIComp({
+  props: {
+    compId: string().isRequired,
+  },
+  setup(props) {
+    const { children } = useCompData(props.compId);
+
+    return () => (
+      <div class={rootStyles}>
+        <Text.Component compId={children.text?.id} />
+      </div>
+    );
+  },
+});
+
+const rootStyles = css``;

src/modules/editor/components/CompUI/customUI/Cards/Card14/index.ts

@@ -0,0 +1,27 @@
+import { createAttrsForm } from "../../../defines/createAttrsForm";
+import { createOptions } from "../../../defines/createOptions";
+
+export { Component } from "./component";
+
+export const { options, useCompData } = createOptions({
+  name: "卡片",
+  thumbnail: require("./thumbnail.jpg"),
+  value: {},
+  layout: {
+    padding: "0.5rem 0",
+  },
+  children: {
+    text: {
+      value: `<p style="text-align:center;"><span style="color:#666;font-size:12px;font-weight: bold;">皮中贵族，触及之处皆舒适，
+      柔韧度高的细腻肌理皮革，触感柔润亲肤，透气
+      质量经久耐磨，性价比高，
+      经典之作用不过时。
+      潮流耐磨的2023年最新款皮革材料</span></p>`,
+      layout: {
+        textAlign: "center",
+      },
+    },
+  },
+});
+
+export const Form = createAttrsForm([]);

src/modules/editor/components/CompUI/customUI/Cards/Card15/component.tsx

@@ -0,0 +1,22 @@
+import { css } from "@linaria/core";
+import { string } from "vue-types";
+import { useCompData } from ".";
+import { Text } from "../../../basicUI";
+import { createUIComp } from "../../../defines/createUIComp";
+
+export const Component = createUIComp({
+  props: {
+    compId: string().isRequired,
+  },
+  setup(props) {
+    const { children } = useCompData(props.compId);
+
+    return () => (
+      <div class={rootStyles}>
+        <Text.Component compId={children.text?.id} />
+      </div>
+    );
+  },
+});
+
+const rootStyles = css``;

src/modules/editor/components/CompUI/customUI/Cards/Card15/index.ts

@@ -0,0 +1,27 @@
+import { createAttrsForm } from "../../../defines/createAttrsForm";
+import { createOptions } from "../../../defines/createOptions";
+
+export { Component } from "./component";
+
+export const { options, useCompData } = createOptions({
+  name: "卡片",
+  thumbnail: require("./thumbnail.jpg"),
+  value: {},
+  layout: {
+    padding: "0.5rem 0",
+  },
+  children: {
+    text: {
+      value: `<p style="text-align:center;"><span style="color:#666;font-size:12px;font-weight: bold;">皮中贵族，触及之处皆舒适，
+      柔韧度高的细腻肌理皮革，触感柔润亲肤，透气
+      质量经久耐磨，性价比高，
+      经典之作用不过时。
+      潮流耐磨的2023年最新款皮革材料</span></p>`,
+      layout: {
+        textAlign: "center",
+      },
+    },
+  },
+});
+
+export const Form = createAttrsForm([]);

src/modules/editor/components/CompUI/customUI/Texts/Text1/index.ts

@@ -5,7 +5,7 @@ import { createOptions } from "../../../defines/createOptions";
 export { Component } from "./component";
 
 export const { options, useCompData } = createOptions({
-  name: "标题",
+  name: "文字",
   thumbnail: require("./thumbnail.jpg"),
   layout: { margin: "0.2rem 0.3rem", padding: " 0 0.2rem" },
   value: {

src/modules/editor/components/CompUI/customUI/index.ts

@@ -4,6 +4,11 @@ export * as Card3 from "./Cards/Card3";
 export * as CardList from "./Cards/CardList";
 export * as Card4 from "./Cards/Card4";
 export * as Card5 from "./Cards/Card5";
+export * as Cards11 from "./Cards/Card11";
+export * as Cards12 from "./Cards/Card12";
+export * as Cards13 from "./Cards/Card13";
+export * as Cards14 from "./Cards/Card14";
+export * as Cards15 from "./Cards/Card15";
 
 export * as Cover from "./Covers/Cover";
 export * as Cover2 from "./Covers/Cover2";