From 17bb1250f2120415e5fc9f47fe50b60f72b47a07 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期日, 04 八月 2024 12:50:01 +0800
Subject: [PATCH] update 优化搜索事件
---
pages/home/components/home-category.vue | 153 +++++++++++++++++++++++++-------------------------
1 files changed, 76 insertions(+), 77 deletions(-)
diff --git a/pages/home/components/home-category.vue b/pages/home/components/home-category.vue
index c16284c..ec946c9 100644
--- a/pages/home/components/home-category.vue
+++ b/pages/home/components/home-category.vue
@@ -1,89 +1,88 @@
<template>
- <view class="home-category">
- <view class="flex">
- <view class="t1">06-03（今日）第一场交易中</view>
- <view class="t2">当前在售123435扎</view>
- </view>
- <view class="m-t-12 flex">
- <view class="item" v-for="(item,index) of list" :key="index" @click.stop="toList(item)">
- <image class="icon img100" :src="item.url"></image>
- <view>{{ item.name || '-' }}</view>
- </view>
- </view>
- </view>
+ <view class="home-category">
+ <view class="flex">
+ <view class="t1">{{today}}（今日）第一场交易中</view>
+ <view class="t2">当前在售123435扎</view>
+ </view>
+ <view class="m-t-12 flex">
+ <view class="item" v-for="(item,index) of list" :key="index" @click.stop="toList(item)">
+ <image class="icon img100" :src="item.url"></image>
+ <view>{{ item.name || '-' }}</view>
+ </view>
+ </view>
+ </view>
</template>
<script>
-export default {
- beforeMount() {
- // for (var i = 0; i < 10; i++) {
- // this.list.push({
- // 'url': 'https://hmy-flower.oss-cn-shanghai.aliyuncs.com/e2/e2ee2fa7cdef458ba748261305edc57435549b9113807b6fbbfd4bfa456334d.png',
- // 'name': '玫瑰'
- // })
- // }
- this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => {
- var data = res.data
- this.list = []
- var arr = data || []
- for (let i = 0; i < arr.length && i < 10; i++) {
- this.list.push({
- id: arr[i].id,
- name: arr[i].name,
- url: arr[i].imageUrl
- })
- }
- })
- },
- methods: {
- toList(item){
- uni.navigateTo({
- url:'//sub_pages/customer/trade/list?categoryId='+item.id
- })
- }
- },
- data() {
- return {
- list: [],
+ export default {
+ beforeMount() {
+ this.today = this.$util.toDate(new Date())
+ this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => {
+ var data = res.data
+ this.list = []
+ var arr = data || []
+ for (let i = 0; i < arr.length && i < 10; i++) {
+ this.list.push({
+ id: arr[i].id,
+ name: arr[i].name,
+ url: arr[i].imageUrl
+ })
+ }
+ })
+ },
+ methods: {
+ toList(item) {
+ // uni.navigateTo({
+ // url:'/sub_pages/customer/trade/list?categoryId='+item.id
+ // })
+ uni.navigateTo({
+ url: '/sub_pages/customer/trade/trade?categoryId=' + item.id
+ })
+ }
+ },
+ data() {
+ return {
+ list: [],
+ today: '',
- };
- }
-}
+ };
+ }
+ }
</script>
<style lang="scss">
-.home-category {
- .item {
- text-align: center;
- font-weight: 400;
- font-size: 28rpx;
- color: #000000;
- line-height: 40rpx;
- min-width: 20%;
- margin-bottom: 28rpx;
+ .home-category {
+ .item {
+ text-align: center;
+ font-weight: 400;
+ font-size: 28rpx;
+ color: #000000;
+ line-height: 40rpx;
+ min-width: 20%;
+ margin-bottom: 28rpx;
- .icon {
- width: 94rpx;
- height: 94rpx;
- border-radius: 50%;
- }
- }
+ .icon {
+ width: 94rpx;
+ height: 94rpx;
+ border-radius: 50%;
+ }
+ }
- .t1 {
- font-size: 28rpx;
- color: #333333;
- line-height: 50rpx;
- font-weight: 600;
- }
+ .t1 {
+ font-size: 28rpx;
+ color: #333333;
+ line-height: 50rpx;
+ font-weight: 600;
+ }
- .t2 {
- margin-left: auto;
- padding: 8rpx;
- font-size: 24rpx;
- color: #5B8C71;
- line-height: 34rpx;
- background: #E1F0E7;
- border-radius: 4rpx;
- }
-}
+ .t2 {
+ margin-left: auto;
+ padding: 8rpx;
+ font-size: 24rpx;
+ color: #5B8C71;
+ line-height: 34rpx;
+ background: #E1F0E7;
+ border-radius: 4rpx;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3