sisMobilePhone/components/weatherProphethomepage/weathercomponents/weatherCalendarCardList40/weatherCalendarCard40/weatherCalendarCard40.vue

<template>
	<view>
		<div :class="container" :style="{ 'width': width, 'height': height }">
			<div :class="date" :style="{'font-size':dateFontSize,'margin-top':marginTop}">{{ newDate }}</div>
			<div class="temperature" :style="{'font-size':otherFontSize,'margin-top':marginTop}">{{ weatherProphetData_40.temperature1 }}/{{ weatherProphetData_40.temperature2 }}℃</div>
			<div class="weather" :style="{'font-size':otherFontSize, height: weatherHeight,'margin-top':marginTop}">
				<div :class="[weatherClassName, weatherIconTotalClass]" :style="{ width: iconWidth, height: iconHeight }"></div>
				{{ weather }}
			</div>
			<div class="wind" :style="{'font-size':otherFontSize,'margin-top':marginTop}">{{ weatherProphetData_40.winddirection1 }}风</div>
		</div>
	</view>
</template>

<script>
	import utils from '../../../../tools/shoyu-date/utils.filter.js';
	
Date.prototype.Format = function(fmt) {
	var o = {
		'M+': this.getMonth() + 1, //月份
		'd+': this.getDate(), //日
		'h+': this.getHours(), //小时
		'm+': this.getMinutes(), //分
		's+': this.getSeconds(), //秒
		'q+': Math.floor((this.getMonth() + 3) / 3), //季度
		S: this.getMilliseconds() //毫秒
	};
	if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
	for (var k in o) if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
	return fmt;
};
//调用--
// var mytime=new Date(后台传来的毫秒格式的时间);
// var newtime=mytime.Format("需转化的时间格式比如--yyyy-MM-hh");
export default {
	data() {
		return {
			container: '',
			date: 'dateGray',
			newDate: '',
			classNameWeatherBackgroundColor: "threeGradeBlue",
			weatherIconTotalClass: 'WeatherIconTotalClass',
			weatherClassName: '',
			width: '',
			height: '',
			margin: '2px',
			weatherProphetData_40:"",
			weather:"",
			// 直接使用需要进行声明
			utils: utils,
			// 直接使用需要进行声明 End
			timestamp:"",
			windowWidth:"",
			windowHeight:"",
			dateFontSize:"",
			otherFontSize:"",
			weatherHeight:"",
			iconWidth:"",
			iconHeight:"",
			marginTop:""
		};
	},
	created:function(){
		//this.getWeatherData("79","100",this.classNameWeatherBackgroundColor,this.weatherClassName,this.weatherProphetData_40)
		this.windowWidth=uni.getSystemInfoSync().windowWidth;
		this.windowHeight=uni.getSystemInfoSync().windowHeight;
		if(this.windowWidth>=768){
			this.dateFontSize="20px";
			this.otherFontSize="16px";
			this.weatherHeight="34px";
			this.iconWidth="40px";
			this.iconHeight="34px";
			this.marginTop="5px";
		}else{
			this.dateFontSize="16px";
			this.otherFontSize="12px";
			this.weatherHeight="30px";
			this.iconWidth="29px";
			this.iconHeight="30px";
			this.marginTop="0";
		}
	},
	methods: {
		getWeatherData: function(width, height, classNameWeatherBackgroundColor, classNameWeatherIcon, weatherProphetData_40) {
			this.width = "calc("+width+"% - 4px)";
			this.height = height + 'px';
			this.classNameWeatherBackgroundColor = classNameWeatherBackgroundColor;
			this.weatherClassName = classNameWeatherIcon;
			this.weatherProphetData_40 = weatherProphetData_40;
			if(this.weatherProphetData_40.weather.search("大部分") != -1){
				this.weather=this.weatherProphetData_40.weather;
				this.weather=this.weather.replace("大部分","")
			}else if(this.weatherProphetData_40.weather.search("间歇性") != -1){
				this.weather=this.weatherProphetData_40.weather;
				this.weather=this.weather.replace("间歇性","")
			}else{
				this.weather=this.weatherProphetData_40.weather;
			}
			this.setDate();
			this.setBackgroundColor();
		},
		setDate: function() {
			// var newDate = new Date(this.weatherProphetData_40.recodedata).Format("dd");
			// this.newDate = newDate;
			this.timestamp = new Date(this.weatherProphetData_40.recodedata).getTime();
			this.newDate=this.utils.timeTodate('d',this.timestamp);
			//console.log(this.newDate);
			//this.timestamp = 1582560000000;
			//console.log(this.timestamp);
		},
		setBackgroundColor: function() {
			if (this.classNameWeatherBackgroundColor == 'firstGradeBlue') {
				this.container = 'containerFirstGradeBlue';
			} else if (this.classNameWeatherBackgroundColor == 'twoGradeBlue') {
				this.container = 'containerTwoGradeBlue';
			} else if (this.classNameWeatherBackgroundColor == 'threeGradeBlue') {
				this.container = 'containerThreeGradeBlue';
			} else if (this.classNameWeatherBackgroundColor == 'white') {
				this.container = 'containerWhite';
				this.date = 'dateBlack';
			}
		}
	}
};
</script>

