Feat：康养页面

2024-10-08 00:25:03 +08:00
parent c51f177c7c
commit 566ef9de61
8 changed files with 901 additions and 19 deletions
@@ -0,0 +1,60 @@
+<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>