|
|
@@ -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>
|
