46 lines
1.3 KiB
Vue
46 lines
1.3 KiB
Vue
<script setup></script>
|
||
<template>
|
||
<view class="main">
|
||
<view class="search">
|
||
<wd-search placeholder="请输入搜索内容" cancel-txt="搜索"/>
|
||
</view>
|
||
<wd-gap height="100rpx"></wd-gap>
|
||
<wd-card v-for="item in 5" :key="item">
|
||
<template #title>
|
||
<view class="title">
|
||
<wd-img width="130rpx" height="130rpx" src="/static/logo.png"></wd-img>
|
||
<view>
|
||
<view>产品型号：</view>
|
||
<view>是否抗磁：</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<view class="content">
|
||
<view>型号描述</view>
|
||
<view class="text">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</view>
|
||
</view>
|
||
</wd-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> |