<view class="date-down" style="white-space:pre-line">
<view wx:for="{{list}}" wx:for-item="dayItem" class="day-button">
<view class="weui-cell__hd" style="position: relative">
<button class="link_child" style="height:110rpx;width:80rpx;">
<view class="content">{{dayItem}}</view>
</button>
<text class="weui-badge" style="position: absolute; top: -0.4em; right: -0.4em;">√</text>
</view>
</view>
</view>
.date-down{
display: flex;
flex-direction:row;
flex-wrap: wrap;
margin: 0 auto;
position: relative;
left: 5rpx;
margin-left: 6%;
margin-right: 6%;
background-color: white;
margin-top: 10%;
border-radius: 20rpx;
margin-bottom: 5%;
}
.link_child{
border-radius: 50%;
width: 20%;
}
button{
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 25rpx;
margin-top: 25rpx;
border: 1px solid rgb(209, 207, 207);
}
.day-button{
margin-left: 30rpx;
margin-right: 15rpx;
}
.content{
color:rgb(184, 181, 181) ;
font-size: 35rpx;
}
.link_child样式为控制换行的样式