#

whycq

2023-10-06 60567b1b3fbb19334ee794b70e4794527a967d5d

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

@@ -9,8 +9,8 @@
         </view>
         <view class="main-right">
            <view class="list-options">
               <!-- <view class="list-number">1</view> -->
               <view class="abdb"> > </view>
               <view class="list-number">1</view>
               <view class="abdb" @click="goDetail()"> > </view>
            </view>
         </view>
      </view>
@@ -27,23 +27,25 @@
               {},
               {},
               {},
               {},
               {},
               {},
               {}
            ]
         };
      },
      methods: {
         goDetail() {
         }
      }
   }
</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 +57,7 @@
      background-color: #cccccc;
      flex: 1;
      display: flex;
      align-items: center;
      /* flex-direction: column; */
   }
   .main-list {
@@ -66,8 +69,8 @@
   }
   .list-number {
      position: absolute;
      right: 30px;
      top: 20px;
      right: 10px;
      top: 5px;
   }
   .abdb {
      flex: 0;