安全距离和样式修改

src/pages/brands/brands.vue

@@ -178,10 +178,11 @@ export default {
     overflow-x: auto;
     white-space: nowrap;
     image {
+      border: 1px solid #c7c6c7;
       width: 240rpx;
       height: 160rpx;
       border-radius: 10rpx;
-      padding-left: 20.3rpx;
+      margin-left: 20rpx;
     }
   }
 }

src/pages/brands/collection.vue

@@ -5,7 +5,7 @@
   list传过去的数据  Array
   options 右边滑动出现删除的东西  Array
   -->
-  <view class="collect">
+  <view class="collect" :style="`margin-top: ${safeDiced}px`">
     <view class="head">
       <text class="text1">我的收藏</text>
       <text class="text2">My collection</text>
@@ -52,6 +52,8 @@ export default {
       ],
       // 编辑点击
       edit: false,
+      //顶部安全距离
+      safeDiced: "",
     };
   },
   computed: {
@@ -105,6 +107,11 @@ export default {
   },
   mounted() {
     this.collectionFn();
+    uni.getSystemInfo({
+      success: (res) => {
+        this.safeDiced = res.safeArea.top;
+      },
+    });
   },
 };
 </script>

src/pages/brands/components/hotStyle.vue

@@ -123,6 +123,13 @@ export default {
     font-weight: 400;
     color: rgba(0, 0, 0, 0.8);
     margin: 24rpx 28rpx 0 20rpx;
+    width: 100%;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
   }
 
   .hotText2 {