#

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 {