最近在做微信小程序,我想做一个日历,想要实现点击箭头展开日历,并且箭头方向也随之变化。经过学习终于掌握了,下来大家讲解一下。
直接堆代码了:
wxml:
<view class='viewDa'>
<text class='rword2'>{
{month}}月{
{year}}</text>
<view class='viewon' bindtap='onChangeShowState'>
<image class='iamg' src="{
{isFold?'../../image/向下箭头.png':'../../image/向上箭头.png'}}"></image>
</view>
</view>
<view class="bright789_view_hide{
{showView?'bright789_view_show':''}}">
<view class='wrap'>
<view class='date-show'>
<view class='lt-arrow' bindtap='lastMonth'>
<image src='/image/左箭头.png' mode='aspectFit'></image>
</view>
{
{year}}年{
{month}}月
<view class='rt-arrow' bindtap='nextMonth'>
<image src='/image/右箭头.png' mode='aspectFit'></image>
</view>
</view>
<view class='header'>
<view wx:for='{
{date}}' wx:key="unique" class='{
{(index == todayIndex) && isTodayWeek ? "weekMark" : ""}}'>{
{item}}
</view>
</view>
<view class='date-box'>
<view wx:for='{
{dateArr}}' wx:key="unique" class='{
{isToday == item.isToday ? "nowDay":""}}'data-date='{