wardrobe/pages/shopsoso/index.vue

<template>
	<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> -->
		<!-- 弹出层消息 -->
		<tm-message ref="toast"></tm-message>
	</view>
</template>	
<script>
import{myRequest} from '@/api/request.js'
export default {
	data() {
		return {
			activeIndex:0,
			soso:'',
			addr:['江西省','南昌市','西湖区'],
			value:'',
			list2: [{
					title: '排序',
				}, {
					title: '价格',
				},
				{
					title: '品牌',
				}
			],
		};
	},
	onLoad() {
		
	},
	created() {
		this.sys = uni.getSystemInfoSync();
	},
	methods: {
		goindex(){
			uni.navigateBack();
		},
		sosoFun(){
		}
	},
}
</script>

<style lang="scss">
	/deep/ .tm-menubars .body{
		background-color: #1b1b1b !important;
	}
	/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>