<style scoped="scoped">
.containerFirstGradeBlue {
	width: 103px;
	height: 132px;
	margin: 2px;
	background-color: #205ac6;
	color: white;
}

.containerTwoGradeBlue {
	width: 103px;
	height: 132px;
	margin: 2px;
	background-color: #427ce8;
	color: white;
}

/* .containerThreeGradeBlue {
	width: 103px;
	height: 132px;
	margin: 2px;
	background-color: transparent;	
	color: white;
	border: 0.5px solid #698086;
} */

.containerThreeGradeBlue {
	/* width: 90px; */
	/* height: 132px; */
	margin: 2px;
	background-color: #535252;
	color: white;
}

.containerWhite {
	width: 103px;
	height: 132px;
	margin: 2px;
	background-color: white;
	color: #757575;
}

.dateBlack {
	width: 30px;
	height: 25px;
	/* margin-left: 2px; */
	text-align: center;
	font-family: 'microsoft yahei';
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	color: black;
}

.dateGray {
	width: 30px;
	height: 25px;
	/* margin-left: 2px; */
	text-align: center;
	font-family: 'microsoft yahei';
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}

.temperature {
	width: 99%;
	height: 23px;
	text-align: right;
	line-height: 23px;
	font-family: 'microsoft yahei';
	font-size: 12px;
}

.weather {
	width: 99%;
	height: 30px;
	text-align: right;
	font-family: 'microsoft yahei';
	font-size: 12px;
	line-height: 30px;
	margin-right: 8px;
}

.WeatherIconTotalClass {
	width: 29px;
	height: 30px;
	float: left;
	/* margin-left: 6px; */
}
.wind {
	width: 99%;
	height: 25px;
	text-align: right;
	font-family: 'microsoft yahei';
	font-size: 12px;
	line-height: 25px;
	clear: both;
}

/*blue22第一行*/

.weatherCardList40_weatherCard40_blue22_taiYang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat 4px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunTaiyang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -75px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -156px 2px;
}

.weatherCardList40_weatherCard40_blue22_taiYangYunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -235px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunShanDian {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -314px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunShanDianShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -396px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunShuiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -476px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -556px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -635px 2px;
}

.weatherCardList40_weatherCard40_blue22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -715px 2px;
}

.weatherCardList40_weatherCard40_blue22_liangdianliangyuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -798px 2px;
}

.weatherCardList40_weatherCard40_blue22_yunYunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -876px 2px;
}
/*blue22第二行*/

.weatherCardList40_weatherCard40_blue22_yunSanShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat 4px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunYunSiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -75px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunYunWuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -156px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunYunLiuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -235px -78px;
}

.weatherCardList40_weatherCard40_blue22_taiYangYunXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -314px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -396px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -476px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunSanXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -556px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunYunSiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -635px -78px;
}

.weatherCardList40_weatherCard40_blue22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -715px -78px;
}

.weatherCardList40_weatherCard40_blue22_sanDianSanYuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -798px -78px;
}

