From b007eb7b6fa0b562646e38259d90333cbd69dc1b Mon Sep 17 00:00:00 2001
From: Vion <leung@waynetechs.com>
Date: Wed, 19 Jan 2022 23:02:07 +0800
Subject: [PATCH 1/3] Address Component

---
 rc-busness/components/addressInput.vue | 122 +++++++++++++++++--------
 1 file changed, 85 insertions(+), 37 deletions(-)

diff --git a/rc-busness/components/addressInput.vue b/rc-busness/components/addressInput.vue
index 8da3f31f..9045bafe 100644
--- a/rc-busness/components/addressInput.vue
+++ b/rc-busness/components/addressInput.vue
@@ -10,10 +10,11 @@
 					<li @click="switchTab(1)">{{ returnValueArr[1]?returnValueArr[1].name:'请选择' }}</li>
 					<li @click="switchTab(2)">{{ returnValueArr[2]?returnValueArr[2].name:'请选择' }}</li>
 				</ul>
+				<div class="close" @click="hideAddress"></div>
 			</div>
 			<div class="ts-area-picker-values">
 				<ul>
-					<li v-for="(item, index) in curDisplayingCol" :key="item.id" @click="pickValue(item.id,item.name)" v-bind:class="{ active:(returnValue[curDisplayingColIndex]?returnValue.id==item.id:false) }">
+					<li v-for="(item, index) in curDisplayingCol" :key="item.id" @click="pickValue(item.id,item.name)" v-bind:class="{ active:(returnValueArr[curDisplayingColIndex]?returnValueArr[curDisplayingColIndex].id==item.id:false) }">
 						{{ item.name }}
 					</li>
 				</ul>
