嗡嗡嗡

App.vue

@@ -31,9 +31,10 @@
 <style lang="scss">
 	/*每个页面公共css */
 	@import "uview-ui/index.scss";
+	@import 'common/box.scss';
 
 	page {
 		font-size: 28rpx;
-		background: #DDDDDD;
+		background: #F7F7F7;
 	}
 </style>

common/box.scss

@@ -1,4 +1,6 @@
 .content {
 		margin: 0 4%;
-
+	}
+.flex-box {
+		display: flex;	
 	}

components/sl-filter/filter-view.vue

@@ -0,0 +1,513 @@
+<template>
+
+	<view>
+		<view style="padding: 0px 0px;">
+			<view class="filter-content" v-for="(item, index) in menuList" :key="index" v-if="menuIndex == index">
+				<view v-if="item.isSort">
+					<view class="filter-content-list">
+						<view v-for="(detailItem,idx) in selectDetailList" :key="idx"
+							:class="detailItem.isSelected?'filter-content-list-item-active':'filter-content-list-item-default'"
+							:style="{'color': detailItem.isSelected?themeColor:'#666666'}"
+							@tap="sortTap(idx,selectDetailList,item.key)">
+							<text>{{detailItem.title}}</text>
+						</view>
+					</view>
+				</view>
+				<view v-else>
+					<view class="filter-content-title" v-if="item.detailTitle && item.detailTitle.length">
+						<text>{{item.detailTitle}}</text>
+					</view>
+					<scroll-view scroll-y style="height: 300rpx;" class="filter-content-detail">
+						<!-- 	<text v-for="(detailItem,idx) in selectDetailList" :key="idx" class='filter-content-detail-item-default' :style="{'background-color':detailItem.isSelected?themeColor:'#FFFFFF','color':detailItem.isSelected?'#FFFFFF':'#666666'}"
+						 @tap="itemTap(idx,selectDetailList,item.isMutiple,item.key)">
+							{{detailItem.title}}
+						</text> -->
+						<view v-for="(detailItem,idx) in selectDetailList" :key="idx">
+							<view>
+								{{detailItem.title}}
+							</view>
+							<view v-for="(childrenItem,id) in detailItem.children"
+								class='filter-content-detail-item-default'
+								:style="{'background-color':childrenItem.isSelected?themeColor:'#FFFFFF','color':detailItem.children.isSelected?'#FFFFFF':'#666666'}"
+								@tap="itemTap(id,detailItem.children,item.isMutiple,item.key)">
+								<text>{{childrenItem.value}}</text>
+							</view>
+						</view>
+
+
+
+					</scroll-view>
+					<view class="filter-content-footer">
+						<view class="filter-content-footer-item" style="color: #777777; background-color: #FFFFFF;"
+							@tap="resetClick(selectDetailList,item.key)">
+							<text>重置</text>
+						</view>
+						<view class="filter-content-footer-item"
+							:style="{'color': '#FFFFFF', 'background-color': themeColor}" @tap="sureClick">
+							<text>确定</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				selectArr: [],
+				result: {},
+				menuIndex: 0,
+				selectDetailList: [],
+				independenceObj: {},
+				selectedKey: '',
+				cacheSelectedObj: {},
+				defaultSelectedTitleObj: {}
+			};
+		},
+		props: {
+			themeColor: {
+				type: String,
+				default () {
+					return '#D1372C'
+				}
+			},
+			menuList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			independence: {
+				type: Boolean,
+				default: false
+			}
+		},
+		computed: {
+			selectedTitleObj() {
+				let obj = {}
+				for (let i = 0; i < this.menuList.length; i++) {
+					let item = this.menuList[i];
+					obj[item.key] = item.title;
+				}
+				return obj;
+			},
+			defaultSelectedObj() { // 保存初始状态
+				return this.getSelectedObj()
+			},
+			selectedObj: {
+				get() {
+					return this.getSelectedObj()
+				},
+				set(newObj) {
+					return newObj;
+				}
+
+			}
+		},
+		mounted() {
+			this.getSelectedObj();
+			this.sureClick();
+		},
+		methods: {
+			getSelectedObj() {
+				let obj = {}
+				for (let i = 0; i < this.menuList.length; i++) {
+					let item = this.menuList[i];
+					if (!this.independence && item.defaultSelectedIndex != null && item.defaultSelectedIndex.toString()
+						.length > 0) { // 处理并列菜单默认值
+
+						if (item.isMutiple) {
+							obj[item.key] = [];
+							item.detailList[0].isSelected = false;
+							if (!Array.isArray(item.defaultSelectedIndex)) { // 如果默认值不是数组
+								item.defaultSelectedIndex = [item.defaultSelectedIndex];
+							}
+							for (let j = 0; j < item.defaultSelectedIndex.length; j++) { // 将默认选中的值放入selectedObj
+								item.detailList[item.defaultSelectedIndex[j]].isSelected = true;
+								obj[item.key].push(item.detailList[item.defaultSelectedIndex[j]].value)
+							}
+
+						} else {
+							obj[item.key] = item.detailList[item.defaultSelectedIndex].value;
+							this.selectedTitleObj[item.key] = item.detailList[item.defaultSelectedIndex].title;
+							this.defaultSelectedTitleObj[item.key] = item.detailList[item.defaultSelectedIndex].title;
+							item.detailList[0].isSelected = false;
+							item.detailList[item.defaultSelectedIndex].isSelected = true;
+						}
+					} else {
+						if (item.isMutiple) {
+							obj[item.key] = [];
+						} else {
+							obj[item.key] = item.detailList[0].value;
+						}
+					}
+				}
+				this.result = obj;
+				console.log(obj, "77777")
+				return obj;
+			},
+			// 重置所有选项，包括默认选项，并更新result
+			resetAllSelect(callback) {
+				let titles = [];
+				for (let i = 0; i < this.menuList.length; i++) {
+					this.resetSelected(this.menuList[i].detailList, this.menuList[i].key);
+					titles[this.menuList[i].key] = this.menuList[i].title;
+				}
+				let obj = {
+					'result': this.result,
+					'titles': titles,
+					'isReset': true
+				}
+				console.log(this.result)
+				this.$emit("confirm", obj);
+				callback(this.result);
+			},
+			// 重置选项为设置的默认值，并更新result
+			resetSelectToDefault(callback) {
+				for (let i = 0; i < this.menuList.length; i++) {
+					this.selectDetailList = this.menuList[i].detailList;
+
+					if (this.menuList[i].defaultSelectedIndex) {
+						if (Array.isArray(this.menuList[i].defaultSelectedIndex)) { // 把所有默认的为false的点为true
+							for (let j = 0; j < this.menuList[i].defaultSelectedIndex.length; j++) {
+								if (this.selectDetailList[this.menuList[i].defaultSelectedIndex[j]].isSelected == false) {
+									this.itemTap(this.menuList[i].defaultSelectedIndex[j], this.selectDetailList, this
+										.menuList[i].isMutiple, this
+										.menuList[i].key)
+								}
+							}
+						} else {
+							this.itemTap(this.menuList[i].defaultSelectedIndex, this.selectDetailList, this.menuList[i]
+								.isMutiple, this.menuList[
+									i].key)
+						}
+
+						// 获取非默认项的下标
+						let unDefaultSelectedIndexArr = this.getUnDefaultSelectedIndex(this.menuList[i])
+						// 把所有不是默认的为true的点为false
+						for (let j = 0; j < unDefaultSelectedIndexArr.length; j++) {
+							if (this.selectDetailList[unDefaultSelectedIndexArr[j]].isSelected == true) {
+								this.itemTap(unDefaultSelectedIndexArr[j], this.selectDetailList, this.menuList[i]
+									.isMutiple, this
+									.menuList[i].key)
+							}
+						}
+					}
+
+
+				}
+
+				this.selectedObj = this.defaultSelectedObj;
+
+				this.result = this.defaultSelectedObj;
+				console.log(this.result)
+				let obj = {
+					'result': this.result,
+					'titles': this.defaultSelectedTitleObj,
+					'isReset': true
+				}
+				this.$emit("confirm", obj);
+				callback(this.result)
+			},
+			getUnDefaultSelectedIndex(menuListItem) { // 获取非默认项
+				let tempDefault = menuListItem.defaultSelectedIndex;
+				if (!Array.isArray(tempDefault)) {
+					tempDefault = [tempDefault];
+				}
+				// 获取所有项的下标 组成新的数组
+				let all = [];
+				for (let i = 0; i < menuListItem.detailList.length; i++) {
+					all.push(i)
+				}
+				// 将默认选中的数组与所有项的数组的不同值合并为一个新数组
+				var unDefaultSelectedIndex = tempDefault.filter(function(v) {
+					return !(all.indexOf(v) > -1)
+				}).concat(all.filter(function(v) {
+					return !(tempDefault.indexOf(v) > -1)
+				}));
+				return unDefaultSelectedIndex;
+			},
+			resetMenuList(val) {
+				this.menuList = val;
+				this.$emit('update:menuList', val)
+			},
+			menuTabClick(index) {
+				this.menuIndex = index;
+				this.selectDetailList = this.menuList[index].detailList;
+				this.selectedKey = this.menuList[index].key;
+				// 如果是独立菜单
+				if (this.independence && !this.menuList[index].isSort) {
+					if (JSON.stringify(this.independenceObj) == '{}') {
+						this.initIndependenceObj(index);
+					} else {
+						for (let key in this.independenceObj) {
+							if (key != this.selectedKey) {
+								this.initIndependenceObj(index);
+								this.resetSelected(this.menuList[index].detailList, this.selectedKey);
+							}
+						}
+					}
+
+				}
+				if (this.independence && this.menuList[index].isSort) {
+
+					this.independenceObj = {};
+
+
+				}
+				if (this.independence) {
+					let idx = this.menuList[index].defaultSelectedIndex;
+					if (idx != null && idx.toString().length > 0) { // 处理独立菜单默认值
+						if (this.menuList[index].isMutiple) {
+							for (let i = 0; i < idx.length; i++) {
+								if (this.menuList[index].detailList[idx[i]].isSelected == false) {
+									this.itemTap(idx[i], this.menuList[index].detailList, true, this.selectedKey);
+								}
+
+							}
+						} else {
+							if (this.menuList[index].detailList[idx].isSelected == false) {
+
+								this.itemTap(idx, this.menuList[index].detailList, false, this.selectedKey);
+
+							}
+						}
+
+					}
+				}
+
+
+				// #ifdef H5
+				this.selectedObj = this.selectedObj;
+				this.$forceUpdate();
+				// #endif
+			},
+			initIndependenceObj(index) {
+				this.independenceObj = {};
+				if (this.menuList[index].isMutiple) {
+					this.independenceObj[this.selectedKey] = [];
+				} else {
+					this.independenceObj[this.selectedKey] = '';
+				}
+			},
+			itemTap(index, list, isMutiple, key) {
+				if (isMutiple == true) {
+					list[index].isSelected = !list[index].isSelected;
+					// this.resetSelected(list, key)
+					// if (!this.independence) {
+					// 	this.selectedTitleObj[key] = list[index].title;
+					// }
+
+					// list[0].isSelected = false
+					if (list[index].isSelected) {
+						console.log("777")
+						if (this.independence) {
+							this.independenceObj[this.selectedKey].push(list[index].id);
+						} else {
+							this.selectedObj[key].push(list[index].id);
+						}
+					} else {
+						list[index].isSelected = false;
+						if (this.independence) {
+							var idx = this.independenceObj[this.selectedKey].indexOf(list[index].value);
+							this.independenceObj[this.selectedKey].splice(idx, 1);
+						} else {
+							var idx = this.selectedObj[key].indexOf(list[index].value);
+							this.selectedObj[key].splice(idx, 1);
+						}
+
+					}
+					if (this.independence) {
+						this.result = this.independenceObj;
+					} else {
+						this.result = this.selectedObj;
+					}
+
+
+				} else {
+					if (index == 0) {
+						this.resetSelected(list, key)
+						if (!this.independence) {
+							this.selectedTitleObj[key] = list[index].title;
+						}
+					} else {
+						list[0].isSelected = false
+						if (this.independence) {
+							this.independenceObj[this.selectedKey] = list[index].value;
+							this.result = this.independenceObj;
+						} else {
+							this.selectedObj[key] = list[index].value;
+							this.result = this.selectedObj;
+							this.selectedTitleObj[key] = list[index].title;
+						}
+
+						for (let i = 0; i < list.length; i++) {
+							if (index == i) {
+								list[i].isSelected = true
+							} else {
+								list[i].isSelected = false
+							}
+						}
+					}
+				}
+				// #ifdef H5
+				this.$forceUpdate();
+				// #endif
+			},
+			resetSelected(list, key) {
+				console.log(list, "ressss")
+				if (typeof this.result[key] == 'object') {
+					this.result[key] = [];
+					this.selectedTitleObj[key] = list[0].title;
+				} else {
+					this.result[key] = '';
+					this.selectedTitleObj[key] = list[0].title;
+				}
+				// for (let i = 0; i < list.length; i++) {
+				// 	list[i].isSelected = false;
+				// }
+				list.forEach(item => {
+					item.children.forEach(item1 => {
+						item1.isSelected = false;
+					})
+				})
+				// #ifdef H5
+				this.$forceUpdate();
+				// #endif
+			},
+			sortTap(index, list, key) {
+				if (this.independence) {
+
+					this.independenceObj[this.selectedKey] = list[index].value;
+					this.result = this.independenceObj;
+				} else {
+					this.selectedObj[key] = list[index].value;
+					this.result = this.selectedObj;
+					this.selectedTitleObj[key] = list[index].title;
+				}
+
+				for (let i = 0; i < list.length; i++) {
+					if (index == i) {
+						list[i].isSelected = true;
+					} else {
+						list[i].isSelected = false;
+					}
+				}
+				let obj = {
+					'result': this.result,
+					'titles': this.selectedTitleObj,
+					'isReset': false
+				}
+				this.$emit("confirm", obj);
+			},
+			sureClick() {
+				console.log("44444")
+				// if(this.selectDetailList[0].isSelected){
+				// 	this.result[0] = 
+				// }
+				let obj = {
+					'result': this.result,
+					'titles': this.selectedTitleObj,
+					'isReset': false
+				}
+				console.log(this.result)
+				this.$emit("confirm", obj);
+			},
+			resetClick(list, key) {
+				this.resetSelected(list, key)
+			}
+		}
+	}
+</script>
+
+<style>
+	.filter-content {
+		background-color: #F6F7F8;
+	}
+
+	.filter-content-title {
+		border-bottom: #EEEEEE 1px solid;
+		padding: 10px 15px;
+		font-size: 13px;
+		color: #999999;
+	}
+
+	.filter-content-detail {
+		padding: 5px 15px;
+	}
+
+	.filter-content-detail-item-active {
+		background-color: #D1372C;
+		color: #FFFFFF;
+		padding: 5px 15px;
+		border-radius: 20px;
+		margin-right: 10px;
+		margin-top: 10px;
+		display: inline-block;
+		font-size: 14px;
+	}
+
+	.filter-content-detail-item-default {
+		background-color: #FFFFFF;
+		color: #666666;
+		padding: 5px 15px;
+		border-radius: 20px;
+		margin-right: 10px;
+		margin-top: 10px;
+		display: inline-block;
+		font-size: 14px;
+	}
+
+	.filter-content-footer {
+		display: flex;
+		justify-content: space-between;
+		width: 100%;
+		height: 45px;
+		margin-top: 10px;
+	}
+
+	.filter-content-footer-item {
+		width: 50%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 16px;
+	}
+
+	.filter-content-list {
+		text-align: center;
+		padding: 5px 15px;
+	}
+
+	.filter-content-list-item-default {
+		color: #666666;
+		width: 100%;
+		padding: 10px 0px;
+	}
+
+	.filter-content-list-item-default text {
+		width: 90%;
+		font-size: 14px;
+		display: inline-block;
+	}
+
+	.filter-content-list-item-active {
+		color: #D1372C;
+		width: 100%;
+		padding: 10px 0px;
+	}
+
+	.filter-content-list-item-active text {
+		font-size: 14px;
+
+		display: inline-block;
+	}
+
+	.filter-content-list-item-active:after {
+		content: '✓';
+	}
+</style>