.weatherCardList40_weatherCard40_blue22_yunYunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -876px -78px;
}
/*blue22第三行*/

.weatherCardList40_weatherCard40_blue22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat 4px -157px;
}

.weatherCardList40_weatherCard40_blue22_boLang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -75px -157px;
}

.weatherCardList40_weatherCard40_blue22_sYouJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -156px -157px;
}

.weatherCardList40_weatherCard40_blue22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -235px -157x;
}

.weatherCardList40_weatherCard40_blue22_yunSanShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -314px -157px;
}

.weatherCardList40_weatherCard40_blue22_yunYunSiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -396px -157px;
}

.weatherCardList40_weatherCard40_blue22_yunYunWuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -476px -157px;
}

.weatherCardList40_weatherCard40_blue22_yunyunLiuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -556px -157px;
}

.weatherCardList40_weatherCard40_blue22_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -635px -157px;
}

.weatherCardList40_weatherCard40_blue22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -715px -157px;
}
/*blue22第四行*/

.weatherCardList40_weatherCard40_blue22_yunSanXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat 4px -237px;
}

.weatherCardList40_weatherCard40_blue22_yunYunSiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -75px -237px;
}

.weatherCardList40_weatherCard40_blue22_s {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -156px -237px;
}

.weatherCardList40_weatherCard40_blue22_sShangJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -235px -237px;
}

.weatherCardList40_weatherCard40_blue22_sYouJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -314px -237px;
}

.weatherCardList40_weatherCard40_blue22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -396px -237px;
}

.weatherCardList40_weatherCard40_blue22_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -476px -237px;
}

.weatherCardList40_weatherCard40_blue22_quanQuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -556px -237px;
}
/*blue22第五行*/

.weatherCardList40_weatherCard40_blue22_yueLiang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat 4px -318px;
}

.weatherCardList40_weatherCard40_blue22_yueLiangYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -75px -318px;
}

.weatherCardList40_weatherCard40_blue22_yueLiangYunYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -156px -318px;
}

.weatherCardList40_weatherCard40_blue22_yueLiangYunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -235px -318px;
}

.weatherCardList40_weatherCard40_blue22_yunShanDianShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -314px -318px;
}

.weatherCardList40_weatherCard40_blue22_yunShanDianShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -396px -318px;
}

.weatherCardList40_weatherCard40_blue22_yunShuiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -476px -318px;
}

.weatherCardList40_weatherCard40_blue22_yunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -556px -318px;
}

.weatherCardList40_weatherCard40_blue22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -635px -318px;
}

.weatherCardList40_weatherCard40_blue22_yunYunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -876px -318px;
}
/*blue22第六行*/

.weatherCardList40_weatherCard40_blue22_yueLiangYunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/blue22.png) no-repeat -314px -396px;
}
/*white22第一行*/

.weatherCardList40_weatherCard40_white22_taiYang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat 4px 2px;
}

.weatherCardList40_weatherCard40_white22_yunTaiyang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -75px 2px;
}

.weatherCardList40_weatherCard40_white22_yunYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -156px 2px;
}

.weatherCardList40_weatherCard40_white22_taiYangYunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -235px 2px;
}

.weatherCardList40_weatherCard40_white22_yunShanDian {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -314px 2px;
}

.weatherCardList40_weatherCard40_white22_yunShanDianShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -396px 2px;
}

.weatherCardList40_weatherCard40_white22_yunShuiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -476px 2px;
}

.weatherCardList40_weatherCard40_white22_yunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -556px 2px;
}

.weatherCardList40_weatherCard40_white22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -635px 2px;
}

.weatherCardList40_weatherCard40_white22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -715px 2px;
}

.weatherCardList40_weatherCard40_white22_liangdianliangyuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -798px 2px;
}

.weatherCardList40_weatherCard40_white22_yunYunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -876px 2px;
}
/*white22第二行*/

.weatherCardList40_weatherCard40_white22_yunSanShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat 4px -78px;
}

.weatherCardList40_weatherCard40_white22_yunYunSiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -75px -78px;
}

.weatherCardList40_weatherCard40_white22_yunYunWuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -156px -78px;
}

