xt / xcx-book · Commits

Go to a project

Commit 3b6dffa1b80cfe0c591d0d8c5bd18fc177df8aea

Authored by vking
1 parent 938e65a9
build: skipped

new 2.0

Inline Side-by-side
Showing 12 changed files with 205 additions and 572 deletions
@@ -28,7 +28,7 @@ page { @@ -28,7 +28,7 @@ page {
28 --black: #333333; 28 --black: #333333;
29 --darkGray: #666666; 29 --darkGray: #666666;
30 --gray: #999999; 30 --gray: #999999;
31 - --ghostWhite: #f1f1f1; 31 + --ghostWhite: #f2f2f2;
32 --white: #ffffff; 32 --white: #ffffff;
33 /* 浅色 */ 33 /* 浅色 */
34 --redLight: #fadbd9; 34 --redLight: #fadbd9;
@@ -2472,7 +2472,7 @@ button.icon.lg { @@ -2472,7 +2472,7 @@ button.icon.lg {
2472 right: 0; 2472 right: 0;
2473 bottom: 0; 2473 bottom: 0;
2474 left: 0; 2474 left: 0;
2475 - z-index: 1110; 2475 + z-index: 10000;
2476 opacity: 0; 2476 opacity: 0;
2477 outline: 0; 2477 outline: 0;
2478 text-align: center; 2478 text-align: center;
  1 +// components/showModal/showModal.js
  2 +import util from '../../../utils/util'
  3 +
  4 +const properties = {
  5 + cancelText: {type: String, value: ''},
  6 + cancelColor: {type: String, value: '#000'},
  7 + confirmText: {type: String, value: '确认'},
  8 + confirmColor: {type: String, value: '#fff'},
  9 + header: {type: String, value: '确认信息'},
  10 + body: {type: String, value: '确认信息'},
  11 + cla: String,
  12 +};
  13 +Component({
  14 + options: {
  15 + multipleSlots: true // 在组件定义时的选项中启用多slot支持
  16 + },
  17 + /**
  18 + * 组件的属性列表
  19 + */
  20 + properties: properties,
  21 +
  22 + /**
  23 + * 组件的初始数据
  24 + */
  25 + data: {
  26 + hasShow: false,
  27 + },
  28 + attached() {
  29 + let opt = {};
  30 + Object.keys(properties).forEach((k) => {
  31 + opt[k] = this.data[k]
  32 + })
  33 + this.setData({
  34 + opt: opt
  35 + })
  36 + },
  37 + /**
  38 + * 组件的方法列表
  39 + */
  40 + methods: {
  41 + options(obj) {
  42 + let opt = this.data.opt;
  43 + this.setData({
  44 + opt: {
  45 + ...opt,
  46 + ...obj
  47 + }
  48 + })
  49 + return this;
  50 + },
  51 + show() {
  52 + console.log(this.data.opt)
  53 + this.setData({
  54 + hasShow: true,
  55 + })
  56 + },
  57 + tapButton(e) {
  58 + if(util.attr(e, 'type')=='confirm'){
  59 + this.triggerEvent('event', {type: util.attr(e, 'type')})
  60 + }
  61 + this.hide();
  62 + },
  63 + hide() {
  64 + this.setData({
  65 + hasShow: false,
  66 + })
  67 + }
  68 + }
  69 +})
  1 +{
  2 + "component": true,
  3 + "usingComponents": {}
  4 +}
  1 +<!--components/showModal/showModal.wxml-->
  2 +<view class="cu-modal bottom-modal {{hasShow?'show':''}}" bindtap="hide">
  3 + <view class="cu-dialog confirm bg-white" catchtap="catchtap">
  4 + <view class="view padding-lg">
  5 + {{opt.header}}
  6 + </view>
  7 + <view class="view margin-bottom-xl">
  8 + {{opt.body}}
  9 + </view>
  10 + <view class="flex justify-center margin-bottom-lg margin-top">
  11 + <button class="view cu-btn margin-right-xl round bg-ghostWhite" wx:if="{{opt.cancelText}}"
  12 + bindtap="tapButton" data-type="cancel"
  13 + style="color:{{opt.cancelColor}};">{{opt.cancelText}}</button>
  14 + <button class="view cu-btn round bg-blue"
  15 + bindtap="tapButton" data-type="confirm"
  16 + style="color:{{opt.confirmColor}};">{{opt.confirmText}}</button>
  17 + </view>
  18 + </view>
  19 +</view>
  20 +<!--
  21 +<view class="mask flex-vc {{cla}}" hidden="{{!hasShow}}">
  22 + <view class="showModal">
  23 + <view class="header">
  24 + {{opt.header}}
  25 + </view>
  26 + <view class="body">
  27 + {{opt.body}}
  28 + <slot name="body"></slot>
  29 + </view>
  30 + <view class="footer flex-cc">
  31 + <button class="button-none cancel" plain wx:if="{{opt.cancelText}}"
  32 + bindtap="tapButton" data-type="cancel"
  33 + style="color:{{opt.cancelColor}};">{{opt.cancelText}}</button>
  34 + <button class="button-none confirm bg-brown" plain
  35 + bindtap="tapButton" data-type="confirm"
  36 + style="color:{{opt.confirmColor}};">{{opt.confirmText}}</button>
  37 + </view>
  38 + </view>
  39 +</view>
  40 +-->
  1 +/* components/showModal/showModal.wxss */
  2 +@import "../../../colorui/main.wxss";
  3 +.confirm{
  4 + border-radius: 40rpx 40rpx 0rpx 0rpx !important;
  5 +}
  6 +.bg-ghostWhite{
  7 + background-color: var(--ghostWhite);
  8 +}
@@ -31,6 +31,10 @@ Component({ @@ -31,6 +31,10 @@ Component({
31 */ 31 */
32 methods: { 32 methods: {
33 getPos(fouce=false){ 33 getPos(fouce=false){
  34 + this.selectComponent('#confirm').options({
  35 + header: '定位失败',
  36 + body: '请开启定位，为您查询附近餐厅。'
  37 + }).show();
34 this._getPos().then(res => { 38 this._getPos().then(res => {
35 console.log('wx.getLocation.then', res); 39 console.log('wx.getLocation.then', res);
36 failCount=0; 40 failCount=0;
@@ -76,9 +80,9 @@ Component({ @@ -76,9 +80,9 @@ Component({
76 if(this.data.hasAllowLoading) wx.hideLoading() 80 if(this.data.hasAllowLoading) wx.hideLoading()
77 return; 81 return;
78 } 82 }
79 - this.selectComponent('#showModal').options({ 83 + this.selectComponent('#confirm').options({
80 header: '定位失败', 84 header: '定位失败',
81 - body: '需要地理位置授权' 85 + body: '请开启定位，为您查询附近餐厅。'
82 }).show(); 86 }).show();
83 } else { 87 } else {
84 failCount=failCount+1; 88 failCount=failCount+1;
@@ -127,7 +131,7 @@ Component({ @@ -127,7 +131,7 @@ Component({
127 },2000) 131 },2000)
128 }) 132 })
129 }, 133 },
130 - showModal(e){ 134 + confirmEvent(e){
131 wx.openSetting() 135 wx.openSetting()
132 }, 136 },
133 } 137 }
1 { 1 {
2 "component": true, 2 "component": true,
3 "usingComponents": { 3 "usingComponents": {
4 - "showModal":"/components/showModal/showModal" 4 + "confirm":"/components/2.0/dialog/confirm"
5 } 5 }
6 } 6 }
1 <!--components/userinfo/getpos.wxml--> 1 <!--components/userinfo/getpos.wxml-->
2 -<showModal id="showModal" confirmText="去授权" bindshowModal="showModal"></showModal> 2 +<confirm id="confirm"
  3 + confirmText="去开启"
  4 + confirmColor="#FFFFFF"
  5 + cancelText="再想想"
  6 + cancelColor="#42A5FF"
  7 + bindevent="confirmEvent"></confirm>
@@ -2,7 +2,6 @@ @@ -2,7 +2,6 @@
2 @import "../colorui/main.wxss"; 2 @import "../colorui/main.wxss";
3 .tabBar{ 3 .tabBar{
4 position: fixed; 4 position: fixed;
5 - z-index: 9;  
6 bottom: 34rpx; 5 bottom: 34rpx;
7 left: calc(50% - 232rpx); 6 left: calc(50% - 232rpx);
8 width: 464rpx; 7 width: 464rpx;
@@ -4,8 +4,14 @@ import App from '../../utils/api'; @@ -4,8 +4,14 @@ import App from '../../utils/api';
4 import DA from './data'; 4 import DA from './data';
5 import PubSub from '../../utils/PubSub' 5 import PubSub from '../../utils/PubSub'
6 const {regeneratorRuntime} = global 6 const {regeneratorRuntime} = global
  7 +const mapScale = 15//18;
  8 +const def_latitude = 39.684670;
  9 +const def_longitude = 118.176300;
7 Page({ 10 Page({
8 - data:{}, 11 + data:{
  12 + map:{},
  13 + },
  14 + user:{},
9 /** 15 /**
10 * 生命周期函数--监听页面加载 16 * 生命周期函数--监听页面加载
11 */ 17 */
@@ -17,7 +23,7 @@ Page({ @@ -17,7 +23,7 @@ Page({
17 * 生命周期函数--监听页面初次渲染完成 23 * 生命周期函数--监听页面初次渲染完成
18 */ 24 */
19 onReady: function () { 25 onReady: function () {
20 - 26 + this.selectComponent('#getpos').getPos();
21 }, 27 },
22 28
23 /** 29 /**
@@ -25,6 +31,7 @@ Page({ @@ -25,6 +31,7 @@ Page({
25 */ 31 */
26 onShow: function () { 32 onShow: function () {
27 PubSub.emit('custom-tab-bar') 33 PubSub.emit('custom-tab-bar')
  34 +
28 }, 35 },
29 36
30 /** 37 /**
@@ -40,6 +47,33 @@ Page({ @@ -40,6 +47,33 @@ Page({
40 onUnload: function () { 47 onUnload: function () {
41 48
42 }, 49 },
  50 + onpos(e) {
  51 + let res = e.detail;
  52 + console.log('onpos.res', res);
  53 + let map = this.data.map;
  54 + if (!res.latitude){
  55 + map.latitude = def_latitude;
  56 + map.longitude = def_longitude;
  57 + }else{
  58 + map.latitude = res.latitude;
  59 + map.longitude = res.longitude;
  60 + }
  61 + map.scale = mapScale;
  62 + this.user.latitude = res.latitude;
  63 + this.user.longitude = res.longitude;
  64 + let sdobj = {
  65 + map: map,
  66 + }
  67 + this.setData(sdobj)
  68 + },
  69 + moveToLocation() {
  70 + console.log('moveToLocation')
  71 + if (!this.user.latitude) {
  72 + console.log('moveToLocation')
  73 + this.selectComponent('#getpos').getPos(true);
  74 + return;
  75 + }
  76 + },
43 back:function() { 77 back:function() {
44 /* 78 /*
45 var mta = require('mta-wechat-analysis') 79 var mta = require('mta-wechat-analysis')
1 <!--pages/reservr/index.wxml--> 1 <!--pages/reservr/index.wxml-->
2 -<view class="pages">  
3 - <view class="flex-vc map">  
4 - <map id="map" scale="{{map.scale}}"  
5 - longitude="{{map.longitude}}" latitude="{{map.latitude}}"  
6 - markers="{{markers}}" polygons="{{polygons}}"  
7 - bindmarkertap="markertap"  
8 - bindcallouttap="markertap"  
9 - bindregionchange="regionchange"  
10 - bindupdated="mapUpdated"  
11 - show-location="{{false}}"  
12 - enable-3D="{{false}}"  
13 - enable-zoom  
14 - enable-scroll  
15 - enable-rotate  
16 - subkey="SDEBZ-I74W4-QLGUX-XXYXU-HIR23-3QFBJ"  
17 - layer-style="2"  
18 - style="width: 100%; height: {{map.height}}px;"></map>  
19 - </view>  
20 - <movable-area class="seller-view">  
21 - <movable-view direction="vertical" out-of-bounds  
22 - bindchange="movableChange"  
23 - class="movable-view">  
24 - <navigator url="./search"  
25 - bindtap="elog" data-ename="点击搜索框" hover-class="navigator-hover">  
26 - <view class="flex-ll transverse-view-search">  
27 - <view class="searchAddr flex-ll">  
28 - <image class="icon" src="http://nosqn.colorcun.com/custom/lite-online/image/search26.png"></image>  
29 - <view class="title">{{hasSuggestion?suggestion.title:'搜索餐厅/位置'}}</view>  
30 - <view class="clean" catchtap="moveToLocation" wx:if="{{hasSuggestion}}"></view>  
31 - </view>  
32 - <view class="searchList flex-tb" catchtap="listShow">  
33 - <image class="icon" src="http://nosqn.colorcun.com/mapmenu/maplist.png"></image>  
34 - <view class="title">列表模式</view>  
35 - </view>  
36 - </view>  
37 - </navigator>  
38 - <view class="transverse-search">  
39 - <view  
40 - bindtap="caixiShow"  
41 - class="tags {{multiIndex[0]>0?'active':''}}"  
42 - >  
43 - <view class="picker flex-lr">  
44 - <view class="input">  
45 - <block wx:if="{{multiIndex[0]==0}}">菜系</block>  
46 - <block wx:else="">{{multiArray[0][multiIndex[0]]}}</block>  
47 - </view>  
48 - <view class="more"></view>  
49 - </view>  
50 - </view>  
51 - <block wx:for="{{tags}}" wx:key="tagskey">  
52 - <view class="tags {{item.active?'active':''}}"  
53 - bindtap="tagsChange"  
54 - data-id="{{item.id}}">{{item.name}}</view>  
55 - </block>  
56 - <view  
57 - bindtap="filterShow"  
58 - class="tags {{filterParams.consumeStr?'active':''}}"  
59 - >  
60 - <view class="picker flex-lr">  
61 - <view class="input">  
62 - {{filterParams.consumeStr?filterParams.consumeStr:'筛选'}}  
63 - </view>  
64 - <view class="more"></view>  
65 - </view>  
66 - </view>  
67 - <!--  
68 - <view class="fingSeller flex-ll" bindtap="findSeller">  
69 - <view class="icon"></view>  
70 - <view>查找餐厅</view>  
71 - </view>  
72 - -->  
73 - </view>  
74 - <view class="transverse-list" wx:if="{{hasGetSellersEnd}}">  
75 - <swiper wx:if="{{hasSellers || listMoreCount>0}}"  
76 - indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"  
77 - interval="2000" duration="500"  
78 - previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"  
79 - current="{{current}}" bindchange="bindtransition">  
80 - <block wx:for="{{markers}}" wx:key="markerskey" wx:if="{{item.id!='location' && item.id!='locationMe'}}">  
81 - <swiper-item bindtap="gotoDetail"  
82 - data-sid="{{item.id}}" wx:if="{{item.display!='none'}}">  
83 - <view class="seller" id="seller-{{item.id}}">  
84 - <sb-tr seller="{{item.seller}}"  
85 - hasInSwiper bindevent="sbtrEvent"  
86 - hasActivityTags="{{false}}"  
87 - hasActivityShort="{{true}}"  
88 - hasBrand="true" hasActivityRed="true"  
89 - hasSuggestion="{{hasSuggestion}}" hasShafa  
90 - hasSlogan="{{false}}"></sb-tr>  
91 - </view>  
92 - </swiper-item>  
93 - </block>  
94 - <swiper-item bindtap="gotoDetail2">  
95 - <view class="seller seller-last" id="seller-last">  
96 - <view class="empty">  
97 - <view class="info">  
98 - <view class="info-msg Semibold">缩放地图发现更多餐厅</view>  
99 - <view class="info-txt">往任意方向拖动地图，可搜索不同范围</view>  
100 - </view>  
101 - <view class="icon"></view>  
102 - </view>  
103 - </view>  
104 - </swiper-item>  
105 - </swiper>  
106 - <view class="empty-txt flex-vc" wx:else="">  
107 - <view class="seller">  
108 - <view class="empty">  
109 - <view class="info" wx:if="{{listMoreCount>0}}" bindtap="listShow">  
110 - <view class="info-msg Semibold" style="margin-top: 58rpx;">已扩大范围为你找到餐厅</view>  
111 - <view class="info-txt">当前范围没有找到符合条件的餐厅</view>  
112 - <view class="info-button flex-lr" style="display: flex;margin-top: 50rpx;margin-left: 0;">  
113 - <view>去挑选</view>  
114 - <view class="info-button-gt"></view>  
115 - </view>  
116 - </view>  
117 - <view class="info" wx:elif="{{hasSearchLimit}}">  
118 - <view class="info-msg Semibold" style="margin-top: 58rpx;">未找到符合要求的餐厅</view>  
119 - <view class="info-txt">修改或减少条件，获取更多餐厅</view>  
120 - <button class="button-none flex-lr info-button"  
121 - style="display: flex;margin-top: 50rpx;margin-left: 0;"  
122 - open-type="contact">  
123 - <view>人工帮订</view>  
124 - <view class="info-button-gt"></view>  
125 - </button>  
126 - </view>  
127 - <view class="info" wx:else="" bindtap="setTSLocal">  
128 - <view class="info-msg Semibold">你可以切换到其他城市看看</view>  
129 - <view class="info-button full flex-lr">  
130 - <view>唐山市</view>  
131 - <view class="info-button-gt"></view>  
132 - </view>  
133 - </view>  
134 - </view>  
135 - </view>  
136 - </view>  
137 - </view>  
138 - <view class="transverse-list" wx:else="">  
139 - <swiper  
140 - indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"  
141 - interval="2000" duration="500"  
142 - previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"  
143 - current="{{current}}" bindchange="bindtransition">  
144 - <swiper-item bindtap="gotoDetail2" >  
145 - <view class="seller seller-last" id="seller-last">  
146 - <view class="empty">  
147 - <view class="info">  
148 - <view class="info-msg Semibold">缩放地图发现更多餐厅</view>  
149 - <view class="info-txt">往任意方向拖动地图，可搜索不同范围</view>  
150 - </view>  
151 - <view class="icon"></view>  
152 - </view>  
153 - </view>  
154 - </swiper-item>  
155 - </swiper>  
156 - </view>  
157 - </movable-view>  
158 - </movable-area> 2 +<map id="map" scale="{{map.scale}}"
  3 + longitude="{{map.longitude}}" latitude="{{map.latitude}}"
  4 + markers="{{markers}}" polygons="{{polygons}}"
  5 + bindmarkertap="markertap"
  6 + bindcallouttap="markertap"
  7 + bindregionchange="regionchange"
  8 + bindupdated="mapUpdated"
  9 + show-location="{{false}}"
  10 + enable-3D="{{false}}"
  11 + enable-zoom
  12 + enable-scroll
  13 + enable-rotate
  14 + subkey="SDEBZ-I74W4-QLGUX-XXYXU-HIR23-3QFBJ"
  15 + layer-style="2"
  16 + style="width: 100%; height: 360rpx;"></map>
  17 +<view class="view">
  18 +
159 </view> 19 </view>
160 -<view bindtap="moveToLocation" class="moveToLocation">  
161 - <image src="http://nosqn.colorcun.com/reserve/images/golocal.png"></image> 20 +<getpos bindpos="onpos" id="getpos"></getpos>
  21 +<view bindtap="moveToLocation" class="view moveToLocation flex align-center justify-center">
  22 + <image class="moveToLocation-image" src="http://nosqn.colorcun.com/2.0/home%20%2811%29.png"></image>
162 </view> 23 </view>
  24 +<!--
  25 +
163 <view class="toast" wx:if="{{hasGetSellersEnd && listMoreCount<1 && !hasSearchLimit}}">该地区没有可供预订的餐厅哦！努力开通中</view> 26 <view class="toast" wx:if="{{hasGetSellersEnd && listMoreCount<1 && !hasSearchLimit}}">该地区没有可供预订的餐厅哦！努力开通中</view>
164 <view class="toast" wx:if="{{hasGetSellersEnd && markers.length<3 && listMoreCount>0}}">移动或缩放地图，获取更多餐厅</view> 27 <view class="toast" wx:if="{{hasGetSellersEnd && markers.length<3 && listMoreCount>0}}">移动或缩放地图，获取更多餐厅</view>
165 -<getpos bindpos="onpos" id="getpos"></getpos> 28 +
166 <seller-box id="seller-box" bindevent="sellerBoxEvent"></seller-box> 29 <seller-box id="seller-box" bindevent="sellerBoxEvent"></seller-box>
167 <cover-view class="tab-patch"></cover-view> 30 <cover-view class="tab-patch"></cover-view>
168 <a2l bindshow="a2lshow" bindhide="a2lshow" key="INDEX"></a2l> 31 <a2l bindshow="a2lshow" bindhide="a2lshow" key="INDEX"></a2l>
@@ -173,4 +36,5 @@ @@ -173,4 +36,5 @@
173 <boost bindevent="boostEvent" wx:if="{{hasBoost}}"></boost> 36 <boost bindevent="boostEvent" wx:if="{{hasBoost}}"></boost>
174 <activity-tips wx:if="{{hasSetActivity}}" map="{{map}}"></activity-tips> 37 <activity-tips wx:if="{{hasSetActivity}}" map="{{map}}"></activity-tips>
175 <as-phone id="as"></as-phone> 38 <as-phone id="as"></as-phone>
176 -<filter id="filter" bindevent="filterEvent"></filter>  
  39 +<filter id="filter" bindevent="filterEvent"></filter>
  40 +-->
1 /* pages/reservr/index.wxss */ 1 /* pages/reservr/index.wxss */
2 - 2 +@import "/colorui/main.wxss";
3 page{ 3 page{
4 background-color: #efefef; 4 background-color: #efefef;
5 --barHeight: calc(98rpx + env(safe-area-inset-bottom)); 5 --barHeight: calc(98rpx + env(safe-area-inset-bottom));
6 } 6 }
7 -.pages{  
8 - width: 100%;  
9 - margin: 0 0 0;  
10 - color:#353535;  
11 -}  
12 -.map{  
13 -  
14 -}  
15 -.tab-patch{  
16 - position: fixed;  
17 - background-color: #fefefe;  
18 - height: 20rpx;  
19 - width: 100%;  
20 - bottom: -120rpx;  
21 -}  
22 .moveToLocation{ 7 .moveToLocation{
23 position: fixed; 8 position: fixed;
24 - bottom: calc(520rpx + var(--barHeight));  
25 - right: 20rpx;  
26 - width: 62rpx;  
27 - height: 62rpx;  
28 -}  
29 -.moveToLocation image{  
30 - width: 62rpx;  
31 - height: 62rpx;  
32 -}  
33 -  
34 -.transverse-view{  
35 - position: relative;  
36 - height: 464rpx;  
37 - width: 100%;  
38 - background-color: #fefefe;  
39 - overflow: hidden;  
40 -}  
41 -  
42 -.transverse-list{  
43 - background-color: #fefefe;  
44 - /*height: 264rpx;*/  
45 - width: 100%;  
46 - margin-top: -360rpx;  
47 -}  
48 -.transverse-list .seller{  
49 - width: 98%;  
50 - margin: 0 auto; 9 + width: 80rpx;
  10 + height: 80rpx;
  11 + right:0rpx;
  12 + top:280rpx;
51 } 13 }
52 -.transverse-list .seller .empty{  
53 - height: 300rpx;  
54 - overflow: hidden;  
55 - color: #353535;  
56 - width: 86%;  
57 - border: 2rpx solid #E0E0E0;  
58 - border-left: 6rpx solid #F05522;  
59 - border-radius: 6rpx;  
60 - box-shadow: 0 4rpx 8rpx 0 #E0E0E0;  
61 - position: relative;  
62 -}  
63 -.transverse-list .seller-last .empty{  
64 - width: 99%;  
65 -}  
66 -.seller .empty .info{  
67 - height: 124rpx;  
68 - font-size: 28rpx;  
69 - margin-left: 34rpx;  
70 - margin-top: 88rpx;  
71 -}  
72 -.seller .empty .info .info-msg{  
73 - font-size: 32rpx;  
74 - color:#F05522;  
75 - margin-bottom: 40rpx;  
76 - height: 44rpx;  
77 - line-height: 44rpx;  
78 -}  
79 -.info-txt{  
80 - line-height: 40rpx; 14 +.moveToLocation-image{
  15 + width: 40rpx;
81 height: 40rpx; 16 height: 40rpx;
82 -}  
83 -.seller .empty .icon{  
84 - background-image: url("http://nosqn.colorcun.com/reserve/images/hasClick.png");  
85 - background-size: 100% 100%;  
86 - width: 54rpx;  
87 - height: 56rpx;  
88 - position: absolute;  
89 - top:82rpx;  
90 - right:40rpx;  
91 -}  
92 -.seller-last .empty .icon{  
93 - background-image: url("http://nosqn.colorcun.com/reserve/images/%E7%BC%A9%E6%94%BE.png");  
94 - background-size: 100% 100%;  
95 - width: 98rpx;  
96 - height: 76rpx;  
97 - position: absolute;  
98 - top:40rpx;  
99 - right:68rpx;  
100 -}  
101 -  
102 -.picker{  
103 - height: 50rpx;  
104 - line-height: 50rpx;  
105 - padding-left: 8rpx;  
106 - padding-right: 10rpx;  
107 -}  
108 -.picker .input{  
109 - height: 50rpx;  
110 - line-height: 50rpx;  
111 - margin-right: 10rpx;  
112 -}  
113 -.picker .more{  
114 - background-image: url("http://nosqn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB.png");  
115 - width: 12rpx;  
116 - height: 16rpx;  
117 - min-width:12rpx;  
118 -}  
119 -.disabled .tags{  
120 - color: #999;  
121 -}  
122 -.enabled .tags{  
123 - color: #353535;  
124 -}  
125 -.disabled .fingSeller{  
126 - color: #999;  
127 -}  
128 -.disabled .fingSeller .icon{  
129 - position: relative;  
130 - background: none;  
131 -}  
132 -.disabled .fingSeller .icon:after{  
133 - content: '';  
134 - display: block;  
135 - width: 100%;  
136 - height: 100%;  
137 - position: absolute;  
138 - top: 0;  
139 - right: 0;  
140 - bottom: 0;  
141 - left: 0;  
142 - background: url('http://nosqn.colorcun.com/reserve/images/find-black.png');  
143 - background-size: 100% 100%;  
144 - opacity: 0.5;  
145 -}  
146 -.enabled .fingSeller,.fingSeller{  
147 - height: 70rpx;  
148 - line-height: 70rpx;  
149 - width: 172rpx;  
150 - box-shadow:-12rpx 0 10rpx -8rpx rgba(178,177,177,0.5);  
151 - box-sizing: border-box;  
152 - padding-left: 28rpx;  
153 - font-weight:600;  
154 - color:rgba(240,85,34,1);  
155 -}  
156 -.enabled .fingSeller .icon,.fingSeller .icon{  
157 - width: 32rpx;  
158 - height: 30rpx;  
159 - margin-right: 6rpx;  
160 - background-image: url("http://nosqn.colorcun.com/reserve/images/find.png");  
161 - background-size: 100% 100%;  
162 -}  
163 -.enabled .fingSeller .icon:after{  
164 - opacity: 0;  
165 - background:none;  
166 -}  
167 -  
168 -.tags.active .picker .more{  
169 - background-image: url("http://nosqn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB%E9%80%89%E4%B8%AD.png");  
170 -}  
171 -.disabled .picker .more{  
172 - background-image: url("http://nosqn.colorcun.com/custom/lite-yd/image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20190925174046.png");  
173 -}  
174 -.enabled .picker .more{  
175 - background-image: url("http://nosqn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB%E9%80%89%E4%B8%AD.png");  
176 -}  
177 -.searchAddr {  
178 - margin-left: 15rpx;  
179 - width: 400rpx;  
180 - height: 64rpx;  
181 - background-color: #fefefe;  
182 - line-height: 64rpx;  
183 - font-weight:400;  
184 - color:rgba(153,153,153,1);  
185 - font-size: 28rpx;  
186 -  
187 - border-radius:32rpx;  
188 - border:2rpx solid rgba(204,204,204,1);  
189 - width: 100%;  
190 - box-sizing: border-box;  
191 -}  
192 -.searchAddr .icon{  
193 - min-width: 22rpx;  
194 - width: 22rpx;  
195 - height: 22rpx;  
196 - margin: 0 10rpx 0 40rpx;  
197 -}  
198 -.searchAddr .title{  
199 - line-height: 60rpx;  
200 - height: 60rpx;  
201 - overflow: hidden;  
202 - width: 100%;  
203 - text-align: left;  
204 -}  
205 -.searchList{  
206 - margin-left: 30rpx;  
207 - width:72rpx;  
208 - min-width: 72rpx;  
209 - align-items: center;  
210 -  
211 -}  
212 -.searchList .icon{  
213 - width:40rpx;  
214 - height:36rpx;  
215 - margin-bottom: 4rpx;  
216 -}  
217 -.searchList .title{  
218 - height:26rpx;  
219 - font-size:18rpx;  
220 - font-family:PingFangSC-Regular,PingFang SC;  
221 - font-weight:400;  
222 - color:rgba(192,163,105,1);  
223 - line-height:26rpx;  
224 -}  
225 -.empty-txt{  
226 - height: 300rpx;  
227 - line-height: 300rpx;  
228 - font-size: 34rpx;  
229 -}  
230 -.empty-txt .seller{  
231 -  
232 -}  
233 -.empty-txt .seller .empty{  
234 - background-image: url("http://nosqn.colorcun.com/reserve/images/empty-seller.png");  
235 - background-size: 100% 100%;  
236 - border-left-width: 0;  
237 - margin: 0 auto;  
238 - width: 90%;  
239 -}  
240 -.empty-txt .seller .empty .info{  
241 - margin-top: 52rpx;  
242 - margin-left: 30rpx;  
243 -}  
244 -.empty-txt .seller .empty .info .info-msg{  
245 - margin-bottom: 14rpx;  
246 - font-size: 34rpx;  
247 - margin-top: 78rpx;  
248 - height: 48rpx;  
249 - line-height: 48rpx;  
250 -}  
251 -.empty-txt .seller .empty .info .info-txt{  
252 - font-size: 24rpx;  
253 -}  
254 -.info-button{  
255 - border: 2rpx solid #F05522;  
256 - border-radius: 28rpx;  
257 - height: 56rpx;  
258 - line-height: 56rpx;  
259 - padding: 0 20rpx;  
260 - color: #F05522;  
261 - font-size: 28rpx;  
262 - min-width: 146rpx;  
263 - max-width: 170rpx;  
264 - box-sizing: border-box;  
265 -}  
266 -.info-button-gt{  
267 - background-image: url("http://nosqn.colorcun.com/reserve/images/gt-cheng.png");  
268 - background-size: 100% 100%;  
269 - width: 10rpx;  
270 - height: 20rpx;  
271 -  
272 -}  
273 -.info-button.full{  
274 - background-color: #F05522;  
275 - color:#fefefe;  
276 -}  
277 -.info-button.full .info-button-gt{  
278 - background-image: url("http://nosqn.colorcun.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20190925175650.png");  
279 -}  
280 -.transverse-search .tags{  
281 - height: 50rpx;  
282 - line-height: 50rpx;  
283 - background-color: #F0F0F9;  
284 - border-radius: 4rpx;  
285 - margin-right: 30rpx;  
286 - padding: 0 16rpx;  
287 -}  
288 -.transverse-search .tags:last-child{  
289 - margin-right: 0;  
290 -}  
291 -.transverse-search .tags.active{  
292 - background:linear-gradient(to bottom ,#F4DAB9,#E9BE94);  
293 - color:#8B5318;  
294 - font-weight: 900;  
295 -}  
296 -  
297 -  
298 - /* seller-view start*/  
299 -.seller-view{  
300 - position:fixed;  
301 - bottom: calc(0rpx + var(--barHeight));  
302 - width: 100%;  
303 - background-color: #fefefe;  
304 - border-radius: 20rpx 20rpx 0 0;  
305 - box-shadow: -4rpx 0 4rpx 2rpx #C5C1C1;  
306 - overflow: hidden;  
307 - padding: 30rpx 0 20rpx;  
308 - height: 506rpx;  
309 - box-sizing: border-box;  
310 -}  
311 -.seller-view.disabled{  
312 - height: 410rpx;  
313 -}  
314 -.transverse-view-top{  
315 - height: 58rpx;  
316 - overflow: hidden;  
317 - background-color:#FFFFFF;  
318 - border-radius: 20rpx 20rpx 0 0;  
319 - position: fixed;  
320 - width: 100%;  
321 -}  
322 -.transverse-view-top .line{  
323 - height: 6rpx;  
324 - width: 70rpx;  
325 - margin-top: 14rpx;  
326 - background-color: #E0E0E0;  
327 -}  
328 -.transverse-view-top .text{  
329 - height: 34rpx;  
330 - line-height: 34rpx;  
331 - font-size: 24rpx;  
332 - color: #999999;  
333 - margin-top: 6rpx;  
334 -}  
335 -.transverse-search{  
336 - background-color: #fefefe;  
337 - /*height: 90rpx;*/  
338 - height: 450rpx;  
339 - font-size: 24rpx;  
340 - padding-left: 16rpx;  
341 - line-height: 90rpx;  
342 - width: calc(100% - 16rpx);  
343 - overflow-x: auto;  
344 - white-space:nowrap;  
345 -}  
346 -.transverse-search view{  
347 - display: inline-block;  
348 -}  
349 -  
350 -  
351 -.disabled .transverse-search{  
352 - padding-top: 0;  
353 -}  
354 -.toast{  
355 - background-color: #000;  
356 - width: 534rpx;  
357 - position: fixed;  
358 - bottom:calc(520rpx + var(--barHeight));  
359 - color: #fefefe;  
360 - height:60rpx;  
361 - font-size:26rpx;  
362 - line-height:60rpx;  
363 - left: calc(50% - 267rpx);  
364 - text-align: center;  
365 - border-radius:30rpx;  
366 - opacity:0.64;  
367 -}  
368 -.disabled .toast{  
369 - background-color: #000;  
370 - width: calc(100% - 72rpx);  
371 - position: fixed;  
372 - bottom:calc(430rpx + var(--barHeight));  
373 - color: #fefefe;  
374 - height:60rpx;  
375 - font-size:26rpx;  
376 - line-height:60rpx;  
377 - left: 36rpx;  
378 - text-align: center;  
379 - border-radius:30rpx;  
380 - opacity:0.64;  
381 -}  
382 -.transverse-view-search{  
383 - width:100%;  
384 - height:66rpx;  
385 - padding: 0 20rpx;  
386 - background:rgba(254,254,254,1);  
387 - box-sizing: border-box;  
388 -}  
389 -  
390 -.movable-view{  
391 - width: 100%;  
392 - padding-top: 20rpx;  
393 - height: 426rpx;  
394 -}  
395 -.searchAddr .clean{  
396 - position: relative;  
397 - width: 100rpx;  
398 - height: 60rpx;  
399 - min-width: 100rpx;  
400 -}  
401 -.searchAddr .clean:after{  
402 - background-image: url("http://nosqn.colorcun.com/clean.png");  
403 - background-size: 100% 100%;  
404 - display: block;  
405 - content: "";  
406 - width:28rpx;  
407 - height:28rpx;  
408 - position: absolute;  
409 - top:16rpx;  
410 - left:32rpx;  
411 } 17 }