品牌列表,详情
This commit is contained in:
parent
3604336a0f
commit
27691bd433
46
pages/brand/brandDetail/brandDetail.vue
Normal file
46
pages/brand/brandDetail/brandDetail.vue
Normal 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>
|
||||||
24
pages/brand/brandList/brandList.vue
Normal file
24
pages/brand/brandList/brandList.vue
Normal 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>
|
||||||
Loading…
x
Reference in New Issue
Block a user