From 98f4b7ec4164ec1c6798c8c4188b93f4ce48ec46 Mon Sep 17 00:00:00 2001
From: xuxy <1059738716@qq.com>
Date: 星期三, 10 七月 2024 23:39:57 +0800
Subject: [PATCH] update收获地址
---
pages/home/home.vue | 276 ++++++++++++++----------------------------------------
1 files changed, 73 insertions(+), 203 deletions(-)
diff --git a/pages/home/home.vue b/pages/home/home.vue
index e89364d..805733e 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -1,23 +1,25 @@
<template>
- <view class="main-container home">
+ <view class="main-container user-home">
+ <view class="bg-top-green"></view>
<!-- 顶部，可能 -->
- <view class="school" :style="{'background-color': color,'padding-top':(StatusBar)+'px'
+ <view class="school" :style="{'padding-top':(StatusBar)+'px'
,height:CustomBar+'rpx','line-height':CustomBar+'rpx' }">
- <view class="home-logo"></view>
-
- <picker @change="PickerChangeSchool" :value="schoolIndex" :range="schools" range-key="name">
+ <picker @change="PickerChangeSchool" :value="areaIndex" :range="schools" range-key="name">
<view class="picker flex">
- <!-- <text class="cuIcon-locationfill"></text> -->
- <uni-icons type="location" class="m-l-15 m-r-5" size="18"></uni-icons>
+ <uni-icons type="location" class="m-r-5" size="18"></uni-icons>
<view>
- {{ schoolIndex>=0&&schools[schoolIndex].name ? schools[schoolIndex].name : '选择校区' }}
+ {{ areaIndex>=0&&schools[areaIndex].name ? schools[areaIndex].name : '选择位置' }}
</view>
- <!-- <text class="cuIcon-unfold margin-left-xs"></text> -->
</view>
</picker>
</view>
- <!-- <view :style="{'background-color': color,'padding-top':(StatusBar)+'px',height:CustomBar+'px'}"></view> -->
-
+ <view class="search-container m-t-12 flex">
+ <view class="flex1 input">
+ <u--input placeholder="请输入花名" v-model="search_flow" @confirm="buttonSearchFlow" suffixIcon="search"
+ :suffixIconStyle="{'font-size':'24px','color': '#20613D'}" >
+ </u--input>
+ </view>
+ </view>
<!-- banner -->
<uni-swiper-dot class="uni-swiper-dot-box" @clickItem=clickItem :info="info" :current="currentBanner"
@@ -31,84 +33,35 @@
</image>
</view>
</swiper-item>
- <animation-words :words="words" v-if="words&&words.length>0"></animation-words>
-
</swiper>
<swiper class="swiper-box" @change="changeBanner" :current="0" v-if="!banners||banners.length==0">
<swiper-item v-for="(item, index) in 1" :key="index">
<view class="swiper-item" :class="'swiper-item' + index">
<image class="home-banner-image" mode="scaleToFill"
- src="https://xy-go.oss-cn-beijing.aliyuncs.com/51/51abd2f29d104a78a5d6dcc27078716a位图@2x (4).png">
+ src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/62/62ddac6297104e369aba646be704064dbanner@2x.png">
</image>
</view>
</swiper-item>
- <animation-words :words="words" v-if="words&&words.length>0"></animation-words>
-
</swiper>
</uni-swiper-dot>
<!-- tip -->
- <view class="p10">
- <uni-notice-bar @click="getNoticeMore" v-if="currentNotice&¤tNotice.id" class="notice-bar"
- color="#333" background-color="#fff" show-get-more show-icon :scrollable="scrollable"
- :text="currentNotice.title" :key="currentNotice.id" />
+ <view class="m-t-12" @click="getNoticeMore">
+ <uni-notice-bar class="notice-bar" color="#333" background-color="#fff" show-get-more show-icon
+ :scrollable="scrollable" :text="currentNotice.title" :key="currentNotice.id" />
<span v-if="!currentNotice||!currentNotice.id"> </span>
</view>
+ <!-- 当前分类 -->
+ <home-category></home-category>
+ <!-- 特别的几个公告图片 -->
+ <home-banner-imgs></home-banner-imgs>
+ <!-- 均价情况 -->
+ <home-price></home-price>
+ <!-- 几个专区 -->
+ <home-zones></home-zones>
+ <!-- 置顶的花列表 -->
+ <home-top-flow></home-top-flow>
- <!-- 各种按钮 -->
- <home-buttons></home-buttons>
- <!-- 推荐的成团的 -->
- <view class="p15" style="padding-top: 0rpx;" v-if="tuangouList&&tuangouList.length>0">
- <view class="home-shop-top">
- <!-- <view>即将成团</view> -->
- <image src="../../static/imgs/home/home-shop-top-txt.png" mode="aspectFit" class="title"></image>
- <image src="../../static/imgs/home/home-shop-top-icon.png" mode="aspectFit" class="icon"></image>
-
- <card-list-item type='shop' :dto="tuangouList[0]" @pop="pop"></card-list-item>
- </view>
- </view>
- <!-- 出去玩的 -->
- <view class="p15" style="padding-top: 0rpx;padding-bottom: 0rpx;" v-if="tripList&&tripList.length>0">
- <view class="home-travel-top">
- <!-- <view>粗去玩</view> -->
- <image src="../../static/imgs/home/home-travel-top-txt.png" mode="aspectFit" class="title"></image>
- <image src="../../static/imgs/home/home-travel-top-icon.png" mode="aspectFit" class="icon"></image>
- <card-list-item type='travel' :dto="tripList[0]"></card-list-item>
- </view>
- </view>
-
- <!-- 3个tab选项 -->
-
- <view class="p15" style="padding-bottom: 10rpx;">
- <!-- @change="changeTab" -->
- <top-tabs :tabs="tabs" :flg.sync="tabIndex"></top-tabs>
-
-
-
- </view>
- <!-- 根据不同的 -->
- <view class="" style="padding-left: 30rpx;padding-right: 30rpx;">
- <view v-show="tabIndex==0" style="min-height: 400rpx;">
- <!-- 加载推荐位置的？ -->
- <no-data v-if="!tuangouList||tuangouList.length==0" style="width: 100%;"></no-data>
- <view class="m-b-24" v-for="item of tuangouList">
- <card-list-item type='shop' :dto="item" @pop="pop"></card-list-item>
- </view>
- </view>
- <view v-show="tabIndex==1" style="min-height: 400rpx;">
- <!-- 加载推荐位置的？ -->
- <no-data v-if="!tripList||tripList.length==0" style="width: 100%;"></no-data>
-
- <view class="m-b-24" v-for="item of tripList">
- <card-list-item type='travel' :dto="item" class="m-b-24"></card-list-item>
- </view>
-
- </view>
- </view>
- <view v-show="tabIndex==2" style="margin-top: -10rpx;">
- <home-goods ref="homegoods"></home-goods>
-
- </view>
- <view style="padding-bottom:200rpx">
+ <view style="min-height:200rpx">
</view>
<common-footer flg="0"></common-footer>
@@ -116,40 +69,32 @@
</template>
<script>
- import homeButtons from './components/home-buttons.vue'
- import homeGoods from './components/home-goods.vue'
- import animationWords from '@/components/animation-words'
+ import homePrice from './components/home-price.vue'
+ import homeBannerImgs from './components/home-banner-imgs.vue'
+ import homeZones from './components/home-zones.vue'
+ import homeTopFlow from './components/home-top-flow.vue'
+ import homeCategory from './components/home-category.vue'
export default {
components: {
- homeButtons,
- homeGoods,
- animationWords
+ homeCategory,
+ homePrice,
+ homeBannerImgs,
+ homeZones,
+ homeTopFlow
},
data() {
return {
+ search_flow: '',
CustomBar: uni.getStorageSync('CustomBar'),
StatusBar: uni.getStorageSync('StatusBar'),
// StatusBar:0,
color: '#fff',
schools: [],
- schoolIndex: -1,
+ areaIndex: -1,
scrollable: false,
- tabs: [{
- name: '团购',
- id: 'shop'
- },
- {
- name: '粗去玩',
- id: 'travel'
- },
- {
- name: '挖宝商品',
- id: 'good'
- },
- ],
- tabIndex: 2,
+
info: [{
colorClass: 'uni-bg-red',
url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
@@ -193,7 +138,6 @@
tripList: [],
tuangouList: [],
hide_footer: false,
- words: [], //弹幕
noticeList: [],
currentNoticeIndex: 0,
currentNotice: {
@@ -201,16 +145,16 @@
}
};
},
- onShareAppMessage() {
- // let that = this;
- // var url =
- // `/pages/home/home?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${this.currentInfo&&this.currentInfo.nickName||''}`; //你的转发页面路径拼接参数
- // return {
- // title: "校购GO小狗狗",
- // path: url,
- // }
- },
- onShareTimeline() {
+ // onShareAppMessage() {
+ // let that = this;
+ // var url =
+ // `/pages/home/home?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${this.currentInfo&&this.currentInfo.nickName||''}`; //你的转发页面路径拼接参数
+ // return {
+ // title: "校购GO小狗狗",
+ // path: url,
+ // }
+ // },
+ // onShareTimeline() {
// let that = this;
// var url = "/pages/home/home" //你的分享页面路径
// return {
@@ -224,13 +168,13 @@
onLoad() {
// console.log('home created')
//这里进行一次初始化即可
- this.$http.request('get', '/api/school/area/list', {
+ // this.$http.request('get', '/api/school/area/list', {
- }).then(res => {
- if (res.code == 0) {
- this.schools = res.data || []
- }
- })
+ // }).then(res => {
+ // if (res.code == 0) {
+ // this.schools = res.data || []
+ // }
+ // })
//获取banner图
this.$http.request('get', '/api/ua/banner/list', {
@@ -239,34 +183,16 @@
this.banners = res.data.records || []
}
})
- // uni.setStorageSync('schoolId', this.school[parseInt(e.detail.value)].id);
- // uni.setStorageSync('schoolIndex', parseInt(e.detail.value));
- var schoolIndex = uni.getStorageSync('schoolIndex')
- if (!schoolIndex && schoolIndex !== 0) {
+
+ var areaIndex = uni.getStorageSync('areaIndex')
+ if (!areaIndex && areaIndex !== 0) {
} else {
- this.schoolIndex = schoolIndex
+ this.areaIndex = areaIndex
}
- this.changeTab(this.tabIndex)
- this.changeTab(0)
- this.changeTab(1)
- this.$http.request('get', '/api/brand/wish/list', {
- params: {
- size: 10,
- show: true,
- status: 'A'
- }
- }).then(res => {
- if (res.code == 0) {
- this.words = (res.data && res.data.records || []).map(item => {
- return {
- ...item,
- randomnum: Math.floor(Math.random() * 10) + Math.floor(Math.random() * 30)
- }
- })
- }
- })
+
+
//公告
this.$http.request('get', '/api/ua/announcement/list', {
params: {
@@ -311,89 +237,33 @@
},
methods: {
-
+ buttonSearchFlow() {
+ console.log('buttonSearchFlow')
+ },
pop(status) {
this.hide_footer = !!status
},
changeBanner(e) {
this.currentBanner = e.detail.current
},
- changeTab(e) {
- // this.tabIndex
- if (e == 2) {
- this.$nextTick(() => {
- this.$refs.homegoods.updateGoods()
- })
- }
- if (e == 0) {
- //团购
- // tripList:[],
- // :[],
- //可能没必要重复了先，todo
- this.$http.request('get', '/api/buy/customer/group/list', {
- params: {
- size: 4,
- status: 'A'
- }
- }).then(res => {
- if (res.code == 0) {
- this.tuangouList = res.data.records || []
- }
- })
- }
- if (e == 1) {
- this.$http.request('get', '/api/trip/customer/list', {
- params: {
- size: 3,
- status: 'J'
- }
- }).then(res => {
- if (res.code == 0) {
- this.tripList = res.data.records || []
- }
- })
- }
- // console.log('changeTab',e)
- // updateGoods
- //
- },
+
getNoticeMore() {
- if (this.currentNotice.id) {
- // uni.navigateTo({
- // url: '/pages/notice/notice?id=' + this.currentNotice.id
- // })
- }
uni.navigateTo({
url: '/pages/notice/list?id=' + this.currentNotice.id
})
},
PickerChangeSchool(e) {
if (e.detail.value == '-1') {
- this.$message.showToast('未选择校区')
+ this.$message.showToast('未选择位置')
return
}
console.log(' this.schools', this.schools, parseInt(e.detail.value), e);
- // this.setData({
- // index: e.detail.value,
- // schoolInfo: this.school[parseInt(e.detail.value)],
- // s_id: this.school[parseInt(e.detail.value)].s_id,
- // current: 0
- // });
- this.schoolIndex = parseInt(e.detail.value)
- uni.setStorageSync('schoolId', this.schools[parseInt(e.detail.value)].id);
- uni.setStorageSync('schoolIndex', parseInt(e.detail.value));
- // if (uni.getStorageSync('token')) {
- // this.userChangeSchool(this.school[parseInt(e.detail.value)].s_id)
- // }
- // this.getSchoolInfo(this.school[parseInt(e.detail.value)].s_id);
- // this.getSysparment(); //全局加载变量设置为真，信息圈的列表需要重新加载
- // // this.getOrderData();
- // // this.getHistoryList();
- // this.getRank();
- // this.setData({
- // dataList: []
- // });
+
+ this.areaIndex = parseInt(e.detail.value)
+ uni.setStorageSync('areaId', this.schools[parseInt(e.detail.value)].id);
+ uni.setStorageSync('areaIndex', parseInt(e.detail.value));
+
},
}
--
Gitblit v1.9.3