样式调整

src/pages/facility/index/index.vue

@@ -2,13 +2,21 @@
   <view class="facility">
     <wd-sticky :z-index="10">
       <view class="facility-top">
-        <wd-search cancel-txt="搜索" />
+        <wd-search :placeholder-left="true" placeholder="三亚太保养老族库">
+          <template #suffix>
+            <view style="display: flex;align-items: center;margin: 0 20rpx;">
+              <wd-button size="small">
+                搜索
+              </wd-button>
+            </view>
+          </template>
+        </wd-search>
         <wd-tabs slidable="always" v-model="state.tab">
-          <wd-tab v-for="(item, index) in tabList " :key="index" :title="item.name" />
+          <wd-tab v-for="(item, index) in tabList" :key="index" :title="item.name" />
         </wd-tabs>
         <wd-drop-menu>
           <wd-drop-menu-item v-model="state.dropMenu" :options="state.dropMenuList" />
-          <wd-drop-menu-item title="筛选">
+          <wd-drop-menu-item title="更多筛选">
             <view>
               <wd-cell title="标题" value="筛选内容1" />
               <wd-cell title="标题" value="筛选内容2" />
@@ -267,6 +275,7 @@ const onClickNavigate = (id: string) => {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
+        line-clamp: 2;
         overflow: hidden;
         text-overflow: ellipsis;
         margin-bottom: 10rpx;

src/pages/home/index/index.vue

@@ -168,7 +168,7 @@ const onClickNavigate = (id: string) => {
 
     &-item {
       width: calc(50% - 10rpx);
-      padding: 20rpx;
+      padding: 40rpx 20rpx;
       border-radius: $border-radius-base;
       display: flex;
       align-items: center;
@@ -201,6 +201,8 @@ const onClickNavigate = (id: string) => {
     margin-bottom: 20rpx;
 
     &-title {
+      padding-bottom: 20rpx;
+      border-bottom: 2rpx solid $border-color;
       display: flex;
       justify-content: space-between;
       align-items: center;
@@ -233,6 +235,7 @@ const onClickNavigate = (id: string) => {
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 2;
+          line-clamp: 2;
           overflow: hidden;
           text-overflow: ellipsis;
         }
@@ -246,7 +249,9 @@ const onClickNavigate = (id: string) => {
     }
 
     &-item:last-child {
-      border: none;
+      padding-bottom: 0;
+      border-bottom: none;
+      margin-bottom: 0;
     }
   }
 }