更新tips组件

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
+        <text class="text-container" :style="{ color: textColor }">
-            class="text-container limit-line clamp-1"
-            :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;
+    width: 100%;
-    height: 75rpx;
+    // height: 75rpx;
-    margin: 0 auto;
     display: flex;
-    align-items: center;
+    // align-items: center;
-    background-color: #ffffff;
+    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>

src/pages/address/edit.vue

@@ -5,10 +5,12 @@
         :title="pageTitle"
         backgroundColor="#F6F6F6"
     >
-        <widget-tips
+        <view class="tips-container">
-            text="个人信息仅用于发布需求，隐私信息完全保密"
+            <widget-tips
-            textColor="#ffa800"
+                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 {

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;