applet.miniprograms/pages/weekData/weekData.wxss

136 lines
2.5 KiB
Plaintext

/* components/calendarWeek/index.wxss */
.date-choose {
background: #fff;
overflow: hidden;
height: auto;
}
.data-month {
width: 100%;
align-items: center;
padding: .35rem .35rem;
text-align: left;
color: #333;
font-size: 38rpx;
}
.date-choose-swiper {
flex-grow: 1;
height: 182rpx;
}
.swiper-item {
display: flex;
flex-direction: column;
}
.weekday, .dateday {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
flex-wrap: wrap;
flex-grow: 1;
}
.week, .day {
width: 14.286%;
flex-basis: 14.286%;
}
.week{
color: #999;
font-size: 24rpx;
}
.day text {
position: relative;
color: #333333;
}
.day .active:before {/* 圈圈 */
content: "";
position: absolute;
width: 76rpx;
height: 76rpx;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid red;
border-radius: 100%;
background: red;
opacity: 0.1;
z-index: -1;
}
.day text.active {
color: red
}
.day text.reds {
color: #ff0000;
}
/*开始*/
.headerone {
width: 100%;
height: auto;
font-size: 24rpx;
/* margin: 0 30rpx; */
}
.headerone .ra {
margin-right: 20rpx;
}
.headerone .radio-group{
margin: 20rpx 0 20rpx 30rpx;
}
.headertwo {
width: 100%;
height: auto;
font-size: 24rpx;
margin-top: 10rpx;
margin-bottom: 26rpx;
}
.headertwo .le image {
width: 70rpx;
height: 70rpx;
border-radius: 10px;
margin-left: 30rpx;
margin-right: 20rpx
}
.headertwo .ri {
flex: 1;
margin-right: 30rpx;
border-radius: 6px;
box-shadow:0px 1px 6px 0px rgba(198,198,198,0.5);
}
.headertwo .ri .one{
width: 100%;
padding-top: 24rpx;
padding-bottom :24rpx
}
.headertwo .ri .one view .jiao {
margin: 0 16rpx;
border:15rpx solid;
/* margin-top: 15rpx; */
border-color: #ffffff #ffffff #b3b3b3 #ffffff;
}
.xi {
background: red;
color: #ffffff;
padding:3px 10px;
border-radius: 6px 0px 0 6px;
}
.headertwo .ri .one view view.jiaos {
margin: 0 16rpx;
border:15rpx solid;
margin-top: 14rpx;
border-color:#b3b3b3 #ffffff #ffffff #ffffff;
}
.headertwo .ri .two{
width: 100%;
overflow: hidden;
transition: all 0.5s
}
.headertwo .ri .two .body{
width: 100%;
/* padding-left: 60rpx; */
/* padding-right: 22rpx; */
padding-top: 24rpx;
padding-bottom :24rpx;
}