components/sl-filter/popup-layer.vue

@@ -0,0 +1,123 @@
+<template>
+	<scroll-view scroll-y v-show="ifshow" @tap="ableClose" @touchmove.stop.prevent class="popup-layer">
+		<view ref="popRef" class="popup-content" @tap.stop="stopEvent" :style="_location">
+			<slot></slot>
+		</view>
+	</scroll-view>
+</template>
+
+<script>
+	export default {
+		name: 'popup-layer',
+		props: {
+			direction: {
+				type: String,
+				default: 'top', // 方向  top，bottom，left，right 
+			},
+			autoClose: {
+				type: Boolean,
+				default: true,
+			},
+			isTransNav: {
+				type: Boolean,
+				default: false
+			},
+			navHeight: {
+				type: Number,
+				default: 0
+			}
+		},
+		data() {
+			return {
+				ifshow: false, // 是否展示,
+				translateValue: -100, // 位移距离
+				timer: null,
+				iftoggle: false,
+			};
+		},
+		computed: {
+			_translate() {
+				if (this.isTransNav) {
+					const transformObj = {
+						'top': `transform:translateY(${-this.translateValue}%)`,
+						'bottom': `transform:translateY(calc(${this.translateValue}% + ${this.navHeight}px))`,
+						'left': `transform:translateX(${-this.translateValue}%)`,
+						'right': `transform:translateX(${this.translateValue}%)`
+					};
+					return transformObj[this.direction]
+				} else {
+					const transformObj = {
+						'top': `transform:translateY(${-this.translateValue}%)`,
+						'bottom': `transform:translateY(${this.translateValue}%)`,
+						'left': `transform:translateX(${-this.translateValue}%)`,
+						'right': `transform:translateX(${this.translateValue}%)`
+					};
+					return transformObj[this.direction]
+				}
+
+			},
+			_location() {
+				const positionValue = {
+					'top': 'bottom:0px;width:100%;',
+					'bottom': 'top:0px;width:100%;',
+					'left': 'right:0px;height:100%;',
+					'right': 'left:0px;height:100%;',
+				};
+				return positionValue[this.direction] + this._translate;
+			}
+		},
+		methods: {
+			show() {
+				let _this = this;
+				this.ifshow = true;
+				let _open = setTimeout(() => {
+					this.translateValue = 0;
+					_open = null;
+				}, 100)
+				let _toggle = setTimeout(() => {
+					this.iftoggle = true;
+					_toggle = null;
+				}, 300);
+			},
+			close() {
+				if (this.timer !== null || !this.iftoggle) {
+					return;
+				}
+				this.translateValue = -100 - this.navHeight;
+
+				this.timer = setTimeout(() => {
+					this.ifshow = false;
+					this.timer = null;
+					this.iftoggle = false;
+				}, 300);
+				this.$emit("close")
+			},
+			ableClose() {
+				if (this.autoClose) {
+					this.close();
+				}
+			},
+			stopEvent(event) {},
+		}
+	}
+</script>
+
+<style>
+	.popup-layer {
+		position: absolute;
+		z-index: 999999;
+		background: rgba(0, 0, 0, .3);
+		/* height: calc(100% - 50px); */
+		height: 1000px;
+		width: 100%;
+		left: 0px;
+		overflow: hidden;
+	}
+
+	.popup-content {
+		position: absolute;
+		z-index: 1000000;
+		background: #FFFFFF;
+		transition: all .3s ease;
+	}
+</style>

