py 1 год назад
Родитель
Сommit
6f80ac9d67

+ 9 - 0
common/css/common.css

@@ -176,9 +176,11 @@ image {
 .letter-spacing-6 {
 	letter-spacing: 6rpx;
 }
+
 .letter-spacing-3 {
 	letter-spacing: 3rpx;
 }
+
 .flex-1 {
 	flex: 1;
 }
@@ -420,9 +422,11 @@ image {
 .b-b-F9F9F9 {
 	border-bottom: 1rpx solid #F9F9F9;
 }
+
 .b-b-999 {
 	border-bottom: 1rpx solid #999;
 }
+
 .b-r-ccc {
 	border: 1rpx solid #ccc;
 }
@@ -510,6 +514,10 @@ image {
 	padding: 0 24rpx;
 }
 
+.p-12-30 {
+	padding: 12rpx 30rpx;
+}
+
 .plr-32 {
 	padding: 0 32rpx;
 }
@@ -581,6 +589,7 @@ image {
 .mr-8 {
 	margin-right: 8rpx;
 }
+
 .mr-10 {
 	margin-right: 10rpx;
 }

+ 2 - 2
components/en-utils/en-nav/en-nav.vue

@@ -7,8 +7,8 @@
 		  'align-items-center':!customNav,
 		  }" :style="[{'height': customBarH + 'px', 'padding-top': statusBarH + 'px','background':bgckgroundBox}]">
 				<view @tap="goBack" v-if="leftShow">
-					<!-- <uni-icons type="left" :color="leftColor" size="18"  ></uni-icons> -->
-					<image class="toLeft" src="@/static/img/toLeft.png" mode=""></image>
+					<uni-icons type="left" :color="leftColor" size="18"  ></uni-icons>
+					<!-- <image class="toLeft" src="@/static/img/toLeft.png" mode=""></image> -->
 				</view>
 				<view v-if="!customNav" :style="[{'color': titleColor}]" class="title-text">{{title}}</view>
 				<view v-else class="">

+ 31 - 32
pages-buy/group.vue

@@ -1,20 +1,23 @@
 <template>
 	<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-top='scroll_top' :scroll-with-animation="false">
 			<view class="">
 				<view class="box-border-box p-12-24 search-box">
 					<view class="head-search align-items-center">
 						<!-- <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 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"
 							@click="selectType(item.id)">
 							<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}}
 							</view>
 						</view>
-					</view>
+					</view> -->
 				</view>
 				<view class="p-12-24 box-border-box sift-box align-items-center" :class="siftType?'bgc-f':''"
 					@touchmove.stop.prevent="stopScroll">
@@ -105,11 +108,7 @@
 					orderBy: 0,
 					page: 1
 				},
-				navList: [{
-					name: "全部",
-					id: 0,
-					img: require('@/static/img/buy/t-all.png')
-				}],
+				navList: [],
 				siftType: false, // 粘性状态
 				siftClassID: 0, // 粘性样式Id
 				scrollTopNum: 0, //当前滚动条高度
@@ -274,17 +273,12 @@
 			getGroup() {
 				let operate_id = uni.getStorageSync('operate_id');
 				let school_id = uni.getStorageSync('school_id');
-				this.navList = {
-					name: "全部",
-					id: 0,
-					img: require('@/static/img/buy/t-all.png')
-				}
 				getGroup({
 					operate_id: operate_id,
 					school_id: school_id
 				}).then((res) => {
 					if (res.code === 1) {
-						this.navList = [this.navList, ...res.data]
+						this.navList = [...res.data]
 					}
 				})
 			},
@@ -308,11 +302,13 @@
 </script>
 
 <style scoped lang="scss">
-	.select-box {}
-
-	.distance-box {}
-
-	.sort-box {}
+	.group-bg {
+		width: 100%;
+		height: 188rpx;
+		position: absolute;
+		left: 0;
+		top: 0;
+	}
 
 	.distance-label {
 		width: 32%;
@@ -422,7 +418,9 @@
 		transition: all .5s ease;
 	}
 
-	.group-box {}
+	.group-box {
+		background: #FF3D19;
+	}
 
 	.nav-list {
 		overflow-x: scroll;
@@ -443,6 +441,7 @@
 
 	.head-search {
 		width: 100%;
+		height: 80rpx;
 		position: relative;
 	}
 
@@ -465,19 +464,19 @@
 	.head-search-buttom {
 		width: 120rpx;
 		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;
 		position: absolute;
-		right: 6rpx;
-		top: 6rpx;
+		right: 12rpx;
+		top: 10rpx;
 	}
 
 	.wh-32 {
 		position: absolute;
-		left: 24rpx;
-		top: 20rpx;
-		width: 32rpx;
-		height: 32rpx;
+		left: 31rpx;
+		top: 27rpx;
+		width: 26rpx;
+		height: 26rpx;
 	}
 </style>

+ 2 - 2
pages.json

@@ -455,8 +455,8 @@
 		"current": 0,
 		"list": [{
 				"name": "列表调试",
-				"path": "pages-buy/group-goods-info",
-				"query": "shop_id=23&goods_id=7&shop_name=冒菜冒菜"
+				"path": "pages-buy/group",
+				"query": ""
 			},
 			{
 				"name": "店铺详情",

BIN
static/img/group/bg.png


BIN
static/img/group/dyyc.png


BIN
static/img/group/fl-bg.png


BIN
static/img/group/jdrz.png


BIN
static/img/group/lrmf.png


BIN
static/img/group/mstj.png


BIN
static/img/group/ss.png


BIN
static/img/group/syxz.png


BIN
static/img/group/xhdg.png


BIN
static/img/group/xxyl.png


BIN
static/img/group/ypxc.png


BIN
static/img/group/zkbg.png