@@ -37,6 +38,7 @@
 </template>
 <script>
 export default {
+	props:["defaultValues"],
 	data(){
 		return{
 			displayValue:"",
@@ -70,6 +72,8 @@ export default {
 			let self=this;
 			// defaultValues : array[{id:"_ID_IN_columns_of_province",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_city",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_area",name:"_NAME_IN_columns"}]
 			let defaultValues = [{id:this.columns[0].values[0].id, name:this.columns[0].values[0].name},{id:this.columns[1].values[0].id, name:this.columns[1].values[0].name},{id:this.columns[2].values[0].id, name:this.columns[2].values[0].name}];
+			if(this.defaultValues)
+				defaultValues=this.defaultValues;
 			this.$children.forEach(function(vueComponent){
 				if(vueComponent._name=="<VanPicker>")
 				{
@@ -141,11 +145,13 @@ export default {
 			let _self=this;
 			let provinceId='';
 			let areaId=undefined;
+			let validatedIndex=-1;
 			this.returnValueArr.forEach(function(obj,index){
 				switch(index){
 					case 0:
 						//Skipping province checking
 						provinceId = obj.id;
+						validatedIndex = 0;
 						break;
 					case 1:
 						//Checking City
@@ -157,6 +163,7 @@ export default {
 						else
 						{
 							areaId = _self.returnValueArr[index].id;
+							validatedIndex=index;
 						}
 						//Checking City end
 						break;
@@ -167,15 +174,18 @@ export default {
 							console.log('501 : error via checking validatePickedValues');
 							_self.returnValueArr[index]={};
 						}
+						else{
+							validatedIndex=index;
+						}
 						//Checking Area end
 						break;
 					default:
 						break;
 				}
 			});
+			return validatedIndex;
 		},
 		onConfirm(values) {
-			debugger;
 			//Get columns structure array here : values
 			let _self=this;
 			let returnVal=[];
@@ -210,30 +220,33 @@ export default {
 			this.show=false;
 		},
 		switchTab(tabIndex){
-			let _self=this;
 			let areaTabLi=document.querySelectorAll(".ts-area-picker-tmp-value li");
 			if(tabIndex==0){
 				this.curDisplayingCol = this.columns[tabIndex].values;
 			}
-			else{
-				if(this.returnValueArr[tabIndex-1]){}
-				else{
-					tabIndex=tabIndex-1;
-				}
+			let lastValidatedTabIndex=this.validatePickedValues();
+			if(lastValidatedTabIndex<(tabIndex-1))
+			{
+				//TODO show warning here
+				let errorEle=document.querySelector(".ts-area-picker-values");
+				errorEle.classList.add("error");
+				setTimeout(function(){
+					errorEle.classList.remove("error");
+				},2000);
+				tabIndex=lastValidatedTabIndex+1;
 			}
-			
 			this.curDisplayingColIndex=tabIndex;
+			let filteredData=this.columns[tabIndex].values;
+			if(tabIndex>0 && this.returnValueArr[tabIndex-1]) //pass
+			{
+				let pickedId = this.returnValueArr[tabIndex-1].id;
+				filteredData=this.fitlerValuesInArray(pickedId,this.columns[tabIndex].values);
+			}
+			this.curDisplayingCol=filteredData;
+			
 			areaTabLi.forEach(function(ele,index){
-				if(tabIndex==index)
-				{
+				if(tabIndex==index){
 					ele.classList.add('active');
-					let filteredData=_self.columns[tabIndex].values;
-					if(_self.curDisplayingColIndex>0) //pass
-					{
-						let pickedId = _self.returnValueArr[_self.curDisplayingColIndex-1].id;
-						filteredData=_self.fitlerValuesInArray(pickedId,_self.columns[tabIndex].values);
-					}
-					_self.curDisplayingCol=filteredData;
 				}
 				else
 					ele.classList.remove('active');
@@ -259,6 +272,7 @@ export default {
 		border-bottom:1px solid #D7D7D7;
 		padding:0 2.5rem;
 		box-sizing: border-box;
+		position:relative;
 		ul{
 			padding:0;
 			margin:0;
@@ -276,8 +290,20 @@ export default {
 				}
 			}
 		}
+		.close{
+			position:absolute;
+			position: absolute;
+			right: 3rem;
+			top: 1.5rem;
+			cursor: pointer;
+			&:before,&:after{
+				background-color: #333;
+			}
+		}
 	}
 	.ts-area-picker-values{
+		width:100%;
+		height:100%;
 		ul{
 			padding:1rem 2.5rem 2rem 2.5rem;
 			margin:0;
@@ -291,6 +317,30 @@ export default {
 			&.nth-child(6n){
 				margin-right:0;
 			}
+			&.active{
+				color:#E2001A;
+				border-bottom:4px solid #E2001A;
+			}
+		}
+	}
+	/deep/.van-picker__confirm,.close{
+		text-indent:-999rem;
+		position:relative;
+		&:after{
+			transform: rotate(45deg);
+		}
+		&:before{
+			transform: rotate(-45deg);
+		}
+		&:before,
+		&:after {
+		    position: absolute;
+		    content: ' ';
+		    background-color: #E1001A;
+		    left: 1.25rem;
+			bottom:-0.875rem;
+		    width: 1px;
+		    height: 1.375rem;
 		}
 	}
 	@media screen and (max-width:768px)
@@ -309,26 +359,8 @@ export default {
 			border-bottom:1px solid #D8D8D8;
 		}
 		/deep/.van-picker__confirm{
-			text-indent:-999rem;
-			position:relative;
-			&:after{
-				transform: rotate(45deg);
-			}
-			&:before{
-				transform: rotate(-45deg);
-			}
-			&:before,
-			&:after {
-			    position: absolute;
-			    content: ' ';
-			    background-color: #E1001A;
-			    left: 1.25rem;
-				bottom:-0.875rem;
-			    width: 1px;
-			    height: 1.375rem;
-			}
+			display:block;
 		}
-		
 		.ts-area-picker-mobile{
 			display:flex;
 			flex-direction: column;
@@ -344,6 +376,9 @@ export default {
 	}
 	@media screen and (min-width:769px)
 	{
+		/deep/.van-picker__confirm{
+			display:none;
+		}
 		.ts-area-picker-mobile{
 			display:none;
 		}
@@ -352,6 +387,19 @@ export default {
 			width:100%;
 			height:19.25rem;
 			border:1px solid #808285;
+			overflow:hidden;
+		}
+		.ts-area-picker-values{
+			
+		}
+	}
+	@keyframes flash-error
+	{
+		from {
+			opacity:.6;
+		}
+		to {
+			opacity:.3;
 		}
 	}
 </style>
\ No newline at end of file

From b284755a096915eed1aa1b1445d501e15cf06013 Mon Sep 17 00:00:00 2001
From: Vion <leung@waynetechs.com>
Date: Thu, 20 Jan 2022 11:19:31 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=EF=BF=A5=20added=20in=20index,=20star=20pr?=
 =?UTF-8?q?oducts=20text=20centralized?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 rc-busness/assets/css/index.less |  4 ++++
 rc-busness/pages/index.vue       | 16 ++++++++--------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less
index 24dc4cef..08c8590d 100644
--- a/rc-busness/assets/css/index.less
+++ b/rc-busness/assets/css/index.less
@@ -261,6 +261,10 @@
 			-webkit-box-orient: vertical;
 			max-width: 60%;
 			text-align: center;
+			word-break: keep-all;
+			height: 2.625rem;
+			display: flex;
+			align-items: center;
 		}
 		em{
 			font-style: normal;
diff --git a/rc-busness/pages/index.vue b/rc-busness/pages/index.vue
index 8fb46e99..b5a7190d 100644
--- a/rc-busness/pages/index.vue
+++ b/rc-busness/pages/index.vue
@@ -140,7 +140,7 @@
 					<div class="rc-column">
 						<div class="rc-click" @click="selectproduce(item,index)">
 							<span>{{item.name}}</span>
-							<i>{{item.ecprice}}</i>
+							<i>￥{{item.ecPrice}}</i>
 						</div>
 						<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 					</div>
@@ -195,7 +195,7 @@
 								<div class="rc-column">
 									<div class="rc-click" @click="selectproduce(item,index)">
 										<span>{{item.title}}</span>
-										<i>{{item.ecprice}}</i>
+										<i>￥{{item.ecPrice}}</i>
 									</div>
 									<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 								</div>
@@ -226,7 +226,7 @@
 						<div class="rc-column">
 							<div class="rc-click" @click="selectproduce(item,index)">
 								<span>{{item.name}}</span>
-								<i>{{item.ecprice}}</i>
+								<i>￥{{item.ecPrice}}</i>
 							</div>
 							<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 						</div>
@@ -284,7 +284,7 @@
 				 		<div class="rc-column">
 				 			<div class="rc-click" @click="selectproduce(item,index)">
 				 				<span>{{item.title}}</span>
-				 				<i>{{item.ecprice}}</i>
+				 				<i>￥{{item.ecPrice}}</i>
 				 			</div>
 				 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 				 		</div>
@@ -393,7 +393,7 @@
 						<div class="rc-column">
 							<div class="rc-click" @click="selectproduce(item,index)">
 								<span>{{item.name}}</span>
-								<i>{{item.ecprice}}</i>
+								<i>￥{{item.ecPrice}}</i>
 							</div>
 							<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 						</div>
@@ -451,7 +451,7 @@
 				 		<div class="rc-column">
 				 			<div class="rc-click" @click="selectproduce(item,index)">
 				 				<span>{{item.title}}</span>
-				 				<i>{{item.ecprice}}</i>
+				 				<i>￥{{item.ecPrice}}</i>
 				 			</div>
 				 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 				 		</div>
@@ -506,7 +506,7 @@
 						<div class="rc-column">
 							<div class="rc-click" @click="selectproduce(item,index)">
 								<span>{{item.name}}</span>
-								<i>{{item.ecprice}}</i>
+								<i>￥{{item.ecPrice}}</i>
 							</div>
 							<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 						</div>
@@ -565,7 +565,7 @@
 				 		<div class="rc-column">
 				 			<div class="rc-click" @click="selectproduce(item,index)">
 				 				<span>{{item.title}}</span>
-				 				<i>{{item.ecprice}}</i>
+				 				<i>￥{{item.ecPrice}}</i>
 				 			</div>
 				 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 				 		</div>

From c0dab8b55dc6c8870c53372a27fec944032412ea Mon Sep 17 00:00:00 2001
From: Admin <376654749@qq.com>
Date: Thu, 20 Jan 2022 03:32:45 +0000
Subject: [PATCH 3/3] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20rc-b?=
 =?UTF-8?q?usness/components/addressInput.vue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 rc-busness/components/addressInput.vue | 405 -------------------------
 1 file changed, 405 deletions(-)
 delete mode 100644 rc-busness/components/addressInput.vue

diff --git a/rc-busness/components/addressInput.vue b/rc-busness/components/addressInput.vue
deleted file mode 100644
index 9045bafe..00000000
--- a/rc-busness/components/addressInput.vue
+++ /dev/null
@@ -1,405 +0,0 @@
-<template>
-	<div class="ts-area-picker-container">
-		<input class="ts-area-picker-value-displayer" placeholder="请选择收货地址" @focus="initAddress" v-model="displayValue"></input>
-		<input type="hidden" :value="returnValue">
-		
-		<div class="ts-area-picker-desktop" v-if="show">
-			<div class="ts-area-picker-tmp-value">
-				<ul>
-					<li class="active" @click="switchTab(0)">{{ returnValueArr[0]?returnValueArr[0].name:'请选择' }}</li>
-					<li @click="switchTab(1)">{{ returnValueArr[1]?returnValueArr[1].name:'请选择' }}</li>
-					<li @click="switchTab(2)">{{ returnValueArr[2]?returnValueArr[2].name:'请选择' }}</li>
-				</ul>
-				<div class="close" @click="hideAddress"></div>
-			</div>
-			<div class="ts-area-picker-values">
-				<ul>
-					<li v-for="(item, index) in curDisplayingCol" :key="item.id" @click="pickValue(item.id,item.name)" v-bind:class="{ active:(returnValueArr[curDisplayingColIndex]?returnValueArr[curDisplayingColIndex].id==item.id:false) }">
-						{{ item.name }}
-					</li>
-				</ul>
-			</div>
-		</div>
-		
-		<div class="ts-area-picker-mobile ts-mask" v-if="show">
-			<div class="ts-mask-bg"></div>
-			<van-picker
-				show-toolbar
-				title="选择地区"
-				:columns="columns"
-				value-key="name"
-				@confirm="onConfirm"
-				@cancel="onCancel"
-				@change="onChange"
-				class="ts-area-picker-mobile-component"
-			/>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	props:["defaultValues"],
-	data(){
-		return{
-			displayValue:"",
-			returnValue:"",
-			returnValueArr:[],
-			show:false,
-			columns:[
-				{
-					values:[{id:"001",name:"省份1"},{id:"002",name:"省份2"}],
-					className:'col1'
-				},
-				{
-					values:[{id:"001-001",name:"省份1-城市1"},{id:"001-002",name:"省份1-城市2"},{id:"002-001",name:"省份2-城市1"},{id:"002-002",name:"省份2-城市2"}],
-					className:'col2'
-				},
-				{
-					values:[{id:"001-001-001",name:"省份1-城市1-区1"},{id:"001-002-002",name:"省份1-城市2-区2"},{id:"002-001-001",name:"省份2-城市1-区1"},{id:"002-002-002",name:"省份2-城市2-区2"}],
-					className:'col3'
-				}
-			],
-			curDisplayingColIndex:0,
-			curDisplayingCol:[]
-		}
-	},
-	methods:{
-		initAddress(){
-			this.show=true;
-			//Initilizing
-			
-			//mobile
-			let self=this;
-			// defaultValues : array[{id:"_ID_IN_columns_of_province",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_city",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_area",name:"_NAME_IN_columns"}]
-			let defaultValues = [{id:this.columns[0].values[0].id, name:this.columns[0].values[0].name},{id:this.columns[1].values[0].id, name:this.columns[1].values[0].name},{id:this.columns[2].values[0].id, name:this.columns[2].values[0].name}];
-			if(this.defaultValues)
-				defaultValues=this.defaultValues;
-			this.$children.forEach(function(vueComponent){
-				if(vueComponent._name=="<VanPicker>")
-				{
-					self.onChange(vueComponent,defaultValues); //Important
-				}
-			});
-			//mobile end
-			
-			//PC
-			this.switchTab(this.curDisplayingColIndex);
-			//PC end
-			//Initilizing end
-		},
-		pickValue(pickId,pickName){
-			let areaObj={id:pickId,name:pickName};
-			this.returnValueArr[this.curDisplayingColIndex]=areaObj;
-			this.validatePickedValues();
-			
-			//Submit to value displaying
-			let tmpDisplayValueEle = document.querySelectorAll(".ts-area-picker-tmp-value li");
-			tmpDisplayValueEle[this.curDisplayingColIndex].innerText=this.returnValueArr[this.curDisplayingColIndex].name;
-			//Submit to value displaying end
-			
-			//Moving to next tab
-			this.curDisplayingColIndex++;
-			if(this.curDisplayingColIndex>2 || this.curDisplayingColIndex<0)
-				this.curDisplayingColIndex = 0;
-			if(this.returnValueArr.length>=3)
-			{
-				this.onConfirm(this.returnValueArr);
-			}
-			else
-				this.switchTab(this.curDisplayingColIndex);
-			//Moving to next tab end
-		},
-		// For van picker
-		onChange(picker,values) { //values = [{id:this.columns[0].id, name:this.columns[0].name},{id:this.columns[1].id, name:this.columns[1].name},{id:this.columns[3].id, name:this.columns[3].name}];
-			//Support single choice only , index = 0 province, index = 1 city, index = 2 area
-			let curSelection={'province':'','city':'','area':''};
-			if(!values)
-				return;
-			let _self=this;
-			values.forEach(function(ele,index){
-				switch(index){
-					case 0:
-						//Handling Province
-						curSelection.province=ele.id;
-						//Handling Province end
-						break;
-					case 1:
-						//Handling City
-						let matchedCity=_self.fitlerValuesInArray(curSelection.province,_self.columns[index].values);
-						picker.setColumnValues(index,matchedCity);
-						curSelection.city=matchedCity[0].id;
-						//Handling City end
-						break;
-					default:
-						//Handling Area
-						let matchedArea=_self.fitlerValuesInArray(curSelection.city,_self.columns[index].values);
-						picker.setColumnValues(index,matchedArea);
-						curSelection.area=matchedArea[0].id;
-						//Handling Area end
-						break;
-				}
-				
-			});
-		},
-		validatePickedValues(){
-			let _self=this;
-			let provinceId='';
-			let areaId=undefined;
-			let validatedIndex=-1;
-			this.returnValueArr.forEach(function(obj,index){
-				switch(index){
-					case 0:
-						//Skipping province checking
-						provinceId = obj.id;
-						validatedIndex = 0;
-						break;
-					case 1:
-						//Checking City
-						if(obj.id.indexOf(provinceId)<0)
-						{
-							console.log('500 : error via checking validatePickedValues');
-							_self.returnValueArr[index]={};
-						}
-						else
-						{
-							areaId = _self.returnValueArr[index].id;
-							validatedIndex=index;
-						}
-						//Checking City end
-						break;
-					case 2:
-						//Checking Area
-						if(areaId && obj.id.indexOf(areaId)<0)
-						{
-							console.log('501 : error via checking validatePickedValues');
-							_self.returnValueArr[index]={};
-						}
-						else{
-							validatedIndex=index;
-						}
-						//Checking Area end
-						break;
-					default:
-						break;
-				}
-			});
-			return validatedIndex;
-		},
-		onConfirm(values) {
-			//Get columns structure array here : values
-			let _self=this;
-			let returnVal=[];
-			let tmpArr = [];
-			this.displayValue='';
-			values.forEach(function(ele,index){
-				_self.displayValue = _self.displayValue + ele.name + " ";
-				tmpArr.push(ele.id);
-				returnVal.push(ele);
-			});
-			this.returnValueArr=returnVal;
-			this.returnValue=tmpArr.join("|");
-			this.hideAddress();
-		},
-		onCancel() {
-			
-		},
-		fitlerValuesInArray(stringStartWith,dataColArea){
-			let result=[];
-			dataColArea.forEach(function(ele){
-				if(ele.id.indexOf(stringStartWith)===0)
-				{
-					result.push(ele);
-				}
-			});
-			return result;
-		},
-		popAddress() {
-			this.show=true;
-		},
-		hideAddress() {
-			this.show=false;
-		},
-		switchTab(tabIndex){
-			let areaTabLi=document.querySelectorAll(".ts-area-picker-tmp-value li");
-			if(tabIndex==0){
-				this.curDisplayingCol = this.columns[tabIndex].values;
-			}
-			let lastValidatedTabIndex=this.validatePickedValues();
-			if(lastValidatedTabIndex<(tabIndex-1))
-			{
-				//TODO show warning here
-				let errorEle=document.querySelector(".ts-area-picker-values");
-				errorEle.classList.add("error");
-				setTimeout(function(){
-					errorEle.classList.remove("error");
-				},2000);
-				tabIndex=lastValidatedTabIndex+1;
-			}
-			this.curDisplayingColIndex=tabIndex;
-			let filteredData=this.columns[tabIndex].values;
-			if(tabIndex>0 && this.returnValueArr[tabIndex-1]) //pass
-			{
-				let pickedId = this.returnValueArr[tabIndex-1].id;
-				filteredData=this.fitlerValuesInArray(pickedId,this.columns[tabIndex].values);
-			}
-			this.curDisplayingCol=filteredData;
-			
-			areaTabLi.forEach(function(ele,index){
-				if(tabIndex==index){
-					ele.classList.add('active');
-				}
-				else
-					ele.classList.remove('active');
-			})
-			
-		}
-	},
-	mounted(){
-
-	},
-	components:{
-
-	},
-}
-</script>
-
-<style lang="less" scoped>
-	.ts-area-picker-container{display:inline-block;}
-	.ts-area-picker-value-displayer{
-		width:40rem;
-	}
-	.ts-area-picker-tmp-value{
-		border-bottom:1px solid #D7D7D7;
-		padding:0 2.5rem;
-		box-sizing: border-box;
-		position:relative;
-		ul{
-			padding:0;
-			margin:0;
-			display: flex;
-			li{
-				display:inline-block;
-				color:#333333;
-				width:3.125rem;
-				padding: 1.25rem 0;
-				margin-right:4rem;
-				cursor: pointer;
-				&.active{
-					color:#E2001A;
-					border-bottom:4px solid #E2001A;
-				}
-			}
-		}
-		.close{
-			position:absolute;
-			position: absolute;
-			right: 3rem;
-			top: 1.5rem;
-			cursor: pointer;
-			&:before,&:after{
-				background-color: #333;
-			}
-		}
-	}
-	.ts-area-picker-values{
-		width:100%;
-		height:100%;
-		ul{
-			padding:1rem 2.5rem 2rem 2.5rem;
-			margin:0;
-		}
-		li{
-			display:inline-block;
-			margin-top:1rem;
-			margin-right:3.875rem;
-			color:#333;
-			cursor:pointer;
-			&.nth-child(6n){
-				margin-right:0;
-			}
-			&.active{
-				color:#E2001A;
-				border-bottom:4px solid #E2001A;
-			}
-		}
-	}
-	/deep/.van-picker__confirm,.close{
-		text-indent:-999rem;
-		position:relative;
-		&:after{
-			transform: rotate(45deg);
-		}
-		&:before{
-			transform: rotate(-45deg);
-		}
-		&:before,
-		&:after {
-		    position: absolute;
-		    content: ' ';
-		    background-color: #E1001A;
-		    left: 1.25rem;
-			bottom:-0.875rem;
-		    width: 1px;
-		    height: 1.375rem;
-		}
-	}
-	@media screen and (max-width:768px)
-	{
-		/deep/.van-picker__cancel
-		{
-			display:none;
-		}
-		/deep/.van-picker__title{
-			font-size:1.375rem;
-			color:#E1001A;
-		}
-		/deep/.van-picker__toolbar{
-			padding:1.5rem 1.25rem;
-			box-sizing: border-box;
-			border-bottom:1px solid #D8D8D8;
-		}
-		/deep/.van-picker__confirm{
-			display:block;
-		}
-		.ts-area-picker-mobile{
-			display:flex;
-			flex-direction: column;
-			justify-content: flex-end;
-			.ts-area-picker-mobile-component{
-				height:40vh;
-				width:100%;
-			}
-		}
-		.ts-area-picker-desktop{
-			display:none;
-		}
-	}
-	@media screen and (min-width:769px)
-	{
-		/deep/.van-picker__confirm{
-			display:none;
-		}
-		.ts-area-picker-mobile{
-			display:none;
-		}
-		.ts-area-picker-desktop{
-			display:block;
-			width:100%;
-			height:19.25rem;
-			border:1px solid #808285;
-			overflow:hidden;
-		}
-		.ts-area-picker-values{
-			
-		}
-	}
-	@keyframes flash-error
-	{
-		from {
-			opacity:.6;
-		}
-		to {
-			opacity:.3;
-		}
-	}
-</style>
\ No newline at end of file