components/sl-filter/sl-filter.vue

@@ -0,0 +1,328 @@
+<template>
+	<view class="content1">
+		<view :style="{height: tabHeight + 1 +'px'}">
+			<view :class="topFixed?'select-tab-fixed-top':'select-tab'" :style="{height: tabHeight+'px'}">
+				<view class="select-tab-item" :style="{width: itemWidth}" v-for="(item,index) in titleList" :key="index"
+					@tap="showMenuClick(index)">
+					<text v-if="item.title == '成功对接企业高到底'" :style="{color:color}"
+						:class="statusList[index].isActive?'active':''">排序</text>
+					<text v-else :style="{color:color}"
+						:class="statusList[index].isActive?'active':''">{{sub(item.title)}}</text>
+					<text class="arrows sl-font" :class="statusList[index].isActive?up:down"></text>
+				</view>
+				<view class="select-tab-item" @click="changeVideo">
+					<image style="width: 50rpx; height: 50rpx;"
+						:src=" chanheIcon ? '/static/video.png' :'/static/list.png'"></image>
+				</view>
+
+			</view>
+		</view>
+		<popup-layer ref="popupRef" :direction="'bottom'" @close="close" :isTransNav="isTransNav" :navHeight="navHeight"
+			:tabHeight="tabHeight">
+			<sl-filter-view :ref="'slFilterView'" :independence="independence" :themeColor="themeColor"
+				:menuList.sync="menuListTemp" ref="slFilterView" @confirm="filterResult"></sl-filter-view>
+		</popup-layer>
+	</view>
+
+</template>
+
+<script>
+	import popupLayer from '@/components/sl-filter/popup-layer.vue';
+	import slFilterView from '@/components/sl-filter/filter-view.vue';
+	export default {
+		components: {
+			popupLayer,
+			slFilterView
+		},
+		props: {
+			menuList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			themeColor: {
+				type: String,
+				default () {
+					return '#000000'
+				}
+			},
+			color: {
+				type: String,
+				default () {
+					return '#666666'
+				}
+			},
+			independence: {
+				type: Boolean,
+				default: false
+			},
+			isTransNav: {
+				type: Boolean,
+				default: false
+			},
+			navHeight: {
+				type: Number,
+				default: 0
+			},
+			topFixed: {
+				type: Boolean,
+				default: false
+			}
+		},
+
+		computed: {
+			itemWidth() {
+				return 'calc(100%/2)'
+			},
+			menuListTemp: {
+				get() {
+					return this.getMenuListTemp();
+				},
+				set(newObj) {
+					return newObj;
+				}
+			},
+			sub() {
+				return function(data) {
+					return data.substring(0, 4)
+				}
+			}
+
+		},
+		// #ifndef H5
+		onReady: function() {
+			let arr = [];
+			let titleArr = [];
+			let r = {};
+			for (let i = 0; i < this.menuList.length; i++) {
+				arr.push({
+					'isActive': false
+				});
+				// titleArr.push({
+				// 	'title': this.menuList[i].title,
+				// 	'key': this.menuList[i].key
+				// })
+
+				r[this.menuList[i].key] = this.menuList[i].title;
+
+				if (this.menuList[i].reflexTitle && this.menuList[i].defaultSelectedIndex > -1) {
+					titleArr.push({
+						'title': this.menuList[i].detailList[this.menuList[i].defaultSelectedIndex].title,
+						'key': this.menuList[i].key
+					})
+				} else {
+					titleArr.push({
+						'title': this.menuList[i].title,
+						'key': this.menuList[i].key
+					})
+				}
+
+			}
+			this.statusList = arr;
+			this.titleList = titleArr;
+			this.tempTitleObj = r;
+		},
+		// #endif
+
+		// #ifdef H5
+		created: function() {
+			let arr = [];
+			let titleArr = [];
+			let r = {};
+			for (let i = 0; i < this.menuList.length; i++) {
+				arr.push({
+					'isActive': false
+				});
+				// titleArr.push({
+				// 	'title': this.menuList[i].title,
+				// 	'key': this.menuList[i].key
+				// });
+				r[this.menuList[i].key] = this.menuList[i].title;
+
+				if (this.menuList[i].reflexTitle && this.menuList[i].defaultSelectedIndex > -1) {
+					titleArr.push({
+						'title': this.menuList[i].detailList[this.menuList[i].defaultSelectedIndex].title,
+						'key': this.menuList[i].key
+					})
+				} else {
+					titleArr.push({
+						'title': this.menuList[i].title,
+						'key': this.menuList[i].key
+					})
+				}
+
+			}
+			this.statusList = arr;
+			this.titleList = titleArr;
+			this.tempTitleObj = r;
+		},
+		// #endif
+		data() {
+			return {
+				down: 'sl-down',
+				up: 'sl-up',
+				tabHeight: 50,
+				statusList: [],
+				selectedIndex: '',
+				titleList: [],
+				tempTitleObj: {},
+				chanheIcon: true,
+			};
+		},
+		methods: {
+			getMenuListTemp() {
+				let arr = this.menuList;
+				for (let i = 0; i < arr.length; i++) {
+					let item = arr[i];
+					for (let j = 0; j < item.detailList.length; j++) {
+						let d_item = item.detailList[j];
+						if (j == 0) {
+							d_item.isSelected = true
+						} else {
+							d_item.isSelected = false
+						}
+					}
+				}
+				return arr;
+			},
+			// 重置所有选项，包括默认选项，并更新result
+			resetAllSelect(callback) {
+				this.$refs.slFilterView.resetAllSelect(function(e) {
+					callback(e);
+				});
+			},
+			// 重置选项为设置的默认值，并更新result
+			resetSelectToDefault(callback) {
+				this.$refs.slFilterView.resetSelectToDefault(function(e) {
+					callback(e);
+				});
+			},
+			resetMenuList(val) {
+				this.menuList = val;
+				this.$emit('update:menuList', val)
+				this.$forceUpdate();
+				this.$refs.slFilterView.resetMenuList(val)
+			},
+			showMenuClick(index) {
+				this.selectedIndex = index;
+				if (this.statusList[index].isActive == true) {
+					//this.filterResult()
+					this.$refs.popupRef.close();
+					this.statusList[index].isActive = false
+				} else {
+					this.menuTabClick(index);
+					this.$refs.popupRef.show()
+				}
+			},
+			menuTabClick(index) {
+				this.$refs.slFilterView.menuTabClick(index);
+				for (let i = 0; i < this.statusList.length; i++) {
+					if (index == i) {
+						this.statusList[i].isActive = true;
+					} else {
+						this.statusList[i].isActive = false;
+					}
+				}
+			},
+			filterResult(obj) {
+				let val = obj.result;
+				let titlesObj = obj.titles;
+				// 处理选项映射到菜单title
+				if (this.independence) {
+					if (!this.menuList[this.selectedIndex].isMutiple || this.menuList[this.selectedIndex].isSort) {
+						let tempTitle = '';
+						for (let i = 0; i < this.menuList[this.selectedIndex].detailList.length; i++) {
+							let item = this.menuList[this.selectedIndex].detailList[i];
+							if (item.value == val[this.menuList[this.selectedIndex].key]) {
+								tempTitle = item.title;
+							}
+						}
+						if (this.menuList[this.selectedIndex].reflexTitle) {
+							this.titleList[this.selectedIndex].title = tempTitle;
+						}
+					}
+				} else {
+					for (let key in titlesObj) {
+						if (!Array.isArray(titlesObj[key])) {
+							this.tempTitleObj[key] = titlesObj[key];
+						}
+
+					}
+					for (let key in this.tempTitleObj) {
+						for (let i = 0; i < this.titleList.length; i++) {
+							if (this.titleList[i].key == key) {
+								this.titleList[i].title = this.tempTitleObj[key];
+							}
+						}
+					}
+				}
+
+				this.$refs.popupRef.close()
+				if (obj.isReset) {
+
+				} else {
+					this.$emit("result", val)
+				}
+
+
+			},
+			close() {
+				for (let i = 0; i < this.statusList.length; i++) {
+					this.statusList[i].isActive = false;
+				}
+			},
+			changeVideo() {
+				console.log(111)
+				this.chanheIcon = !this.chanheIcon
+				this.$emit('changeICon', this.chanheIcon)
+			}
+		}
+	}
+</script>
+
+<style>
+	@import 'iconfont/iconfont.css';
+
+	.select-tab {
+		border-bottom: #F7F7F7 1px solid;
+		background-color: #FFFFFF;
+		display: flex;
+		width: 100%;
+	}
+
+	.select-tab-fixed-top {
+		border-bottom: #F7F7F7 1px solid;
+		background-color: #FFFFFF;
+		display: flex;
+		width: 100%;
+		position: fixed;
+		/* #ifdef H5 */
+		top: 44px;
+		/* #endif */
+		/* #ifndef H5 */
+		top: 0;
+		/* #endif */
+	}
+
+	.arrows {
+		margin-left: 5px;
+	}
+
+	.select-tab .select-tab-item,
+	.select-tab-fixed-top .select-tab-item {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.select-tab .select-tab-item text,
+	.select-tab-fixed-top .select-tab-item text {
+		color: #666666;
+		font-size: 14px;
+	}
+
+	.active {
+		color: orange !important;
+	}
+</style>

manifest.json

@@ -63,7 +63,8 @@
             "minified" : true,
             "es6" : true
         },
