1

pages/shop/index.vue

@@ -172,7 +172,7 @@ export default {
 		},
 		sosoFun(){
 			uni.navigateTo({
-				url: "/pages/sousuo/index",
+				url: "/pages/shopsoso/index",
 			})
 		},
 		shang(){

pages/shopsoso/index.vue

@@ -1,15 +1,32 @@
 <template>
-	<view :style="{ minHeight: sys.windowHeight + 'px' }"
-		:class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
-		<tm-menubars title="消息列表" :shadow="0" :showback="true"></tm-menubars>
-		<div class="zhuti">
+	<view :style="{ minHeight: sys.windowHeight + 'px' }" :class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
+		<tm-menubars title="" :shadow="0" :showback="false"></tm-menubars>
+		<view class="C1b1b1b pb-40">
+			<view class="sousuo">
+				<tm-pickersCity class="dingwei fl" btn-color="bg-gradient-blue-accent" @confirm="okCity" :default-value="addr">
+					<view>
+						<text class="text-size-n">{{addr[1]}}</text>
+						<tm-icons :size="24" color="white" name="icon-angle-down"></tm-icons>
+					</view>
+				</tm-pickersCity>
+				<view>
+					<tm-search @confirm="sosoFun" class="fl" v-model="soso" color="white" confirm-text=""></tm-search>
+					<text class="quxiao fr" @click="goindex()">取消</text>
+				</view>
+			</view>
+			<view style="clear: both;"></view>
+			<view class="fixed fulled" style="z-index: 30;">
+				<tm-dropDownMenu un-color="white" :list="list2"></tm-dropDownMenu>
+			</view>
+		</view>
+		<!-- <div class="zhuti">
 			<tm-sheet class="kuang" style="padding-bottom: 70px !important;">
 				<view style="width: 94%;margin:0 auto;">
 					
 				</view>
 			</tm-sheet>
 			<tm-button :round="24" class="sao mb-40 mt-40" block>提交</tm-button>
-		</div>
+		</div> -->
 		<!-- 弹出层消息 -->
 		<tm-message ref="toast"></tm-message>
 	</view>
@@ -19,10 +36,19 @@ import{myRequest} from '@/api/request.js'
 export default {
 	data() {
 		return {
-			checked1:false,
-			checked2:false,
-			checked3:false,
-			beizu:''
+			activeIndex:0,
+			soso:'',
+			addr:['江西省','南昌市','西湖区'],
+			value:'',
+			list2: [{
+					title: '排序',
+				}, {
+					title: '价格',
+				},
+				{
+					title: '品牌',
+				}
+			],
 		};
 	},
 	onLoad() {
@@ -32,21 +58,11 @@ export default {
 		this.sys = uni.getSystemInfoSync();
 	},
 	methods: {
-		aa(num){
-			if(num==1){
-				this.checked1=true;
-				this.checked2=false;
-				this.checked3=false;
-			}else if(num==2){
-				this.checked1=false;
-				this.checked2=true;
-				this.checked3=false;
-			}else if(num==3){
-				this.checked1=false;
-				this.checked2=false;
-				this.checked3=true;
-			}
+		goindex(){
+			uni.navigateBack();
 		},
+		sosoFun(){
+		}
 	},
 }
 </script>
@@ -57,4 +73,20 @@ export default {
 	}
 	/deep/ .zhuti{padding: 10px 10px;}
 	/deep/ .kuang{margin:0 !important;padding: 0px !important;}
+	/deep/ .icon-search{
+		font-size: 23px !important;
+		color: #8E8E93 !important;
+	}
+	/deep/ .tm-search{
+		width: 66%;
+		background-color: #414141 !important;
+		border-radius: 10px;
+	}
+	/deep/ .tm-search .grey-darken-5{
+		background-color: #414141 !important;
+	}
+	.dingwei{width: 21%;margin-top:3%;}
+	.shuruk{width: 77%;}
+	.sousuo{width:94%;margin:0 auto;}
+	.quxiao{color: #707070;line-height: 47px;}
 </style>