60 lines
1.4 KiB
Vue
60 lines
1.4 KiB
Vue
<template>
|
|
<view class="expo-list">
|
|
<view class="search-wrap">
|
|
<u-search
|
|
placeholder="请输入关键字查询"
|
|
v-model="keyword"
|
|
shape="round"
|
|
:showAction="false"
|
|
></u-search>
|
|
</view>
|
|
<view class="expo-wrap">
|
|
<view
|
|
class="expo-item"
|
|
v-for="(item, index) in expoList"
|
|
:key="index"
|
|
@click="toDetails(item)"
|
|
>
|
|
{{ item.label }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default{
|
|
data() {
|
|
return {
|
|
keyword: '',
|
|
expoList: [
|
|
{id: 1, label: '文山州麻栗坡县东南亚中药材集散综合开发项目'},
|
|
{id: 2, label: '文山州麻栗坡县东南亚中药材集散综合开发项目'},
|
|
{id: 3, label: '文山州麻栗坡县东南亚中药材集散综合开发项目'},
|
|
{id: 4, label: '文山州麻栗坡县东南亚中药材集散综合开发项目'},
|
|
{id: 5, label: '文山州麻栗坡县东南亚中药材集散综合开发项目'},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
toDetails(item) {
|
|
uni.navigateTo({
|
|
url: '/pkg_product/views/expoDetails?id='+item.id
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.expo-list{
|
|
height: 100vh;
|
|
background: #fff;
|
|
padding: 20rpx;
|
|
}
|
|
.expo-item{
|
|
background-color: #f2f2f2;
|
|
border-radius: 100rpx;
|
|
font-size: 26rpx;
|
|
font-weight: bold;
|
|
margin-top: 20rpx;
|
|
padding: 20rpx;
|
|
}
|
|
</style> |