<script setup></script>
<template>
    <view class="main">
        <view class="search">
            <wd-search placeholder="请输入搜索内容" cancel-txt="搜索"/>
        </view>
        <wd-gap height="100rpx"></wd-gap>
        <Card v-for="item in 5" :key="item">
            <template #header>
                <view class="title">
                    <wd-avatar src="/static/logo.png" />
                    <view>
                        <view>产品型号：</view>
                        <view>是否抗磁：</view>
                    </view>
                </view>
            </template>
            <view class="content">
                <view>型号描述</view>
                <view class="text">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</view>
            </view>
        </Card>
    </view>
</template>
<style lang="scss" scoped>
.search {
    position: fixed;
    top: 0;
    width: 100%;
}
.title {
    display: flex;
    align-items: center;
    gap: 20rpx;
    line-height: 40rpx;
    font-size: 28rpx;
}
.content {
    padding-bottom: 25rpx;
    .text {
        overflow: scroll;
        height: 150rpx;
        padding-top: 15rpx;
    }
}
</style>