-        "usingComponents" : true
+        "usingComponents" : true,
+        "permission" : {}
     },
     "mp-alipay" : {
         "usingComponents" : true
@@ -83,9 +84,9 @@
                     "target" : "http://localhost:5000",
                     "changeOrigin" : true,
                     "secure" : false,
-					"pathRewrite":{
-						 "^/api": ""
-					}
+                    "pathRewrite" : {
+                        "^/api" : ""
+                    }
                 }
             },
             "https" : false

package-lock.json

@@ -1,154 +1,3 @@
 {
-  "requires": true,
-  "lockfileVersion": 1,
-  "dependencies": {
-    "@types/json-schema": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz",
-      "integrity": "sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==",
-      "dev": true
-    },
-    "ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true
-    },
-    "big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true
-    },
-    "emojis-list": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-      "dev": true
-    },
-    "json5": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
-      "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.5"
-      },
-      "dependencies": {
-        "minimist": {
-          "version": "1.2.5",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
-          "dev": true
-        }
-      }
-    },
-    "klona": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.3.tgz",
-      "integrity": "sha512-CgPOT3ZadDpXxKcfV56lEQ9OQSZ42Mk26gnozI+uN/k39vzD8toUhRQoqsX0m9Q3eMPEfsLWmtyUpK/yqST4yg==",
-      "dev": true
-    },
-    "loader-utils": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-      "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-      "dev": true,
-      "requires": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      }
-    },
-    "neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
-    },
-    "sass-loader": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.0.1.tgz",
-      "integrity": "sha512-b2PSldKVTS3JcFPHSrEXh3BeAfR7XknGiGCAO5aHruR3Pf3kqLP3Gb2ypXLglRrAzgZkloNxLZ7GXEGDX0hBUQ==",
-      "dev": true,
-      "requires": {
-        "klona": "^2.0.3",
-        "loader-utils": "^2.0.0",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^2.7.0",
-        "semver": "^7.3.2"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "7.3.2",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
-          "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
-          "dev": true
-        }
-      }
-    },
-    "schema-utils": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
-      "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
-      "dev": true,
-      "requires": {
-        "@types/json-schema": "^7.0.4",
-        "ajv": "^6.12.2",
-        "ajv-keywords": "^3.4.1"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "6.12.4",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz",
-          "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.4.1",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "fast-deep-equal": {
-          "version": "3.1.3",
-          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-          "dev": true
-        },
-        "fast-json-stable-stringify": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-          "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-          "dev": true
-        },
-        "json-schema-traverse": {
-          "version": "0.4.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-          "dev": true
-        },
-        "punycode": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-          "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-          "dev": true
-        },
-        "uri-js": {
-          "version": "4.2.2",
-          "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
-          "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
-          "dev": true,
-          "requires": {
-            "punycode": "^2.1.0"
-          }
-        }
-      }
-    },
-    "uview-ui": {
-      "version": "1.6.5",
-      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.6.5.tgz",
-      "integrity": "sha512-bvesRrQiu99vMG5l6YHfBC5PnrK3S1efw5nYUu9oZpagUtjN2YIVzQUPSzCAduoGIVuqzQ8LrM9CMdWgNXv/RQ=="
-    }
-  }
+  "lockfileVersion": 1
 }

pages.json

