品牌列表,详情

This commit is contained in:
chenhaizhao 2026-01-06 17:20:08 +08:00
parent 3604336a0f
commit 27691bd433
2 changed files with 70 additions and 0 deletions

View File

@ -0,0 +1,46 @@
<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>

View File

@ -0,0 +1,24 @@
<script setup>
const clickDetail = () => {
uni.navigateTo({
url:"/pages/brand/brandDetail/brandDetail"
})
}
</script>
<template>
<view class="main">
<view @tap="clickDetail" v-for="item in 5" :key="item">
<wd-card title="分流厂家名称">
<view class="content">
描述
</view>
</wd-card>
</view>
</view>
<Loadmore></Loadmore>
</template>
<style lang="scss" scoped>
.content {
height: 200rpx;
}
</style>