From 001f834cb30e31906951895bdb297f86f3157aac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Tue, 21 Feb 2023 14:04:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0tips=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 | 26 ++++++++++++++------------
 src/pages/address/edit.vue      | 14 ++++++++++----
 src/pages/order/create.vue      |  8 +++++++-
 3 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/components/widgets/tips.vue b/src/components/widgets/tips.vue
index 9591ef1..9fe3ba3 100644
--- a/src/components/widgets/tips.vue
+++ b/src/components/widgets/tips.vue
@@ -1,14 +1,11 @@
 <template>
-    <view class="tips">
+    <view class="tips" :style="{ background: backgroundColor }">
         <text
             class="iconfont icon-tixing"
             :class="[icon]"
             :style="{ color: iconColor }"
         ></text>
-        <text
-            class="text-container limit-line clamp-1"
-            :style="{ color: textColor }"
-        >
+        <text class="text-container" :style="{ color: textColor }">
             {{ text }}
         </text>
     </view>
@@ -21,6 +18,10 @@ export default {
         return {};
     },
     props: {
+        backgroundColor: {
+            type: String,
+            default: "#FFFFFF",
+        },
         icon: {
             type: String,
             default: "icon-tixing",
@@ -48,21 +49,22 @@ export default {
 
 <style lang="less" scoped>
 .tips {
-    width: 710rpx;
-    height: 75rpx;
-    margin: 0 auto;
+    width: 100%;
+    // height: 75rpx;
     display: flex;
-    align-items: center;
-    background-color: #ffffff;
+    // align-items: center;
+    align-items: flex-start;
     box-sizing: border-box;
-    padding: 0 10rpx;
+    // padding: 0 10rpx;
+    padding: 16rpx 10rpx;
     .iconfont {
         font-size: 40rpx;
         margin-right: 26rpx;
     }
     .text-container {
         font-size: 22rpx;
-        line-height: 22rpx;
+        // line-height: 22rpx;
+        line-height: 40rpx;
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/address/edit.vue b/src/pages/address/edit.vue
index ce4be23..0f23393 100644
--- a/src/pages/address/edit.vue
+++ b/src/pages/address/edit.vue
@@ -5,10 +5,12 @@
         :title="pageTitle"
         backgroundColor="#F6F6F6"
     >
-        <widget-tips
-            text="个人信息仅用于发布需求，隐私信息完全保密"
-            textColor="#ffa800"
-        />
+        <view class="tips-container">
+            <widget-tips
+                text="个人信息仅用于发布需求，隐私信息完全保密"
+                textColor="#ffa800"
+            />
+        </view>
         <view class="form-container">
             <view class="input-item">
                 <view class="title-box">
@@ -155,6 +157,10 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.tips-container {
+    width: 710rpx;
+    margin: 0 auto;
+}
 .input-item.default-address {
     justify-content: space-between;
     .title-box {
diff --git a/src/pages/order/create.vue b/src/pages/order/create.vue
index 91457f0..0944942 100644
--- a/src/pages/order/create.vue
+++ b/src/pages/order/create.vue
@@ -5,7 +5,9 @@
         textColor="dark"
         backgroundColor="#F6F6F6"
     >
-        <widget-tips text="保险公司承保，人身财产，双重保障，下单无忧！" />
+        <view class="tips-container">
+            <widget-tips text="保险公司承保，人身财产，双重保障，下单无忧！" />
+        </view>
         <view class="create-order-container">
             <view class="form-widget-group">
                 <view class="widget-item" @click="selectAddress">
@@ -173,6 +175,10 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.tips-container {
+    width: 710rpx;
+    margin: 0 auto;
+}
 .create-order-container {
     width: 100%;
     margin-top: 16rpx;