@@ -30,6 +30,21 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/surpermarket/surpermarket",
+			"style": {
+				"navigationBarTitleText": "我的",
+				"navigationBarBackgroundColor": "#FE5786",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/useragreement/useragreement",
+			"style": {
+				"navigationBarTitleText": "用户协议",
+				"navigationBarBackgroundColor": "#FE5786"
+			}
+		},
 		{
 			"path": "pages/login/index",
 			"style": {
@@ -55,22 +70,34 @@
 		"selectedColor": "#1296db",
 		"list": [{
 				"pagePath": "pages/index/index",
-				"text": "记录查询",
+				"text": "首页",
 				"iconPath": "static/tabbar1.png",
 				"selectedIconPath": "static/tabbar5.png"
 			}, {
 				"pagePath": "pages/middle/middle",
-				"text": "数据采集",
+				"text": "智能融资",
 				"iconPath": "static/tabbar2.png",
 				"selectedIconPath": "static/tabbar6.png"
-			}, {
+			},
+
+
+			{
+				"pagePath": "pages/surpermarket/surpermarket",
+				"text": "金融超市",
+				"iconPath": "static/tabbar4.png",
+				"selectedIconPath": "static/tabbar8.png"
+			},
+			{
 				"pagePath": "pages/me/me",
-				"text": "个人中心",
+				"text": "政策解读",
 				"iconPath": "static/tabbar4.png",
 				"selectedIconPath": "static/tabbar8.png"
-			}, {
+			},
+
+
+			{
 				"pagePath": "pages/aboutme/aboutme",
-				"text": "个人中心",
+				"text": "我的",
 				"iconPath": "static/tabbar4.png",
 				"selectedIconPath": "static/tabbar8.png"
 			}

pages/aboutme/aboutme.vue

@@ -1,32 +1,30 @@
 <template>
-	<view>
-		
-		<view class="top-box">
-			<!-- <u-search placeholder="日照香炉生紫烟" v-model="keyword"></u-search> -->
-			<u-field icon='search' label-width='0' v-model="value" trim border border-color='black' placeholder='请搜索' />
-			<u-sticky>
-				<u-dropdown @open='open' @close='close'>
-					<u-dropdown-item v-model="value1" title="距离" :options="options1"></u-dropdown-item>
-					<u-dropdown-item v-model="value2" title="温度" :options="options2"></u-dropdown-item>
-				</u-dropdown>
-			</u-sticky>
-		</view>
-
-		<view class="content" catchtouchmove="true" >
-			<view v-for="(item, index) in newList" :key="index" class="newList">
-				<view>
-					{{item.id}}
-				</view>
-				<view>
-					{{item.name}}
-				</view>
-				<view>
-					{{item.address}}
+	<view class="content">
+		<view class="flex-box">
+			<view>
+				<image style="width: 140rpx; height: 140rpx;" src="../../static/home.png"></image>
+			</view>
+			<view style="margin-left: 30rpx;">
+				<view class="login">立即登录</view>
+				<view class="">
+					登录即可查看更多内容
 				</view>
 			</view>
-			<view class="loading" v-if="loading">{{ loadingTxt }}</view>
 		</view>
 
+		<view class="flex-box" style="justify-content: space-between;">
+			<view class="box">
+
+			</view>
+			<view class="box">
+
+			</view>
+		</view>
+		<u-cell-group>
+			<template v-for="(item,index) in cells">
+				<u-cell-item :icon="item.icon" :title="item.title" @click='goClick(index)'></u-cell-item>
+			</template>
+		</u-cell-group>
 	</view>
 </template>
 
@@ -35,183 +33,87 @@
 		getOrderList
 	} from "../../utils/service.js";
 	export default {
+		components: {
+
+		},
 		data() {
 			return {
-				value1: 1,
-				value2: 2,
-				value:'',
-				options1: [{
-						label: '默认排序',
-						value: 1,
-					},
+				cells: [
+
 					{
-						label: '距离优先',
-						value: 2,
+						icon: 'setting-fill',
+						title: '企业管理'
 					},
 					{
-						label: '价格优先',
-						value: 3,
-					}
-				],
-				options2: [{
-						label: '去冰',
-						value: 1,
+						icon: 'setting-fill',
+						title: '资质管理'
 					},
 					{
-						label: '加冰',
-						value: 2,
-					},
-				],
-				newList: [],
-				loading: false,
-				finished: false,
-				loadingTxt: '加载更多',
-				page: 1,
-				add: [{
-						name: '张wwww三',
-						title: '啊啊啊啊'
+						icon: 'setting-fill',
+						title: '用户协议'
 					},
 					{
-						name: '张三22222',
-						title: '啊啊啊2222啊'
+						icon: 'setting-fill',
+						title: '关于我们'
 					},
 				],
 			};
 		},
 		onLoad(e) {
-			this.getNews();
-		},
-		onPullDownRefresh() {
-			this.loading = true;
-			//下拉的生命周期
-			this.getNews();
-		},
-		onReachBottom() {
-			//阻止重复加载
-			// if (timer !== null) {
-			// 	clearTimeout(timer);
-			// }
-			//timer = setTimeout(() => this.getMoreNews(), 500);
-			this.getMoreNews()
+
 		},
+
 		methods: {
-			//下拉刷新事件
-			async getNews() {
-				this.finished = false;
-				this.loadingTxt = '加载中';
-				this.page = 1;
-				//标题读取样式激活
-				uni.showNavigationBarLoading();
-				const result = await getOrderList();
-				let {
-					data,
-					code
-				} = result
-				if (data && code == 0) {
-					this.newList = data.tableData
-					uni.stopPullDownRefresh();
-					//隐藏标题读取
-					uni.hideNavigationBarLoading();
-					this.loading = false;
+			goClick(index) {
+				switch (index) {
+					case 0:
+						uni.navigateTo({
+							url: '/pages/useragreement/useragreement'
+						})
+						break;
+					case 1:
+						uni.navigateTo({
+							url: '/pages/useragreement/useragreement'
+						})
+						break;
+					case 2:
+						uni.navigateTo({
+							url: '/pages/useragreement/useragreement'
+						})
+						break;
+					case 3:
+						uni.navigateTo({
+							url: '/pages/useragreement/useragreement'
+						})
+						break;
+					default:
+						uni.navigateTo({
+							url: '/pages/useragreement/useragreement'
+						})
+						break;
 				}
+			}
 
-			},
-			//加载更多的新闻
-			async getMoreNews() {
-				if (this.finished) return;
-				this.loadingTxt = '加载中';
-				this.loading = true;
-				uni.showNavigationBarLoading();
-				this.page++;
-				const result = await getOrderList();
-				let {
-					data,
-					code
-				} = result
-				if (data && code == 0) {
-					uni.stopPullDownRefresh();
-					//隐藏标题读取
-					uni.hideNavigationBarLoading();
-					if (this.newList.length == data.total) {
-						this.loadingTxt = '已经加载全部';
-						this.finished = true;
-						return;
-					}
-					this.newList = [...this.newList, ...data.tableData]
-					this.loading = false
-				}
-				// setTimeout(() => {
-				// 	//停止下拉样式
-				// 	uni.stopPullDownRefresh();
-				// 	//隐藏标题读取
-				// 	uni.hideNavigationBarLoading();
-				// 	if (that.newList.length > 30) {
-				// 		that.loadingTxt = '已经加载全部';
-				// 		that.finished = true;
-				// 		return;
-				// 	}
-				// 	that.newList = that.newList.concat(that.add)
-				// 	that.loading = false;
+		},
 
-				// }, 1500);
-			},
-			open(){
-				
-			},
-			close(){
-				
-			},
-			moveHandle(){
-				return
-			}
-		}
 	};
 </script>
 
 <style lang="scss" scoped>
-	@import '../../common/box.scss';
+	.flex-box {
+		display: flex;
+		align-items: center;
 
-	.top-box {
-		background: white;
-		overflow: hidden;
-	}
-
-	::v-deep .u-dropdown__menu {
-		background: white;
-	}
-
-	::v-deep .u-field {
-		border: 1rpx solid black;
-		border-radius: 10rpx;
-		margin: 20rpx 4%;
-	}
-	::v-deep .u-dropdown__content {
-		height: 700px!important;
-	}
-	
-	// ::v-deep .u-sticky-wrap {
-	// 	height: auto!important;
-	// }
-	
-	
-
-
-	.fixed-box {
-		position: fixed;
-		z-index: 99;
-		width: 100%;
-	}
-
-	.newList {
-		border: 1rpx solid black;
-		padding: 20px;
+		.box {
+			width: 330rpx;
+			height: 120rpx;
+			border: 1px solid black;
+			border-radius: 10rpx;
+		}
 	}
 
-	.loading {
-
-		line-height: 2em;
-		text-align: center;
-		color: #888;
-		margin-top: 30rpx;
+	.login {
+		font-size: 40rpx;
+		font-weight: bold;
 	}
 </style>

pages/surpermarket/surpermarket.vue

@@ -0,0 +1,525 @@
+<template>
+	<view>
+
+		<view class="top-box">
+			<!-- <u-search placeholder="日照香炉生紫烟" v-model="keyword"></u-search> -->
+			<u-field icon='search' @blur='serachBlur' label-width='0' v-model="search" trim border
+				border-color='black' placeholder='请搜索' />
+
+			<u-sticky>
+				<!-- <u-dropdown >
+					<u-dropdown-item v-model="value1" title="距离" :options="options1"></u-dropdown-item>
+					<u-dropdown-item v-model="value2" title="温度" :options="options2"></u-dropdown-item>
+				</u-dropdown> -->
+				<u-tabs :list="list" active-color='orange' :current="current" @change="tabsChange"></u-tabs>
+
+				<slFilter @result='result' @changeICon='changeICon' :themeColor="themeColor" :menuList='menuList'>
+				</slFilter>
+			</u-sticky>
+		</view>
+
+		<view class="content">
+			<scroll-view scroll-y="true" class="mode-center">
+				<template v-for="item in 10">
+					<view class="" v-if="flag">
+						aaa
+					</view>
+
+					<view class="" v-else>
+						bbbb
+					</view>
+				</template>
+
+
+			</scroll-view>
+
+
+
+
+			<!-- <view v-for="(item, index) in newList" :key="index" class="newList">
+				<view>
+					{{item.id}}
+				</view>
+				<view>
+					{{item.name}}
+				</view>
+				<view>
+					{{item.address}}
+				</view>
+			</view>
+			<view class="loading" v-if="loading">{{ loadingTxt }}</view> -->
+		</view>
+
+	</view>
+</template>
+
+<script>
+	import slFilter from '@/components/sl-filter/sl-filter.vue';
+	import {
+		getOrderList
+	} from "../../utils/service.js";
+	export default {
+		components: {
+			slFilter
+		},
+		data() {
+			return {
+				value1: 1,
+				value2: 2,
+				search: '',
+				touchmove: false,
+				options1: [{
+						label: '默认排序',
+						value: 1,
+					},
+					{
+						label: '距离优先',
+						value: 2,
+					},
+					{
+						label: '价格优先',
+						value: 3,
+					}
+				],
+				options2: [{
+						label: '去冰',
+						value: 1,
+					},
+					{
+						label: '加冰',
+						value: 2,
+					},
+				],
+				newList: [],
+				loading: false,
+				finished: false,
+				loadingTxt: '加载更多',
+				page: 1,
+				add: [{
+						name: '张wwww三',
+						title: '啊啊啊啊'
+					},
+					{
+						name: '张三22222',
+						title: '啊啊啊2222啊'
+					},
+				],
+
+				list: [{
+						name: '全部'
+					}, {
+						name: '政采待'
+					}, {
+						name: '小微数贷',
+					}, {
+						name: '抵押贷',
+					},
+					{
+						name: '信用贷',
+					},
+					{
+						name: '畜牧贷',
+					},
+					{
+						name: '个转企',
+					},
+					{
+						name: '复工复商',
+					},
+					{
+						name: '电力贷',
+					},
+				],
+				current: 0,
+				themeColor: 'orange',
+				flag: true,
+				filterResult: {},
+				menuList: [{
+						'title': '排序',
+						'key': 'key_1',
+						'isSort': true,
+						'isMutiple': false,
+						'detailList': [{
+								'title': '成功对接企业高到底',
+								'value': 'val1'
+							},
+							{
+								'title': '参考利率从低到高',
+								'value': 'val_3_2'
+							},
+							{
+								'title': '贷款额度从高到低',
+								'value': 'val_3_3'
+							}
+						]
+					},
+					{
+						'title': '金融机构',
+						'key': 'key_2',
+						'isMutiple': true,
+						'detailList': [{
+								'title': '长春市',
+								'children': [{
+										id: '200',
+										value: '朝阳区'
+									},
+									{
+										id: '201',
+										value: '南关区'
+									},
+									{
+										id: '203',
+										value: '南关区'
+									},
+									{
+										id: '204',
+										value: '南关区'
+									},
+								]
+							},
+							{
+								'title': '北京市',
+								'children': [{
+										id: '300',
+										value: '朝阳区'
+									},
+									{
+										id: '301',
+										value: '南关区'
+									},
+									{
+										id: '303',
+										value: '南关区'
+									},
+									{
+										id: '304',
+										value: '南关区'
+									},
+								]
+							},
+							{
+								'title': '条件_2_2',
+								'children': [{
+										id: '400',
+										value: '朝阳区'
+									},
+									{
+										id: '401',
+										value: '南关区'
+									},
+									{
+										id: '403',
+										value: '南关区'
+									},
+									{
+										id: '404',
+										value: '南关区'
+									},
+								]
+							},
+
+						]
+					},
+					{
+						'title': '地区',
+						'key': 'key_3',
+						'isMutiple': true,
+						'detailList': [{
+								'title': '长春市',
+								'children': [{
+										id: '200',
+										value: '朝阳区'
+									},
+									{
+										id: '201',
+										value: '南关区'
+									},
+									{
+										id: '203',
+										value: '南关区'
+									},
+									{
+										id: '204',
+										value: '南关区'
+									},
+								]
+							},
+							{
+								'title': '北京市',
+								'children': [{
+										id: '300',
+										value: '朝阳区'
+									},
+									{
+										id: '301',
+										value: '南关区'
+									},
+									{
+										id: '303',
+										value: '南关区'
+									},
+									{
+										id: '304',
+										value: '南关区'
+									},
+								]
+							},
+							{
+								'title': '条件_2_2',
+								'children': [{
+										id: '400',
+										value: '朝阳区'
+									},
+									{
+										id: '401',
+										value: '南关区'
+									},
+									{
+										id: '403',
+										value: '南关区'
+									},
+									{
+										id: '404',
+										value: '南关区'
+									},
+								]
+							},
+
+						]
+					},
+					{
+						'title': '更多',
+						'key': 'key_4',
+						'isMutiple': true,
+						'detailList': [{
+								'title': '长春市',
+								'children': [{
+										id: '200',
+										value: '朝阳区'
+									},
+									{
+										id: '201',
+										value: '南关区'
+									},
+									{
+										id: '203',
+										value: '南关区'
+									},
+									{
+										id: '204',
+										value: '南关区'
+									},
+								]
+							},
+							{
+								'title': '北京市',
+								'children': [{
+										id: '300',
+										value: '朝阳区'
+									},
+									{
+										id: '301',
+										value: '南关区'
+									},
+									{
+										id: '303',
+										value: '南关区'
+									},
+									{
+										id: '304',
+										value: '南关区'
+									},
+								]
+							},
+							{
+								'title': '更多',
+								'children': [{
+										id: '400',
+										value: '朝阳区'
+									},
+									{
+										id: '401',
+										value: '南关区'
+									},
+									{
+										id: '403',
+										value: '南关区'
+									},
+									{
+										id: '404',
+										value: '南关区'
+									},
+								]
+							},
+
+						]
+					},
+				]
+
+			};
+		},
+		onLoad(e) {
+			//this.getNews();
+		},
+		onPullDownRefresh() {
+			this.loading = true;
+			//下拉的生命周期
+			this.getNews();
+		},
+		onReachBottom() {
+			//阻止重复加载
+			// if (timer !== null) {
+			// 	clearTimeout(timer);
+			// }
+			//timer = setTimeout(() => this.getMoreNews(), 500);
+			this.getMoreNews()
+		},
+		methods: {
+			//下拉刷新事件
+			async getNews() {
+				this.finished = false;
+				this.loadingTxt = '加载中';
+				this.page = 1;
+				//标题读取样式激活
+				uni.showNavigationBarLoading();
+				const result = await getOrderList();
+				let {
+					data,
+					code
+				} = result
+				if (data && code == 0) {
+					this.newList = data.tableData
+					uni.stopPullDownRefresh();
+					//隐藏标题读取
+					uni.hideNavigationBarLoading();
+					this.loading = false;
+				}
+
+			},
+
+			//加载更多的新闻
+			async getMoreNews() {
+				if (this.finished) return;
+				this.loadingTxt = '加载中';
+				this.loading = true;
+				uni.showNavigationBarLoading();
+				this.page++;
+				const result = await getOrderList();
+				let {
+					data,
+					code
+				} = result
+				if (data && code == 0) {
+					uni.stopPullDownRefresh();
+					//隐藏标题读取
+					uni.hideNavigationBarLoading();
+					if (this.newList.length == data.total) {
+						this.loadingTxt = '已经加载全部';
+						this.finished = true;
+						return;
+					}
+					this.newList = [...this.newList, ...data.tableData]
+					this.loading = false
+				}
+				// setTimeout(() => {
+				// 	//停止下拉样式
+				// 	uni.stopPullDownRefresh();
+				// 	//隐藏标题读取
+				// 	uni.hideNavigationBarLoading();
+				// 	if (that.newList.length > 30) {
+				// 		that.loadingTxt = '已经加载全部';
+				// 		that.finished = true;
+				// 		return;
+				// 	}
+				// 	that.newList = that.newList.concat(that.add)
+				// 	that.loading = false;
+
+				// }, 1500);
+			},
+			tabsChange(index) {
+				console.log(this.filterResult)
+				this.current = index;
+				let data = {
+					...this.filterResult,
+					tab: this.current,
+					search: this.search,
+
+				}
+				console.log(data, 11111)
+			},
+			serachBlur() {
+				console.log(this.search,"该死")
+				let data = {
+					...this.filterResult,
+					tab: this.current,
+					search: this.search,
+
+				}
+				console.log(data, 11111)
+			},
+			changeICon(flag) {
+				flag ? this.flag = true : this.flag = false
+			},
+			result(val) {
+				// console.log(JSON.stringify(val));
+				// this.filterResult = JSON.stringify(val, null, 2)
+				let data = {
+					tab: this.current,
+					search: this.search,
+					...val
+				}
+				this.filterResult = val
+				console.log(data)
+			},
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/box.scss';
+
+	.top-box {
+		background: white;
+		overflow: hidden;
+	}
+
+	::v-deep .u-dropdown__menu {
+		background: white;
+	}
+
+	::v-deep .u-field {
+		border: 1rpx solid black;
+		border-radius: 10rpx;
+		margin: 20rpx 4%;
+	}
+
+	::v-deep .u-dropdown__content {
+		height: 700px !important;
+	}
+
+	// ::v-deep .u-sticky-wrap {
+	// 	height: auto!important;
+	// }
+
+
+
+
+	.fixed-box {
+		position: fixed;
+		z-index: 99;
+		width: 100%;
+	}
+
+	.newList {
+		border: 1rpx solid black;
+		padding: 20px;
+	}
+
+	.loading {
+
+		line-height: 2em;
+		text-align: center;
+		color: #888;
+		margin-top: 30rpx;
+	}
+</style>

pages/useragreement/useragreement.vue

@@ -0,0 +1,95 @@
+<template>
+	<view class="content">
+		我是i协议
+	</view>
+</template>
+
+<script>
+	import {
+		getOrderList
+	} from "../../utils/service.js";
+	export default {
+		components: {
+
+		},
+		data() {
+			return {
+				cells: [
+
+					{
+						icon: 'setting-fill',
+						title: '企业管理'
+					},
+					{
+						icon: 'setting-fill',
+						title: '资质管理'
+					},
+					{
+						icon: 'setting-fill',
+						title: '用户协议'
+					},
+					{
+						icon: 'setting-fill',
+						title: '关于我们'
+					},
+				],
+			};
+		},
+		onLoad(e) {
+
+		},
+
+		methods: {
+			goClick(index) {
+				switch (index) {
+					case 0:
+						uni.navigateTo({
+							url: '/pages/aboutme/aboutme'
+						})
+						break;
+					case 1:
+						uni.navigateTo({
+							url: '/pages/aboutme/aboutme'
+						})
+						break;
+					case 2:
+						uni.navigateTo({
+							url: '/pages/aboutme/aboutme'
+						})
+						break;
+					case 3:
+						uni.navigateTo({
+							url: '/pages/aboutme/aboutme'
+						})
+						break;
+					default:
+						uni.navigateTo({
+							url: '/pages/aboutme/aboutme'
+						})
+						break;
+				}
+			}
+
+		},
+
+	};
+</script>
+
+<style lang="scss" scoped>
+	.flex-box {
+		display: flex;
+		align-items: center;
+
+		.box {
+			width: 330rpx;
+			height: 120rpx;
+			border: 1px solid black;
+			border-radius: 10rpx;
+		}
+	}
+
+	.login {
+		font-size: 40rpx;
+		font-weight: bold;
+	}
+</style>

unpackage/dist/dev/.sourcemap/mp-weixin/pages/surpermaket/surpermaket.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["uni-app:///main.js"],"names":["createPage","Page"],"mappings":";;;;;;;;;;kDAAA;AACA;AACA,8N;AACAA,UAAU,CAACC,oBAAD,CAAV,C","file":"pages/surpermaket/surpermaket.js","sourcesContent":["import 'uni-pages';\nimport Vue from 'vue'\nimport Page from './pages/surpermaket/surpermaket.vue'\ncreatePage(Page)"],"sourceRoot":""}

unpackage/dist/dev/mp-weixin/app.json

@@ -5,6 +5,8 @@
     "pages/index/index",
     "pages/pricate/pricate",
     "pages/aboutme/aboutme",
+    "pages/surpermarket/surpermarket",
+    "pages/useragreement/useragreement",
     "pages/login/index"
   ],
   "subPackages": [],
@@ -19,29 +21,36 @@
     "list": [
       {
         "pagePath": "pages/index/index",
-        "text": "记录查询",
+        "text": "首页",
         "iconPath": "static/tabbar1.png",
         "selectedIconPath": "static/tabbar5.png"
       },
       {
         "pagePath": "pages/middle/middle",
-        "text": "数据采集",
+        "text": "智能融资",
         "iconPath": "static/tabbar2.png",
         "selectedIconPath": "static/tabbar6.png"
       },
+      {
+        "pagePath": "pages/surpermarket/surpermarket",
+        "text": "金融超市",
+        "iconPath": "static/tabbar4.png",
+        "selectedIconPath": "static/tabbar8.png"
+      },
       {
         "pagePath": "pages/me/me",
-        "text": "个人中心",
+        "text": "政策解读",
         "iconPath": "static/tabbar4.png",
         "selectedIconPath": "static/tabbar8.png"
       },
       {
         "pagePath": "pages/aboutme/aboutme",
-        "text": "个人中心",
+        "text": "我的",
         "iconPath": "static/tabbar4.png",
         "selectedIconPath": "static/tabbar8.png"
       }
     ]
   },
+  "permission": {},
   "usingComponents": {}
 }

unpackage/dist/dev/mp-weixin/common/main.wxss

@@ -3262,7 +3262,16 @@ u-dropdown {
 }
 
 /* end-微信小程序编译后页面有组件名的元素，特别处理--end */
+.content {
+  margin: 0 4%;
+}
+.flex-box {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
 page {
-  font-size: 35rpx;
+  font-size: 28rpx;
+  background: #F7F7F7;
 }
 

unpackage/dist/dev/mp-weixin/components/sl-filter/filter-view.wxss

@@ -0,0 +1,85 @@
+
+.filter-content {
+	background-color: #F6F7F8;
+}
+.filter-content-title {
+	border-bottom: #EEEEEE 1px solid;
+	padding: 10px 15px;
+	font-size: 13px;
+	color: #999999;
+}
+.filter-content-detail {
+	padding: 5px 15px;
+}
+.filter-content-detail-item-active {
+	background-color: #D1372C;
+	color: #FFFFFF;
+	padding: 5px 15px;
+	border-radius: 20px;
+	margin-right: 10px;
+	margin-top: 10px;
+	display: inline-block;
+	font-size: 14px;
+}
+.filter-content-detail-item-default {
+	background-color: #FFFFFF;
+	color: #666666;
+	padding: 5px 15px;
+	border-radius: 20px;
+	margin-right: 10px;
+	margin-top: 10px;
+	display: inline-block;
+	font-size: 14px;
+}
+.filter-content-footer {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-box-pack: justify;
+	-webkit-justify-content: space-between;
+	        justify-content: space-between;
+	width: 100%;
+	height: 45px;
+	margin-top: 10px;
+}
+.filter-content-footer-item {
+	width: 50%;
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-box-pack: center;
+	-webkit-justify-content: center;
+	        justify-content: center;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	        align-items: center;
+	font-size: 16px;
+}
+.filter-content-list {
+	text-align: center;
+	padding: 5px 15px;
+}
+.filter-content-list-item-default {
+	color: #666666;
+	width: 100%;
+	padding: 10px 0px;
+}
+.filter-content-list-item-default text {
+	width: 90%;
+	font-size: 14px;
+	display: inline-block;
+}
+.filter-content-list-item-active {
+	color: #D1372C;
+	width: 100%;
+	padding: 10px 0px;
+}
+.filter-content-list-item-active text {
+	font-size: 14px;
+
+	display: inline-block;
+}
+.filter-content-list-item-active:after {
+	content: '✓';
+}
+

unpackage/dist/dev/mp-weixin/components/sl-filter/popup-layer.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/components/sl-filter/popup-layer.wxml

@@ -0,0 +1 @@
+<scroll-view hidden="{{!(ifshow)}}" class="popup-layer" scroll-y="{{true}}" data-event-opts="{{[['tap',[['ableClose',['$event']]]],['touchmove',[['',['$event']]]]]}}" bindtap="__e" catchtouchmove="__e"><view data-ref="popRef" data-event-opts="{{[['tap',[['stopEvent',['$event']]]]]}}" class="popup-content vue-ref" style="{{(_location)}}" catchtap="__e"><slot></slot></view></scroll-view>

unpackage/dist/dev/mp-weixin/components/sl-filter/popup-layer.wxss

@@ -0,0 +1,19 @@
+
+.popup-layer {
+	position: absolute;
+	z-index: 999999;
+	background: rgba(0, 0, 0, .3);
+	/* height: calc(100% - 50px); */
+	height: 1000px;
+	width: 100%;
+	left: 0px;
+	overflow: hidden;
+}
+.popup-content {
+	position: absolute;
+	z-index: 1000000;
+	background: #FFFFFF;
+	-webkit-transition: all .3s ease;
+	transition: all .3s ease;
+}
+

unpackage/dist/dev/mp-weixin/components/sl-filter/sl-filter.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "popup-layer": "/components/sl-filter/popup-layer",
+    "sl-filter-view": "/components/sl-filter/filter-view"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/aboutme/aboutme.json

@@ -1,5 +1,9 @@
 {
   "navigationBarTitleText": "我的",
   "navigationBarBackgroundColor": "#FE5786",
-  "usingComponents": {}
+  "enablePullDownRefresh": true,
+  "usingComponents": {
+    "u-cell-group": "/uview-ui/components/u-cell-group/u-cell-group",
+    "u-cell-item": "/uview-ui/components/u-cell-item/u-cell-item"
+  }
 }

unpackage/dist/dev/mp-weixin/pages/aboutme/aboutme.wxss

@@ -24,22 +24,22 @@
 /* 垂直间距 */
 /* 透明度 */
 /* 文章场景相关 */
-.content.data-v-61b5425c {
-  margin: 0 4%;
-  border: 1rpx solid red;
-  text-align: center;
-  font-size: 60rpx;
+.flex-box.data-v-61b5425c {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
 }
-.content .xinxi.data-v-61b5425c {
-  display: inline-block;
-  color: orange;
+.flex-box .box.data-v-61b5425c {
+  width: 330rpx;
+  height: 120rpx;
+  border: 1px solid black;
+  border-radius: 10rpx;
 }
-.content .image-box.data-v-61b5425c {
-  width: 300rpx;
-  margin: 100rpx 0;
-}
-.content .image-box .login-image.data-v-61b5425c {
-  width: 300rpx;
-  height: 300rpx;
+.login.data-v-61b5425c {
+  font-size: 40rpx;
+  font-weight: bold;
 }
 

unpackage/dist/dev/mp-weixin/pages/index/index.json

@@ -1,9 +1,8 @@
 {
-  "navigationBarTitleText": "首页",
-  "navigationBarBackgroundColor": "#FE5786",
+  "navigationStyle": "custom",
   "usingComponents": {
-    "u-action-sheet": "/uview-ui/components/u-action-sheet/u-action-sheet",
-    "u-section": "/uview-ui/components/u-section/u-section",
-    "u-notice-bar": "/uview-ui/components/u-notice-bar/u-notice-bar"
+    "u-grid": "/uview-ui/components/u-grid/u-grid",
+    "u-grid-item": "/uview-ui/components/u-grid-item/u-grid-item",
+    "u-icon": "/uview-ui/components/u-icon/u-icon"
   }
 }

unpackage/dist/dev/mp-weixin/uview-ui/components/u-section/u-section.wxss

@@ -24,46 +24,56 @@
 /* 垂直间距 */
 /* 透明度 */
 /* 文章场景相关 */
-.u-section.data-v-38dad548 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-          align-items: center;
+.content .head_bg.data-v-57280228 {
   width: 100%;
+  height: 400rpx;
 }
-.u-section__title.data-v-38dad548 {
-  position: relative;
-  font-size: 28rpx;
-  padding-left: 20rpx;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-          align-items: center;
+.content .head_bg image.data-v-57280228 {
+  width: 100%;
+  height: 400rpx;
 }
-.u-section__title__icon-wrap.data-v-38dad548 {
+.content .personal_box.data-v-57280228 {
   position: absolute;
+  top: 70rpx;
+  width: 90%;
+  z-index: 99;
+  box-shadow: 0 4rpx 20rpx 0 rgba(99, 251, 172, 0.35);
+  border-radius: 10rpx;
+  margin: 0 5%;
 }
-.u-section__title__text.data-v-38dad548 {
-  line-height: 1;
+.bigbox.data-v-57280228 {
+  height: 300rpx;
+  width: 100%;
+  background: red;
+  position: relative;
+  border-radius: 10px;
+  margin-top: 100rpx;
+  overflow: hidden;
 }
-.u-section__right-info.data-v-38dad548 {
-  color: #909399;
-  font-size: 26rpx;
+.bigbox .flex-box.data-v-57280228 {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+          justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
           align-items: center;
+  margin: 4%;
 }
-.u-section__right-info__icon-arrow.data-v-38dad548 {
-  margin-left: 6rpx;
+.bigbox .flex-box .login-button.data-v-57280228 {
+  border: 1rpx solid black;
+  padding: 10rpx;
+  box-sizing: border-box;
+}
+.bigbox .smallbox.data-v-57280228 {
+  position: absolute;
+  bottom: 0;
+  height: 190rpx;
+  width: 100%;
+  background: white;
+  z-index: 99;
+  border-radius: 10px;
 }
 

unpackage/dist/dev/mp-weixin/pages/login/index.wxss

@@ -26,7 +26,7 @@
 /* 文章场景相关 */
 .content.data-v-4586967a {
   margin: 0 4%;
-  border: 1rpx solid red;
+  padding-top: 100rpx;
   text-align: center;
 }
 .content .xinxi.data-v-4586967a {
@@ -37,12 +37,12 @@
   margin-top: 100rpx;
 }
 .content .image-box.data-v-4586967a {
-  width: 300rpx;
-  margin: 100rpx auto;
+  width: 100%;
+  text-align: center;
 }
 .content .image-box .login-image.data-v-4586967a {
-  width: 300rpx;
-  height: 300rpx;
+  width: 400rpx;
+  height: 350rpx;
 }
 .footer.data-v-4586967a {
   position: fixed;

unpackage/dist/dev/mp-weixin/pages/surpermaket/surpermaket.js

@@ -0,0 +1,20 @@
+(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["pages/surpermaket/surpermaket"],{
+
+/***/ 343:
+/*!*************************************************************************************!*\
+  !*** F:/前端项目/新的/uniapp_lianxi/main.js?{"page":"pages%2Fsurpermaket%2Fsurpermaket"} ***!
+  \*************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(createPage) {__webpack_require__(/*! uni-pages */ 4);
+var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 2));
+var _surpermaket = _interopRequireDefault(__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module './pages/surpermaket/surpermaket.vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}
+createPage(_surpermaket.default);
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["createPage"]))
+
+/***/ })
+
+},[[343,"common/runtime","common/vendor"]]]);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/surpermaket/surpermaket.js.map

unpackage/dist/dev/mp-weixin/pages/surpermaket/surpermaket.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "我的",
+  "navigationBarBackgroundColor": "#FE5786",
+  "enablePullDownRefresh": true,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/surpermarket/surpermarket.json

@@ -0,0 +1,11 @@
+{
+  "navigationBarTitleText": "我的",
+  "navigationBarBackgroundColor": "#FE5786",
+  "enablePullDownRefresh": true,
+  "usingComponents": {
+    "u-field": "/uview-ui/components/u-field/u-field",
+    "u-sticky": "/uview-ui/components/u-sticky/u-sticky",
+    "u-tabs": "/uview-ui/components/u-tabs/u-tabs",
+    "sl-filter": "/components/sl-filter/sl-filter"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/surpermarket/surpermarket.wxss

@@ -0,0 +1,65 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.content.data-v-46b046a6 {
+  margin: 0 4%;
+}
+.flex-box.data-v-46b046a6 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+.top-box.data-v-46b046a6 {
+  background: white;
+  overflow: hidden;
+}
+.data-v-46b046a6 .u-dropdown__menu {
+  background: white;
+}
+.data-v-46b046a6 .u-field {
+  border: 1rpx solid black;
+  border-radius: 10rpx;
+  margin: 20rpx 4%;
+}
+.data-v-46b046a6 .u-dropdown__content {
+  height: 700px !important;
+}
+.fixed-box.data-v-46b046a6 {
+  position: fixed;
+  z-index: 99;
+  width: 100%;
+}
+.newList.data-v-46b046a6 {
+  border: 1rpx solid black;
+  padding: 20px;
+}
+.loading.data-v-46b046a6 {
+  line-height: 2em;
+  text-align: center;
+  color: #888;
+  margin-top: 30rpx;
+}
+