wardrobe/tm-vuetify/components/tm-pickersDateView/tm-pickersDateView - 副本.vue

<!-- 日期组件 -->
<template>
	<view class="tm-pickersDateView flex-start px-24" :class="[black_tmeme?'grey-darken-5':bgColor]">

		<block v-for="(item_data,index_pub) in listData" :key="index_pub">
			<view v-if="(index_pub==0&&dataCauser.year)
			||(index_pub==1&&dataCauser.month)
			||(index_pub==2&&dataCauser.day)
			||(index_pub==3&&dataCauser.hour)
			||(index_pub==4&&dataCauser.min)
			||(index_pub==5&&dataCauser.sec)
			" class="tm-pickersDateView-wk " :style="{
					height:itemHeight*5+'px',
					width:jswid() + '%',
					marginLeft:index_pub==0?0:1 + '%',
				}">
				<scroll-view 
				@touchstart="setChildreIndex(index_pub)" 
				:show-scrollbar='false' 
				v-if="dataType!==null&&item_data" 
				:scroll-top="listIndex[index_pub]?listIndex[index_pub]['wz']:''" 
				scroll-y 
				@touchend="scrllEnd"
				@scroll="scroll($event,index_pub)" 
				scroll-with-animation class="tm-pickersDateView-showbg"  
				:style="{
					height:itemHeight*5+'px'
				}">
					<!-- #ifdef H5 -->
					<view :id='"_bar_"+(index4)+"_bar_"' v-for="(item4,index4) in 2" :key="index4+'_a'" class="tm-pickersDateView-item "
						:style="{height:itemHeight+'px'}">
						<text class="opacity-1"></text>
					</view>
					<!-- #endif -->
					<!-- #ifndef H5 -->
					<view :id='"_bar_"+(index4)+"_bar_"' v-for="(item4,index4) in 2" :key="index4" class="tm-pickersDateView-item "
						:style="{height:itemHeight+'px'}">
						<text class="opacity-1"></text>
					</view>
					<!-- #endif -->
			
					<view :id='"_bar_"+(index+2)+"_bar_"' v-for="(item,index) in item_data" :key="index"
						class="tm-pickersDateView-item flex-center" :style="{
						height:itemHeight+'px'
					}">
						<view class="text-size-g tm-pickersDateView-item-text" :class="[
							listIndex[index_pub].itemIndex==index? (black_tmeme?'text-white':'text-black'):(black_tmeme?'':'opacity-4'),
							listIndex[index_pub].itemIndex+1==index||listIndex[index_pub].itemIndex-1==index?'textLevel_1':'',
							listIndex[index_pub].itemIndex+2==index||listIndex[index_pub].itemIndex-2==index?'textLevel_2':'',
							
							]">
							<text >{{fullNumber?buqi(item):item}}{{index_pub==0&&mode?'年':''}}{{index_pub==1&&mode?'月':''}}{{index_pub==2&&mode?'日':''}}{{index_pub==3&&mode?'时':''}}{{index_pub==4&&mode?'分':''}}{{index_pub==5&&mode?'秒':''}}</text>
						</view>
					</view>
			
					<!-- #ifdef H5 -->
					<view v-for="(item4,index4) in 2" :key="index4+'_bb'" class="tm-pickersDateView-item"
						:style="{height:itemHeight+'px'}">
						<text></text>
					</view>
					<!-- #endif -->
					<!-- #ifndef H5 -->
					<view v-for="(item4,index4) in 2" :key="index4" class="tm-pickersDateView-item"
						:style="{height:itemHeight+'px'}">
						<text></text>
					</view>
					<!-- #endif -->
				</scroll-view>
				<view class="tm-pickersDateView-fg overflow  round-5 shadow-5 flex-center"
				 :class="[
				 	black_tmeme?'white opacity-1':'grey-darken-1 opacity-1'
				 ]" :style="{
					height:itemHeight+'px',
					top:itemHeight*2+'px'
				}">
			
				</view>
			</view>
		</block>



	</view>
</template>

