/* components/calendarWeek/index.wxss */ .date-choose { background-size: 100% 100%; background-repeat: no-repeat; background-image: url("https://point.xiuqinews.cn/file/file?fileName=detail_point_bg.png"); overflow: hidden; height: auto; padding-top: 15rpx; } .data-month { width: 100%; align-items: center; padding: .35rem .35rem; text-align: left; color: #333; font-size: 38rpx; } .date-choose-swiper { flex-grow: 1; display: flex; flex-wrap: nowrap; height: 100rpx; margin: 28rpx 0 30rpx 0; /* margin-top: 30rpx; */ } .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; } /* 显示星期的框 */ .weekday, .week_box{ text-align: center; margin: 0 auto; background: #1A1613; font-size: 26rpx; padding: 10rpx 20rpx; font-family: PingFang SC; font-weight: 500; color: #FFE77E; border-radius: 10rpx; } .week, .day { width: 14.286%; flex-basis: 14.286%; } .week{ /* color: #999; */ color: #000; font-size: 24rpx; } .day text { display: inline-block; width: 70rpx; height: 70rpx; line-height: 70rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #333333; position: relative; background: #FFEA8D; border-radius: 50%; /* padding:10rpx; */ box-sizing: border-box; } .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: #FFEA8D !important; background: #1A1613; } .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; } .direction_box{ width: 100%; margin: 0 auto; padding: 0 51rpx; display: flex; box-sizing: border-box; position: relative; justify-content:space-between; } .direction{ position: absolute; width: 124rpx; height: 55rpx; } .left{ left: 50rpx; } .right{ right: 50rpx; }