xt / xcx-book · Commits

Go to a project

Commit 483dca9ce7cf75724c039d649f5f53bfdd4f3e8e

Authored by vking
1 parent 81ade7ab
build: skipped

blue ui other

Inline Side-by-side
Showing 3 changed files with 13 additions and 13 deletions
<view class="calendar">
<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">
<block wx:if="{{showprev}}">
<view class="calendar-title-tab-cover calendar-title-prev-cover" bindtap="prevmonth">
... ... @@ -14,14 +14,14 @@
</view>
<view class="calendar-week flex-lr">
<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>
</view>
<view class="calendar-content">
<block wx:for="{{daylist}}" wx:for-item="itemlist" wx:for-index="indexlist" wx:key="{{indexlist}}">
<view class="calendar-week-day flex-lr">
<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>
</view>
</block>
... ...
... ... @@ -9,7 +9,7 @@
box-sizing: border-box;
}
.calendar-title-date{
padding:30rpx 0 30rpx 20rpx;
padding:30rpx 0 40rpx 20rpx;
}
.calendar-title-tab-cover{
padding:20rpx;
... ... @@ -55,13 +55,13 @@
box-sizing: border-box;
}
.calendar-day.today{
border:2rpx solid #C0A369;
border:2rpx solid #42A5FF;
}
.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;
color: #ffffff!important;
}
.color-0{
color:#42A5FF;
}
... ...
... ... @@ -50,9 +50,9 @@
left:0;
right: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;
z-index:11;
}
\ No newline at end of file
... ...