#

whycq

2023-10-06 4d7364d9a619502bbbc6abba4e7cd4755a98f86d

 components/z-data-list/z-data-list.vue

@@ -9,7 +9,7 @@
         </view>
         <view class="main-right">
            <view class="list-options">
               <!-- <view class="list-number">1</view> -->
               <view class="list-number">1</view>
               <view class="abdb"> > </view>
            </view>
         </view>
@@ -27,23 +27,21 @@
               {},
               {},
               {},
               {},
               {},
               {},
               {}
            ]
         };
      }
   }
</script>

<!-- align-items: stretch -->
<!-- 牛逼！！！ -->
<!-- 设置align-items为stretch，使子元素填充垂直方向的可用高度，实现高度相等的效果。 -->
<style scoped>
   .main {
      position: relative;
      min-height: 70rpx;
      background-color: #fdadfc;
      display: flex;
      align-items: center;
      align-items: stretch;
      margin: 8px 8px 8px 8px;
   }
   .main-left {
@@ -55,6 +53,7 @@
      background-color: #cccccc;
      flex: 1;
      display: flex;
      align-items: center;
      /* flex-direction: column; */
   }
   .main-list {