|
@@ -1,20 +1,23 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="group-box iPhone-bottom box-border-box flex-common-css">
|
|
<view class="group-box iPhone-bottom box-border-box flex-common-css">
|
|
|
- <Nav class="nav-b" title='团购专区'></Nav>
|
|
|
|
|
|
|
+ <Nav class="nav-b" title='团购专区' bgckgroundBox='transparent' leftColor='#fff' titleColor='#fff'></Nav>
|
|
|
|
|
+ <image class="group-bg" src="@/static/img/group/bg.png" mode=""></image>
|
|
|
<scroll-view :scroll-y="true" class="scroll-view-box" @scroll='scroll' @scrolltolower="scrolltolower"
|
|
<scroll-view :scroll-y="true" class="scroll-view-box" @scroll='scroll' @scrolltolower="scrolltolower"
|
|
|
:scroll-top='scroll_top' :scroll-with-animation="false">
|
|
:scroll-top='scroll_top' :scroll-with-animation="false">
|
|
|
<view class="">
|
|
<view class="">
|
|
|
<view class="box-border-box p-12-24 search-box">
|
|
<view class="box-border-box p-12-24 search-box">
|
|
|
<view class="head-search align-items-center">
|
|
<view class="head-search align-items-center">
|
|
|
<!-- <uni-icons class="s-icon" type="search" size="19"></uni-icons> -->
|
|
<!-- <uni-icons class="s-icon" type="search" size="19"></uni-icons> -->
|
|
|
- <image class="wh-32" src="@/static/img/index/ss.png" mode=""></image>
|
|
|
|
|
- <input class="input" v-model="fromData.search" type="text" placeholder="搜一搜">
|
|
|
|
|
- <view class="head-search-buttom text-align-center fs-28 fw-500 fc-f" @click="searchFun()">搜索
|
|
|
|
|
|
|
+ <image class="wh-32" src="@/static/img/group/ss.png" mode=""></image>
|
|
|
|
|
+ <input class="input" v-model="fromData.search" type="text" placeholder="请输入搜索关键字"
|
|
|
|
|
+ placeholder-class="fs-24">
|
|
|
|
|
+ <view class="head-search-buttom text-align-center fs-28 fw-400 fc-f" @click="searchFun()">搜索
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="p-12-24 box-border-box class-b">
|
|
|
|
|
- <view class="display-flex p-24 box-border-box nav-list bgc-f b-rad-16 mb-12">
|
|
|
|
|
|
|
+ <view class="p-12-30 box-border-box class-b">
|
|
|
|
|
+
|
|
|
|
|
+<!-- <view class="display-flex p-24 box-border-box nav-list bgc-f b-rad-16 mb-12">
|
|
|
<view class="text-align-center nav-item" v-for="(item,i) in navList" :key="i"
|
|
<view class="text-align-center nav-item" v-for="(item,i) in navList" :key="i"
|
|
|
@click="selectType(item.id)">
|
|
@click="selectType(item.id)">
|
|
|
<image class="nav-img" :src="item.img" mode="scaleToFill"></image>
|
|
<image class="nav-img" :src="item.img" mode="scaleToFill"></image>
|
|
@@ -22,7 +25,7 @@
|
|
|
:class="fromData.category_id == item.id?'fw-600 fc-41ABF5':'fw-400'">{{item.name}}
|
|
:class="fromData.category_id == item.id?'fw-600 fc-41ABF5':'fw-400'">{{item.name}}
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view> -->
|
|
|
</view>
|
|
</view>
|
|
|
<view class="p-12-24 box-border-box sift-box align-items-center" :class="siftType?'bgc-f':''"
|
|
<view class="p-12-24 box-border-box sift-box align-items-center" :class="siftType?'bgc-f':''"
|
|
|
@touchmove.stop.prevent="stopScroll">
|
|
@touchmove.stop.prevent="stopScroll">
|
|
@@ -105,11 +108,7 @@
|
|
|
orderBy: 0,
|
|
orderBy: 0,
|
|
|
page: 1
|
|
page: 1
|
|
|
},
|
|
},
|
|
|
- navList: [{
|
|
|
|
|
- name: "全部",
|
|
|
|
|
- id: 0,
|
|
|
|
|
- img: require('@/static/img/buy/t-all.png')
|
|
|
|
|
- }],
|
|
|
|
|
|
|
+ navList: [],
|
|
|
siftType: false, // 粘性状态
|
|
siftType: false, // 粘性状态
|
|
|
siftClassID: 0, // 粘性样式Id
|
|
siftClassID: 0, // 粘性样式Id
|
|
|
scrollTopNum: 0, //当前滚动条高度
|
|
scrollTopNum: 0, //当前滚动条高度
|
|
@@ -274,17 +273,12 @@
|
|
|
getGroup() {
|
|
getGroup() {
|
|
|
let operate_id = uni.getStorageSync('operate_id');
|
|
let operate_id = uni.getStorageSync('operate_id');
|
|
|
let school_id = uni.getStorageSync('school_id');
|
|
let school_id = uni.getStorageSync('school_id');
|
|
|
- this.navList = {
|
|
|
|
|
- name: "全部",
|
|
|
|
|
- id: 0,
|
|
|
|
|
- img: require('@/static/img/buy/t-all.png')
|
|
|
|
|
- }
|
|
|
|
|
getGroup({
|
|
getGroup({
|
|
|
operate_id: operate_id,
|
|
operate_id: operate_id,
|
|
|
school_id: school_id
|
|
school_id: school_id
|
|
|
}).then((res) => {
|
|
}).then((res) => {
|
|
|
if (res.code === 1) {
|
|
if (res.code === 1) {
|
|
|
- this.navList = [this.navList, ...res.data]
|
|
|
|
|
|
|
+ this.navList = [...res.data]
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
@@ -308,11 +302,13 @@
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
- .select-box {}
|
|
|
|
|
-
|
|
|
|
|
- .distance-box {}
|
|
|
|
|
-
|
|
|
|
|
- .sort-box {}
|
|
|
|
|
|
|
+ .group-bg {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 188rpx;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
.distance-label {
|
|
.distance-label {
|
|
|
width: 32%;
|
|
width: 32%;
|
|
@@ -422,7 +418,9 @@
|
|
|
transition: all .5s ease;
|
|
transition: all .5s ease;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .group-box {}
|
|
|
|
|
|
|
+ .group-box {
|
|
|
|
|
+ background: #FF3D19;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
.nav-list {
|
|
.nav-list {
|
|
|
overflow-x: scroll;
|
|
overflow-x: scroll;
|
|
@@ -443,6 +441,7 @@
|
|
|
|
|
|
|
|
.head-search {
|
|
.head-search {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
+ height: 80rpx;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -465,19 +464,19 @@
|
|
|
.head-search-buttom {
|
|
.head-search-buttom {
|
|
|
width: 120rpx;
|
|
width: 120rpx;
|
|
|
height: 60rpx;
|
|
height: 60rpx;
|
|
|
- background: linear-gradient(90deg, #2CE6F8 0%, #41ABF5 100%);
|
|
|
|
|
- border-radius: 200rpx;
|
|
|
|
|
|
|
+ background: linear-gradient(-90deg, #FF7D2D, #F54F1D);
|
|
|
|
|
+ border-radius: 30rpx;
|
|
|
line-height: 60rpx;
|
|
line-height: 60rpx;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- right: 6rpx;
|
|
|
|
|
- top: 6rpx;
|
|
|
|
|
|
|
+ right: 12rpx;
|
|
|
|
|
+ top: 10rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.wh-32 {
|
|
.wh-32 {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- left: 24rpx;
|
|
|
|
|
- top: 20rpx;
|
|
|
|
|
- width: 32rpx;
|
|
|
|
|
- height: 32rpx;
|
|
|
|
|
|
|
+ left: 31rpx;
|
|
|
|
|
+ top: 27rpx;
|
|
|
|
|
+ width: 26rpx;
|
|
|
|
|
+ height: 26rpx;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|