<script>
	/**
	 * 日期下拉选择器(嵌入式)
	 * @description 多级关联，单级关联选择
	 * @property {Array} default-value = [] 默认：当前的时间，初始显示的时间
	 * @property {String|Number} item-height = [34|42|50|58|62] 项目的高度单位px
	 * @property {String|Boolean} black = [true|false] 是否开启暗黑模式。 
	 * @property {String|Boolean} disabled = [true|false] 是否禁用
	 * @property {String} bg-color = [white|blue] 默认：white,白色背景；请填写背景的主题色名称。 
	 * @property {Object} show-detail = [{year:true,month:true,day:true,hour:false,min:false,sec:false}] 默认：{year:true,month:true,day:true,hour:false,min:false,sec:false}
	 * @property {String} start = [1900-1-1 00:00:00] 默认：1900-1-1 00:00:00，开始的时间
	 * @property {String} end = [] 默认：当前，结束的时间
	 * @property {String|Boolean} mode = [true|false] 默认：true，是否显示中文年，月后缀
	 * @property {String|Boolean} full-number = [true|false] 默认：true，是否把个位数补齐双位数
	 */
	export default {
		name: "tm-pickersDateView",
		props: {
			// 行高。
			itemHeight: {
				type: String | Number,
				default: 40
			},
			black:{
				type:String|Boolean,
				default:null
			},
			// 是否禁用
			disabled:{
				type:String|Boolean,
				default:false
			},
			// 背景颜色，主题色名称。
			bgColor:{
				type:String,
				default:'white'
			},
			//要展示的时间。
			showDetail:{
				type:Object,
				default:()=>{
					return {
						year:true,//年
						month:true,//月
						day:true,//天
						hour:false,//小时
						min:false,//分
						sec:false//秒
					}
				}
			},
			start:{
				type:String,
				default:'1900-1-1 00:00:00'
			},
			end:{
				type:String,
				default:''
			},
			defaultValue:'',
			// 是否显示中文年，月后缀
			mode:{
				type:String|Boolean,
				default:true
			},
			// 是否把个位数补齐双位数
			fullNumber:{
				type:String|Boolean,
				default:true
			}
		
		},
		data() {
			return {
				scrollEvent: 0,
				childrenIndex: 0,
				scrollChildrenIndex:0,
				listIndex: [],
				listData: [[],[],[],[],[],[]],
				dataCauser:{
						year:true,//年
						month:true,//月
						day:true,//天
						hour:true,//小时
						min:true,//分
						sec:true//秒
					},
				
				startTime:null,
				endTime:null,

				

			};
		},
		mounted() {
			for(let i =0 ; i <this.listData.length;i++){
				this.listIndex.push({
					itemIndex: 0,
					childrenIndex: 0,
					wz: 0
				})
			}
			this.chulisdata()
			
			this.$nextTick(function(){
				
				this.setDefaultValue();
			})
			
		},
		
		watch:{
			defaultValue:async function(){
				await this.setDefaultValue();
				
			},
			start:async function(){
				await this.setDefaultValue();
				
			},
			end:async function(){
				await this.setDefaultValue();
				
			},
		},
		computed: {
			dataType: function() {
				return 'string';
			},
			gridNum: function() {
				let t = this;
				let d = 0;
				for(let key in this.showDetail){
					if(this.showDetail[key]==true){
						d++
					}
				}
				
				return d;
			},
			black_tmeme: function() {
				if (this.black !== null) return this.black;
				return this.$tm.vx.state().tmVuetify.black;
			}
		},
		methods: {
			buqi(val){
				return (val > 9) ? ("" + val) : ("0" + val);
			},
			// 获取当前选中的数据。
			getSelectedValue(){
				let t = this;
				let ap = [];
				this.listIndex.forEach((item,index)=>{
					ap.push(t.listData[index][item.itemIndex])
				})
				let jg = {
						year:ap[0],//年
						month:ap[1],//月
						day:ap[2],//天
						hour:ap[3],//小时
						min:ap[4],//分
						sec:ap[5]//秒
					}
				let ar  =  Object.keys(this.dataCauser);

				ar.forEach(item=>{
					if(t.dataCauser[item]===false){
						delete jg[item]
					}
				})
				return jg;
			},
			chulisdata() {
				if(typeof this.showDetail === 'object'){
					this.dataCauser = {...this.dataCauser,...this.showDetail};
				}
				this.startTime = new Date(this.start.replace(/-/g,'/'))
				if(isNaN(this.startTime.getFullYear())){
					this.startTime = new Date('1900/1/1 00:00:00')
				}
				this.endTime = new Date(this.end.replace(/-/g,'/'))
				
				if(isNaN(this.endTime.getFullYear()) ){
					this.endTime = new Date()
				}
				// this.dataCauser.year===
				if(true){
					let pyear = [];
					for(let i=this.startTime.getFullYear();i<=this.endTime.getFullYear(); i++){
						pyear.push(i)
					}
					this.listData.splice(0,1,pyear)
				}
				// this.dataCauser.month===
				if(true){
					let pmonth = [];
					let x_year = this.startTime.getFullYear();
					let xz_year= this.listData[0][this.listIndex[0].itemIndex];
					if(xz_year === x_year){
						for(let i=this.startTime.getMonth()+1;i<=12; i++){
							pmonth.push(i)
						}
					}else{
						
						// 不能大于endtime.
						if(xz_year >= this.endTime.getFullYear()){
							for(let i=1;i<=this.endTime.getMonth()+1; i++){
								pmonth.push(i)
							}
							
						}else{
							for(let i=1;i<=12; i++){
								pmonth.push(i)
							}
						}
						
						
					}
					
					this.listData.splice(1,1,pmonth)
				}
				// this.dataCauser.day===
				if(true){
					function monthDay(year, month) {
					  var date = new Date(year, month, 1, 0, 0, 0)
					  var yesterDay = new Date(date - 1000)
					  return yesterDay.getDate()
					}
					let pday = [];
					let year = this.startTime.getFullYear();
					let xzyear = this.listData[0][this.listIndex[0].itemIndex];
					if(xzyear){
						year = xzyear;
					}
					let month = this.startTime.getMonth();
					let xzmonth = this.listData[1][this.listIndex[1].itemIndex]-1;
					if(xzmonth){
						month = xzmonth;
					}
					let months = [31,monthDay(year,month+1),31,30,31,30,31,31,30,31,30,31];
					
					
					
					if(year === this.startTime.getFullYear() && month === this.startTime.getMonth()){
						
						if(year == this.endTime.getFullYear()&&
						month == this.endTime.getMonth()+1 
						
						){
							for(let i=this.startTime.getDate();i<=this.endTime.getDate(); i++){
								pday.push(i)
							}
						}else{
							for(let i=this.startTime.getDate();i<=months[month]; i++){
								pday.push(i)
							}
						}
						
						
					}else{
						
						if(year >= this.endTime.getFullYear()&& month >= this.endTime.getMonth()){
							for(let i=1;i<=this.endTime.getDate(); i++){
								pday.push(i)
							}
							
						}else{
							for(let i=1;i<=months[month]; i++){
								pday.push(i)
							}
						}
						
						
					}
					
					this.listData.splice(2,1,pday)
				}
				// this.dataCauser.hour===
				if(true){
					let phour = [];
					let s_year = this.startTime.getFullYear();
					let o_year = this.listData[0][this.listIndex[0].itemIndex];
					let s_month = this.startTime.getMonth()+1;
					let o_month = this.listData[1][this.listIndex[1].itemIndex];
					let s_day = this.startTime.getDate();
					let o_day = this.listData[2][this.listIndex[2].itemIndex];
					// let s_hour = this.startTime.getMinutes();
					// let o_hour = this.listData[3][this.listIndex[3].itemIndex];

					
					if(s_year===o_year&&s_month===o_month&&s_day===o_day){
						
						if(s_year == this.endTime.getFullYear()&&
						s_month == this.endTime.getMonth()+1 &&
						s_day == this.endTime.getDate()
						){
							for(let i=this.startTime.getHours();i<=this.endTime.getHours(); i++){
								phour.push(i)
							}
						}else{
							for(let i=this.startTime.getHours();i<24; i++){
								phour.push(i)
							}
						}
						
					}else{
						
						if(o_year >= this.endTime.getFullYear() && o_month >= this.endTime.getMonth()&& o_day >= this.endTime.getDate()){
							for(let i=0;i<=this.endTime.getHours(); i++){
								phour.push(i)
							}
							
						}else{
							for(let i=0;i<24; i++){
								phour.push(i)
							}
						}
						
						
					}
					this.listData.splice(3,1,phour)
				}
				// this.dataCauser.min===true
				if(true){
					let pmin = [];
					let s_year = this.startTime.getFullYear();
					let o_year = this.listData[0][this.listIndex[0].itemIndex];
					let s_month = this.startTime.getMonth()+1;
					let o_month = this.listData[1][this.listIndex[1].itemIndex];
					let s_day = this.startTime.getDate();
					let o_day = this.listData[2][this.listIndex[2].itemIndex];
					let s_hour = this.startTime.getHours();
					let o_hour = this.listData[3][this.listIndex[3].itemIndex];
					if(s_year===o_year&&s_month===o_month&&s_day===o_day&&s_hour===o_hour){
						
						
						if(s_year == this.endTime.getFullYear()&&
						s_month == this.endTime.getMonth()+1 &&
						s_day == this.endTime.getDate()&&
						s_hour == this.endTime.getHours()
						){
							for(let i=this.startTime.getMinutes();i<=this.endTime.getMinutes(); i++){
								pmin.push(i)
							}
						}else{
							for(let i=this.startTime.getMinutes();i<60; i++){
								pmin.push(i)
							}
						}
						
						
					}else{
						
						if(o_year >= this.endTime.getFullYear() && o_month >= this.endTime.getMonth()&& o_day >= this.endTime.getDate() && o_hour >= this.endTime.getHours()){
							for(let i=1;i<=this.endTime.getMinutes(); i++){
								pmin.push(i)
							}
							
						}else{
							for(let i=0;i<60; i++){
								pmin.push(i)
							}
						}
						
						
					}
					
					this.listData.splice(4,1,pmin)
				}
				// this.dataCauser.sec===
				if(true){
					let psec = [];
					let s_year = this.startTime.getFullYear();
					let o_year = this.listData[0][this.listIndex[0].itemIndex];
					let s_month = this.startTime.getMonth()+1;
					let o_month = this.listData[1][this.listIndex[1].itemIndex];
					let s_day = this.startTime.getDate();
					let o_day = this.listData[2][this.listIndex[2].itemIndex];
					let s_hour = this.startTime.getHours();
					let o_hour = this.listData[3][this.listIndex[3].itemIndex];
					let s_min = this.startTime.getMinutes();
					let o_min = this.listData[4][this.listIndex[4].itemIndex];
					if(s_year===o_year&&s_month===o_month&&s_day===o_day&&s_hour===o_hour&&s_min===o_min){
						
						if(s_year == this.endTime.getFullYear()&&
						s_month == this.endTime.getMonth()+1 &&
						s_day == this.endTime.getDate()&&
						s_hour == this.endTime.getHours()&&
						s_min == this.endTime.getMinutes()
						){
							for(let i=this.startTime.getSeconds();i<=this.endTime.getSeconds(); i++){
								psec.push(i)
							}
						}else{
							for(let i=this.startTime.getSeconds();i<60; i++){
								psec.push(i)
							}
						}
						
						
					}else{
						
						if(o_year >= this.endTime.getFullYear() && o_month >= this.endTime.getMonth()&& o_day >= this.endTime.getDate() && o_hour >= this.endTime.getHours()&& o_min >= this.endTime.getMinutes()){
							for(let i=1;i<=this.endTime.getSeconds(); i++){
								psec.push(i)
							}
							
						}else{
							for(let i=0;i<60; i++){
								psec.push(i)
							}
						}
						
					}
					this.listData.splice(5,1,psec)
				}
				
				return this.listData;
			},
			async setDefaultValue(date){
				let t = this;
				let mobj;
				if(date){
					mobj = new Date(date.replace(/-/g,'/'));
				}else{
					try{
						 mobj = new Date(this.defaultValue.replace(/-/g,'/'));
					}catch(e){
						mobj = new Date();
					}
					if(!this.defaultValue || isNaN(mobj.getFullYear())){
						mobj = new Date();
					}
				}
				
				await uni.$tm.sleep(20)
				// this.dataCauser.year===
				if(true){
					let pyear = mobj.getFullYear();
					
					if(pyear <= this.startTime.getFullYear()){
						
						pyear = this.startTime.getFullYear()
						
					}else if(pyear >= this.endTime.getFullYear()){
						pyear = this.endTime.getFullYear()
					}
					
					let itemIndex = this.listData[0].indexOf(pyear)
					if(itemIndex>-1){
						this.$set(this.listIndex[0], 'itemIndex', itemIndex);
						this.$set(t.listIndex[0], 'wz', itemIndex * t.itemHeight);
						this.chulisdata();
					}
				}
				await uni.$tm.sleep(20)
				// this.dataCauser.month===
				if(true){
					let pmonth = mobj.getMonth()+1;
					if(mobj.getFullYear() <= this.startTime.getFullYear()&&pmonth <= this.startTime.getMonth()+1){
						pmonth = this.startTime.getMonth()+1
					}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&pmonth >= this.endTime.getMonth()+1){
						pmonth = this.endTime.getMonth()+1
					}
					
					
					let itemIndex = this.listData[1].indexOf(pmonth)
					
					if(itemIndex>-1){
						this.chulisdata();
						this.$set(this.listIndex[1], 'itemIndex', itemIndex);
						this.$set(t.listIndex[1], 'wz', itemIndex * t.itemHeight-0.1);
						setTimeout(function() {
							t.$set(t.listIndex[1], 'wz', itemIndex * t.itemHeight);
						}, 10);
						
					}
				}
				await uni.$tm.sleep(20)
				// this.dataCauser.day===
				if(true){
					let pday = mobj.getDate();
					let pmonth = mobj.getMonth()+1;
					if(mobj.getFullYear() <= this.startTime.getFullYear()&&
					pmonth <= this.startTime.getMonth()+1&&
					pday <= this.startTime.getDate()
					){
						pday = this.startTime.getDate()
					}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
					pmonth >= this.endTime.getMonth()+1&&
					pday >= this.endTime.getDate()
					){
						pday = this.endTime.getDate()
					}
					
					
					
					let itemIndex = this.listData[2].indexOf(pday)
					
					if(itemIndex>-1){
						this.chulisdata();
						this.$set(this.listIndex[2], 'itemIndex', itemIndex);
						this.$set(t.listIndex[2], 'wz', itemIndex * t.itemHeight);
					}
				}
				await uni.$tm.sleep(20)
				// this.dataCauser.hour===
				if(true){
					let phour = mobj.getHours();
					let pday = mobj.getDate();
					let pmonth = mobj.getMonth()+1;
					
					if(mobj.getFullYear() <= this.startTime.getFullYear()&&
					pmonth <= this.startTime.getMonth()+1&&
					pday <= this.startTime.getDate()&&
					phour <= this.startTime.getHours()
					){
						phour = this.startTime.getHours()
					}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
					pmonth >= this.endTime.getMonth()+1&&
					pday >= this.endTime.getDate()&&
					phour >= this.endTime.getHours()
					){
						phour = this.endTime.getHours()
					}
					
					
					
					let itemIndex = this.listData[3].indexOf(phour)
					if(itemIndex>-1){
						this.chulisdata();
						
						this.$set(this.listIndex[3], 'itemIndex', itemIndex);
						this.$set(t.listIndex[3], 'wz', itemIndex * t.itemHeight);
						
					}
					
				}
				await uni.$tm.sleep(20)
				// this.dataCauser.min===
				if(true){
					let pmin = mobj.getMinutes();
					let phour = mobj.getHours();
					let pday = mobj.getDate();
					let pmonth = mobj.getMonth()+1;
					
					if(mobj.getFullYear() <= this.startTime.getFullYear()&&
					pmonth <= this.startTime.getMonth()+1&&
					pday <= this.startTime.getDate()&&
					phour <= this.startTime.getHours()&&
					pmin <= this.startTime.getMinutes()
					){
						phour = this.startTime.getMinutes()
					}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
					pmonth >= this.endTime.getMonth()+1&&
					pday >= this.endTime.getDate()&&
					phour >= this.endTime.getHours()&&
					pmin >= this.endTime.getMinutes()
					){
						phour = this.endTime.getMinutes()
					}
					
					
					let itemIndex = this.listData[4].indexOf(pmin)
					if(itemIndex>-1){
						
						this.$set(this.listIndex[4], 'itemIndex', itemIndex);
						this.$set(t.listIndex[4], 'wz', itemIndex * t.itemHeight);
					}
				}
				await uni.$tm.sleep(20)
				// this.dataCauser.sec===
				if(true){
					let psec = mobj.getSeconds();
					let pmin = mobj.getMinutes();
					let phour = mobj.getHours();
					let pday = mobj.getDate();
					let pmonth = mobj.getMonth()+1;
					
					if(mobj.getFullYear() <= this.startTime.getFullYear()&&
					pmonth <= this.startTime.getMonth()+1&&
					pday <= this.startTime.getDate()&&
					phour <= this.startTime.getHours()&&
					pmin <= this.startTime.getMinutes()&&
					psec <= this.startTime.getSeconds()
					){
						psec = this.startTime.getMinutes()
					}else if(mobj.getFullYear() >= this.endTime.getFullYear()&&
					pmonth >= this.endTime.getMonth()+1&&
					pday >= this.endTime.getDate()&&
					phour >= this.endTime.getHours()&&
					pmin >= this.endTime.getMinutes()&&
					psec >= this.endTime.getSeconds()
					){
						psec = this.endTime.getSeconds()
					}

					
					let itemIndex = this.listData[5].indexOf(psec)
					if(itemIndex>-1){
						
						this.$set(this.listIndex[5], 'itemIndex', itemIndex);
						this.$set(t.listIndex[5], 'wz', itemIndex * t.itemHeight);
					}
				}
				
			},
			setChildreIndex(index){
				this.childrenIndex = index;
			},
			scroll(e, index) {
				console.log(e);
				this.scrollEvent = e;
				this.scrollChildrenIndex = index;
				
			},
			jswid(){
				let wd =(this.gridNum-1)-2
				if(wd<=0) wd = 1;
				return 100/wd;
			},
			scrllEnd(e) {
				
				
				function monthDay(year, month) {
				  var date = new Date(year, month, 1, 0, 0, 0)
				  var yesterDay = new Date(date - 1000)
				  return yesterDay.getDate()
				}
				if (!this.scrollEvent) return;
				let dNum = this.gridNum;
				let d;
				let t = this;
				let idb = 88;
				let idc = 884;
				let srcllTop = this.scrollEvent.detail.scrollTop ;

				if(srcllTop<=0){
					srcllTop = 0;
				}else if(srcllTop >= this.scrollEvent.detail.srcollHeigh){
					srcllTop = this.scrollEvent.detail.srcollHeigh;
				}
				
				d = Math.ceil((srcllTop - (this.itemHeight / 2)) / this.itemHeight);
				
				if(d>= t.listData[t.childrenIndex].length-1){
					d = t.listData[t.childrenIndex].length-1
				}
				
				t.$set(t.listIndex[t.childrenIndex], 'wz', srcllTop)
				let old_index = this.listIndex[this.childrenIndex].itemIndex || 0;
				if(t.disabled){
					clearTimeout(idb)
					idb = setTimeout(function() {
						t.$nextTick(function(){
							t.$set(t.listIndex[t.childrenIndex], 'wz', old_index * t.itemHeight)
						})
					}, 5);
					return;
				}

				this.$set(this.listIndex[t.childrenIndex], 'itemIndex', d)
				t.chulisdata();
			
				clearTimeout(idb);
				idb = setTimeout(function() {
					t.$nextTick(function(){
						t.$set(t.listIndex[t.childrenIndex], 'wz', d * t.itemHeight)
						
						for(let lsindex = t.childrenIndex+1;lsindex<6;lsindex++){
							
							if( t.listData[lsindex][t.listIndex[lsindex].itemIndex] == undefined){
								let pda = t.listData[lsindex].length-1;
								
								if(d>=pda){
									this.$set(this.listIndex[lsindex], 'itemIndex',pda)
									t.$set(t.listIndex[lsindex], 'wz', pda * t.itemHeight)
									
								}else{
									this.$set(this.listIndex[lsindex], 'itemIndex',0)
									t.$set(t.listIndex[lsindex], 'wz', 0)
								}
								
							}else{
								let srcllTop_s = t.listIndex[lsindex].wz;
								const tsdd = t.listIndex[lsindex].itemIndex;
								
								t.$set(t.listIndex[lsindex], 'wz', (tsdd) * t.itemHeight-1)
								this.$nextTick(function(){
									t.$set(t.listIndex[lsindex], 'wz', (tsdd) * t.itemHeight)
								})
								
							}
						}
					})
				}, 10);
				
				
		
				

			}
		},
	}
</script>

<style lang="scss" scoped>
	.tm-pickersDateView {
		.tm-pickersDateView-wk {
			position: relative;
			
			.tm-pickersDateView-showbg {
				position: absolute;
				left: 0;
				height: 0;
				z-index: 5;

				.tm-pickersDateView-item {
					.tm-pickersDateView-item-text {
						text {
							transition: all 0.5s;

						}

						&.textLevel_1 {
							text {
								font-size: 28upx !important;
								
							}
						}

						&.textLevel_2 {
							text {
								font-size: 26upx !important;
							}
						}

					}
				}
			}

			.tm-pickersDateView-fg {
				position: relative;
				z-index: 3;

			}
		}
	}
</style>