From 6c4e0dbbd1b62fcbb8af3413bed67c77ece9ea0e Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Sat, 01 Apr 2023 10:49:42 +0800
Subject: [PATCH] 创建列表卡片组件

---
 layout/card/CCardContent.vue         |   24 ++++++++
 layout/card/CCardAction.vue          |   24 ++++++++
 layout/card/CCard.vue                |   26 ++++++++
 layout/description/cDescription.scss |    0 
 layout/card/CCardTitle.vue           |   24 ++++++++
 layout/card/cCard.scss               |   12 ++++
 layout/card/index.js                 |   16 +++++
 layout/description/CDescription.vue  |    2 
 8 files changed, 127 insertions(+), 1 deletions(-)

diff --git a/layout/card/CCard.vue b/layout/card/CCard.vue
new file mode 100644
index 0000000..43135e8
--- /dev/null
+++ b/layout/card/CCard.vue
@@ -0,0 +1,26 @@
+/**
+ * CCard - 列表卡片（主体）
+ * @author Tevin
+ */
+
+<template>
+    <view class="c-card">
+        <slot />
+    </view>
+</template>
+
+<script>
+import Taro from '@tarojs/taro';
+import {} from 'taro-ui-vue';
+import './cCard.scss';
+
+export default {
+    name: 'CCard',
+    components: {},
+    props: {},
+    data() {
+        return {};
+    },
+    methods: {},
+};
+</script>
diff --git a/layout/card/CCardAction.vue b/layout/card/CCardAction.vue
new file mode 100644
index 0000000..41fc44f
--- /dev/null
+++ b/layout/card/CCardAction.vue
@@ -0,0 +1,24 @@
+/**
+ * CCardAction - 列表卡片操作
+ * @author Tevin
+ */
+
+<template>
+    <view class="c-card-action">
+    </view>
+</template>
+
+<script>
+import Taro from '@tarojs/taro';
+import {} from 'taro-ui-vue';
+
+export default {
+    name: 'CCardAction',
+    components: {},
+    props: {},
+    data() {
+        return {};
+    },
+    methods: {},
+};
+</script>
diff --git a/layout/card/CCardContent.vue b/layout/card/CCardContent.vue
new file mode 100644
index 0000000..90081e8
--- /dev/null
+++ b/layout/card/CCardContent.vue
@@ -0,0 +1,24 @@
+/**
+ * CCardContent - 列表卡片内容
+ * @author Tevin
+ */
+
+<template>
+    <view class="c-card-content">
+    </view>
+</template>
+
+<script>
+import Taro from '@tarojs/taro';
+import {} from 'taro-ui-vue';
+
+export default {
+    name: 'CCardContent',
+    components: {},
+    props: {},
+    data() {
+        return {};
+    },
+    methods: {},
+};
+</script>
diff --git a/layout/card/CCardTitle.vue b/layout/card/CCardTitle.vue
new file mode 100644
index 0000000..2434682
--- /dev/null
+++ b/layout/card/CCardTitle.vue
@@ -0,0 +1,24 @@
+/**
+ * CCardTitle - 列表卡片标题
+ * @author Tevin
+ */
+
+<template>
+    <view class="c-card-title">
+    </view>
+</template>
+
+<script>
+import Taro from '@tarojs/taro';
+import {} from 'taro-ui-vue';
+
+export default {
+    name: 'CCardTitle',
+    components: {},
+    props: {},
+    data() {
+        return {};
+    },
+    methods: {},
+};
+</script>
diff --git a/layout/card/cCard.scss b/layout/card/cCard.scss
new file mode 100644
index 0000000..9487f14
--- /dev/null
+++ b/layout/card/cCard.scss
@@ -0,0 +1,12 @@
+/**
+ * CCard
+ * @author Tevin
+ */
+
+@import "../../common/sassMixin";
+
+.c-card {
+    margin: 0 16px 16px;
+    background-color: #fff;
+    border-radius: 8px;
+}
\ No newline at end of file
diff --git a/layout/card/index.js b/layout/card/index.js
new file mode 100644
index 0000000..f37d9fb
--- /dev/null
+++ b/layout/card/index.js
@@ -0,0 +1,16 @@
+/**
+ * CCard
+ * @author Tevin
+ */
+
+import CCard from '@components/layout/card/CCard.vue';
+import CCardTitle from '@components/layout/card/CCard.vue';
+import CCardContent from '@components/layout/card/CCard.vue';
+import CCardAction from '@components/layout/card/CCard.vue';
+
+export {
+    CCard,
+    CCardTitle,
+    CCardContent,
+    CCardAction,
+}
\ No newline at end of file
diff --git a/layout/description/CDescription.vue b/layout/description/CDescription.vue
index 9842fc1..9cc153e 100644
--- a/layout/description/CDescription.vue
+++ b/layout/description/CDescription.vue
@@ -21,7 +21,7 @@
 <script>
 import Taro from '@tarojs/taro';
 import {} from 'taro-ui-vue';
-import './CDescription.scss';
+import './cDescription.scss';
 
 export default {
     name: 'CDescription',
diff --git a/layout/description/CDescription.scss b/layout/description/cDescription.scss
similarity index 100%
rename from layout/description/CDescription.scss
rename to layout/description/cDescription.scss

--
Gitblit v1.9.1