.weatherCardList40_weatherCard40_white22_yunYunLiuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -235px -78px;
}

.weatherCardList40_weatherCard40_white22_taiYangYunXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -314px -78px;
}

.weatherCardList40_weatherCard40_white22_yunXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -396px -78px;
}

.weatherCardList40_weatherCard40_white22_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -476px -78px;
}

.weatherCardList40_weatherCard40_white22_yunSanXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -556px -78px;
}

.weatherCardList40_weatherCard40_white22_yunYunSiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -635px -78px;
}

.weatherCardList40_weatherCard40_white22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -715px -78px;
}

.weatherCardList40_weatherCard40_white22_sanDianSanYuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -798px -78px;
}

.weatherCardList40_weatherCard40_white22_yunYunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -876px -78px;
}
/*white22第三行*/

.weatherCardList40_weatherCard40_white22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat 4px -157px;
}

.weatherCardList40_weatherCard40_white22_boLang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -75px -157px;
}

.weatherCardList40_weatherCard40_white22_sYouJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -156px -157px;
}

.weatherCardList40_weatherCard40_white22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -235px -157x;
}

.weatherCardList40_weatherCard40_white22_yunSanShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -314px -157px;
}

.weatherCardList40_weatherCard40_white22_yunYunSiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -396px -157px;
}

.weatherCardList40_weatherCard40_white22_yunYunWuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -476px -157px;
}

.weatherCardList40_weatherCard40_white22_yunyunLiuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -556px -157px;
}

.weatherCardList40_weatherCard40_white22_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -635px -157px;
}

.weatherCardList40_weatherCard40_white22_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -715px -157px;
}
/*white22第四行*/

.weatherCardList40_weatherCard40_white22_yunSanXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat 4px -237px;
}

.weatherCardList40_weatherCard40_white22_yunYunSiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -75px -237px;
}

.weatherCardList40_weatherCard40_white22_s {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -156px -237px;
}

.weatherCardList40_weatherCard40_white22_sShangJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -235px -237px;
}

.weatherCardList40_weatherCard40_white22_sYouJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -314px -237px;
}

.weatherCardList40_weatherCard40_white22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -396px -237px;
}

.weatherCardList40_weatherCard40_white22_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -476px -237px;
}

.weatherCardList40_weatherCard40_white22_quanQuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -556px -237px;
}
/*white22第五行*/

.weatherCardList40_weatherCard40_white22_yueLiang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat 4px -318px;
}

.weatherCardList40_weatherCard40_white22_yueLiangYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -75px -318px;
}

.weatherCardList40_weatherCard40_white22_yueLiangYunYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -156px -318px;
}

.weatherCardList40_weatherCard40_white22_yueLiangYunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -235px -318px;
}

.weatherCardList40_weatherCard40_white22_yunShanDianShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -314px -318px;
}

.weatherCardList40_weatherCard40_white22_yunShanDianShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -396px -318px;
}

.weatherCardList40_weatherCard40_white22_yunShuiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -476px -318px;
}

.weatherCardList40_weatherCard40_white22_yunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -556px -318px;
}

.weatherCardList40_weatherCard40_white22_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -635px -318px;
}

.weatherCardList40_weatherCard40_white22_yunYunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -715px -318px;
}
/*white22第六行*/

.weatherCardList40_weatherCard40_white22_yueLiangYunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white22.png) no-repeat -314px -396px;
}

/*white30第一行*/

.weatherCardList40_weatherCard40_white30_taiYang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat 4px 2px;
}

.weatherCardList40_weatherCard40_white30_taiYangYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -75px 2px;
}

.weatherCardList40_weatherCard40_white30_yunYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -156px 2px;
}

.weatherCardList40_weatherCard40_white30_taiYangYunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -235px 2px;
}

.weatherCardList40_weatherCard40_white30_taiYangShanDianShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -314px 2px;
}

.weatherCardList40_weatherCard40_white30_taiYangShanDianShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -396px 2px;
}

.weatherCardList40_weatherCard40_white30_yunShuiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -476px 2px;
}

.weatherCardList40_weatherCard40_white30_yunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -556px 2px;
}

