blue ui other

 <view class="calendar">
 <view class="calendar">
 	<view class="calendar-title flex-lr">
 	<view class="calendar-title flex-lr">
-		<view class="black-font font30r Semibold calendar-title-date">{{showYearMonth.showyear}}-{{showYearMonth.showmonth<10 ? '0'+showYearMonth.showmonth : showYearMonth.showmonth}}</view>
+		<view class="black-font font32r calendar-title-date">{{showYearMonth.showyear}}-{{showYearMonth.showmonth<10 ? '0'+showYearMonth.showmonth : showYearMonth.showmonth}}</view>
 		<view class="calendar-title-tab-list flex-rr">
 		<view class="calendar-title-tab-list flex-rr">
 			<block wx:if="{{showprev}}">
 			<block wx:if="{{showprev}}">
 				<view class="calendar-title-tab-cover calendar-title-prev-cover" bindtap="prevmonth">
 				<view class="calendar-title-tab-cover calendar-title-prev-cover" bindtap="prevmonth">
@@ -14,14 +14,14 @@
 	</view>
 	</view>
 	<view class="calendar-week flex-lr">
 	<view class="calendar-week flex-lr">
 		<block wx:for="{{weeklist}}" wx:key="{{index}}">
 		<block wx:for="{{weeklist}}" wx:key="{{index}}">
-			<view class="week-single gray-font font30r Semibold flex-cc">{{item.weekfont}}</view>
+			<view class="week-single gray-font font28r flex-cc color-{{index%6}}">{{item.weekfont}}</view>
 		</block>
 		</block>
 	</view>
 	</view>
 	<view class="calendar-content">
 	<view class="calendar-content">
 		<block wx:for="{{daylist}}" wx:for-item="itemlist" wx:for-index="indexlist" wx:key="{{indexlist}}">
 		<block wx:for="{{daylist}}" wx:for-item="itemlist" wx:for-index="indexlist" wx:key="{{indexlist}}">
 			<view class="calendar-week-day flex-lr">
 			<view class="calendar-week-day flex-lr">
 				<block wx:for="{{itemlist.list}}" wx:key="{{index}}">
 				<block wx:for="{{itemlist.list}}" wx:key="{{index}}">
-					<view class="{{item.overdate ? 'gray-font' : 'font-font'}} calendar-day flex-cc font30r Semibold {{item.istoday ? 'today' : ''}} {{item.isselected ? 'bg-yellow white-font' : ''}}" data-date="{{item.date}}" catchtap="{{item.overdate ? '' : 'selectdate'}}">{{item.mark ? item.mark : item.day}}</view>
+					<view class="{{item.overdate ? 'gray-font' : ('font-font color-'+(index%6))}} calendar-day flex-cc font30r {{item.istoday ? 'today' : ''}} {{item.isselected ? 'bg-yellow white-font' : ''}}" data-date="{{item.date}}" catchtap="{{item.overdate ? '' : 'selectdate'}}">{{item.mark ? item.mark : item.day}}</view>
 				</block>
 				</block>
 			</view>
 			</view>
 		</block>
 		</block>

@@ -9,7 +9,7 @@
 	box-sizing: border-box;
 	box-sizing: border-box;
 }
 }
 .calendar-title-date{
 .calendar-title-date{
-	padding:30rpx 0 30rpx 20rpx;
+	padding:30rpx 0 40rpx 20rpx;
 }
 }
 .calendar-title-tab-cover{
 .calendar-title-tab-cover{
 	padding:20rpx;
 	padding:20rpx;
@@ -55,13 +55,13 @@
 	box-sizing: border-box;
 	box-sizing: border-box;
 }
 }
 .calendar-day.today{
 .calendar-day.today{
-	border:2rpx solid #C0A369;
+	border:2rpx solid #42A5FF;
 }
 }
 .calendar-day.bg-yellow{
 .calendar-day.bg-yellow{
-	background: -webkit-linear-gradient(top, #F2D190, #C0A369); /* Safari 5.1 - 6.0 */
-	background: -o-linear-gradient(-45deg, #F2D190, #C0A369); /* Opera 11.1 - 12.0 */
-	background: -moz-linear-gradient(top, #F2D190, #C0A369); /* Firefox 3.6 - 15 */
-	background: linear-gradient(to bottom, #F2D190, #C0A369);
+	background: linear-gradient(180deg, #3BBFF5 0%, #57A0FF 100%);
 	border-width:0;
 	border-width:0;
+	color: #ffffff!important;
+}
+.color-0{
+	color:#42A5FF;
 }
 }
-

@@ -50,9 +50,9 @@
 	left:0;
 	left:0;
 	right:0;
 	right:0;
 	bottom:0;
 	bottom:0;
-	background: #FFFBF2;
-	border-top-left-radius:20rpx;
-	border-top-right-radius:20rpx;
+	background: #FFFFFF;
+	border-top-left-radius:40rpx;
+	border-top-right-radius:40rpx;
 	overflow: hidden;
 	overflow: hidden;
 	z-index:11;
 	z-index:11;
 }
 }