From 8f6a01a3b9d9c8e39b3a330ffbee64ebef31244b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Wed, 1 Mar 2023 18:33:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0tips=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/widgets/tips.vue | 66 +++++++++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 src/components/widgets/tips.vue

diff --git a/src/components/widgets/tips.vue b/src/components/widgets/tips.vue
new file mode 100644
index 0000000..e0e3445
--- /dev/null
+++ b/src/components/widgets/tips.vue
@@ -0,0 +1,66 @@
+<template>
+    <view class="component-widgets-tips" :style="{ background: backgroundColor }">
+        <text class="iconfont icon-tixing" :class="[icon]" :style="{ color: iconColor }"></text>
+        <text class="text-container" :style="{ color: textColor }">
+            {{ text }}
+        </text>
+    </view>
+</template>
+
+<script>
+export default {
+    name: "component-widgets-tips",
+    data() {
+        return {};
+    },
+    props: {
+        backgroundColor: {
+            type: String,
+            default: "#FFFFFF",
+        },
+        icon: {
+            type: String,
+            default: "icon-tixing",
+        },
+        iconColor: {
+            type: String,
+            default: "#ffa800",
+        },
+        text: {
+            type: String,
+            default: "",
+        },
+        textColor: {
+            type: String,
+            default: "#a0a0a0",
+        },
+    },
+    components: {},
+    created() {},
+    mounted() {},
+    destroyed() {},
+    methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.component-widgets-tips {
+    width: 100%;
+    // height: 75rpx;
+    display: flex;
+    // align-items: center;
+    align-items: flex-start;
+    box-sizing: border-box;
+    // padding: 0 10rpx;
+    padding: 16rpx 10rpx;
+    .iconfont {
+        font-size: 40rpx;
+        margin-right: 26rpx;
+    }
+    .text-container {
+        font-size: 22rpx;
+        // line-height: 22rpx;
+        line-height: 40rpx;
+    }
+}
+</style>
\ No newline at end of file