.weatherCardList40_weatherCard40_white30_yunLiangShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -635px 2px;
}

.weatherCardList40_weatherCard40_white30_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -715px 2px;
}

.weatherCardList40_weatherCard40_white30_liangDianLiangQuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -796px 2px;
}

.weatherCardList40_weatherCard40_white30_yunYunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -876px 2px;
}


/*white30第二行*/

.weatherCardList40_weatherCard40_white30_yunSanShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat 4px -78px;
}

.weatherCardList40_weatherCard40_white30_yunYunSiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -75px -78px;
}

.weatherCardList40_weatherCard40_white30_yunYunWuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -156px -78px;
}

.weatherCardList40_weatherCard40_white30_yunYunLiuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -235px -78px;
}

.weatherCardList40_weatherCard40_white30_taiYangYunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -314px -78px;
}

.weatherCardList40_weatherCard40_white30_yunXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -396px -78px;
}

.weatherCardList40_weatherCard40_white30_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -476px -78px;
}

.weatherCardList40_weatherCard40_white30_yunSanXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -556px -78px;
}

.weatherCardList40_weatherCard40_white30_yunYunSiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -635px -78px;
}

.weatherCardList40_weatherCard40_white30_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -715px -78px;
}

.weatherCardList40_weatherCard40_white30_sanDianSanQuan {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -798px -78px;
}

.weatherCardList40_weatherCard40_white30_yunYunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -876px -78px;
}


/* white30第三行*/

.weatherCardList40_weatherCard40_white30_sanHengGang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat 4px -157px;
}

.weatherCardList40_weatherCard40_white30_boLang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -75px -157px;
}

.weatherCardList40_weatherCard40_white30_sYouJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -156px -157px;
}

.weatherCardList40_weatherCard40_white30_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -235px -157px;
}

.weatherCardList40_weatherCard40_white30_yunSanShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -314px -157px;
}

.weatherCardList40_weatherCard40_white30_yunYunSiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -396px -157px;
}

.weatherCardList40_weatherCard40_white30_yunYunWuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -476px -157px;
}

.weatherCardList40_weatherCard40_white30_yunYunLiuShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -556px -157px;
}

.weatherCardList40_weatherCard40_white30_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -635px -157px;
}


/*  white30第四行*/

.weatherCardList40_weatherCard40_white30_yunSanXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat 0px -237px;
}

.weatherCardList40_weatherCard40_white30_yunYunSiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -75px -237px;
}

.weatherCardList40_weatherCard40_white30_s {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -156px -237px;
}

.weatherCardList40_weatherCard40_white30_sShangJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -235px -237px;
}

.weatherCardList40_weatherCard40_white30_sYouJianTou {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -314px -237px;
}

.weatherCardList40_weatherCard40_white30_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -396px -237px;
}

.weatherCardList40_weatherCard40_white30_yunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -476px -237px;
}


/*white30第五行*/

.weatherCardList40_weatherCard40_white30_yueLiang {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat 4px -318px;
}

.weatherCardList40_weatherCard40_white30_yueLiangYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -75px -318px;
}

.weatherCardList40_weatherCard40_white30_yunYueLiangYun {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -156px -318px;
}

.weatherCardList40_weatherCard40_white30_yueLiangYunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -235px -318px;
}

.weatherCardList40_weatherCard40_white30_yunShanDianShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -314px -318px;
}

.weatherCardList40_weatherCard40_white30_yueShanDianShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -396px -318px;
}

.weatherCardList40_weatherCard40_white30_yunShuiXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -476px -318px;
}

.weatherCardList40_weatherCard40_white30_yunShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -556px -318px;
}

.weatherCardList40_weatherCard40_white30_yunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -635px -318px;
}

.weatherCardList40_weatherCard40_white30_yunYunShuiShui {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -876px -318px;
}


/* white30第六行*/

.weatherCardList40_weatherCard40_white30_yueLiangYunXueXue {
	background: url(../../../../../static/picture/weatherProphet_40/weatherCalendarCardList40/weatherCalendarCard40/white30.png) no-repeat -314px -396px;
}
</style>