scheduleList.acss 6.78 KB
@import "../../template/loading/loading.acss";
@import "../../template/affairBlank/index.acss";
@import "../../template/fullScreen/fullScreen.acss";
.dynamicBox {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 120rpx;
    height: 100vh;
}

.dynamicList {
    width: 100%;
}

.dynamicDetails {
    background: #FFFFFF;
    border-radius: 16rpx;
    width: 702rpx;
    margin: 24rpx 24rpx 0px 24rpx;
    padding: 32rpx 24rpx 24rpx 24rpx;
    box-sizing: border-box;
}

.meetingtitle {
    font-family: PingFangSC-Medium;
    font-size: 34rpx;
    color: #1B263D;
    line-height: 34rpx;
    margin-bottom: 24rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userDynamic {
    margin-bottom: 34rpx;
}

.dynamicDetails .userDynamic:nth-last-child(1) {
    margin-bottom: 0;
}

.dynamicTime {
    margin-bottom: 16rpx;
}

.dynamicTime text:nth-of-type(1) {
    opacity: 0.56;
    font-size: 26rpx;
    color: #1B263D;
    letter-spacing: 0;
    line-height: 28rpx;
    margin-right: 16rpx;
}

.dynamicTime text:nth-of-type(2) {
    font-size: 24rpx;
    color: rgba(25, 31, 37, 0.40);
    line-height: 24rpx;
}

.placedTop {
    width: 84rpx;
    height: 84rpx;
    background: #FFFFFF;
    border-radius: 50%;
    margin-left: 24rpx;
    text-align: center;
    line-height: 84rpx;
}

.dynamicContent {
    display: flex;
    align-items: center;
    width: 906rpx;
}

.isMove {
    transform: translateX(-156rpx);
    transition: all 150ms linear 0s;
}

.placedTop .iconicon_top1 {
    font-size: 48rpx;
    color: rgb(234, 12, 40);
}

.placedTop .isTopIcon {
    color: rgba(10, 10, 10, 0.72);
}

.noDate {
    position: fixed;
    left: 0;
    top: 0;
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-lock {
    height: 100%;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
}

.icon-color {
    opacity: 0.4;
}

.index {
    background: #FFFFFF;
}

.scheduleHeader {
    width: 100%;
    height: 88rpx;
    background: #FFFFFF;
    line-height: 88rpx;
    padding: 0 32rpx;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 2rpx 10rpx 3rpx rgba(0, 0, 0, 0.04);
    z-index: 9;
    position: relative;
}

.scheduleHeader view:nth-of-type(1) {
    flex: 1;
    color: rgba(10, 10, 10, 1);
    font-size: 40rpx;
    font-weight: bold;
}

.scheduleHeader view:nth-of-type(2) {
    width: 40rpx;
    height: 40rpx;
}

.headerIcon {
    position: relative;
}

.headerIcon>view {
    position: absolute;
    left: 28rpx;
    top: 52rpx;
    width: 12rpx;
    height: 12rpx;
    border: 2rpx solid #FFFFFF;
    border-radius: 50%;
    background: #EA0C28;
}

.headerIcon .iconicon_app1 {
    font-size: 44rpx;
    color: rgba(27, 38, 61, 0.4);
}

.year, .month, .week, .date {
    height: 96rpx;
    font-size: 48rpx;
}

.year, .month, .week {
    line-height: 96rpx;
    padding-left: 32rpx;
}

.year, .month {
    font-weight: bold;
    font-family: 'DINAlternate-Bold';
}

.week {
    font-size: 26rpx;
    color: rgba(25, 31, 37, 0.39);
    padding-left: 120rpx;
}

.date {
    display: flex;
    padding: 0 32rpx 0 0;
    margin-bottom: 32rpx;
}

.today {
    border-left: 8rpx solid rgba(234, 12, 40, 1);
}

.todayNoData {
    height: 96rpx;
    line-height: 96rpx;
    padding-left: 16rpx;
    font-size: 28rpx;
    color: rgba(25, 31, 37, 0.39);
}

.todayNoData text:nth-of-type(2) {
    color: rgba(25, 31, 37, 0.39);
}

.todayNoData text:nth-of-type(2) {
    color: #191F25;
}

.overdue {
    background: rgba(10, 10, 10, .034) !important;
    color: rgba(10, 10, 10, .353) !important;
}

.overdue text {
    color: rgba(10, 10, 10, .353) !important;
}

.overdueLabel {
    color: rgba(10, 10, 10, .353) !important;
}

.cancel {
    background: url(../../assests/cancel.png) center /100% 100% !important;
    border: 1rpx solid rgba(97, 155, 212, 0.28) !important;
    color: rgba(25, 31, 37, 0.56) !important;
}

.cancel text {
    text-decoration: line-through;
}

.hasDateTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96rpx;
    width: 112rpx;
    flex-direction: column;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    padding-top: 6rpx;
}

.hasDateTitle view:nth-of-type(1) {
    font-size: 24rpx;
}

.hasDateTitle view:nth-of-type(2) {
    font-size: 48rpx;
}

.scheduleBox {
    flex: 1;
    height: 96rpx;
    padding: 16rpx;
    background: rgba(10, 10, 10, 0.05);
    border-radius: 4px;
}

.scheduleTitle {
    font-weight: 500;
    color: rgba(10, 10, 10, .72);
    font-size: 28rpx;
    margin-bottom: 10rpx;
    line-height: 28rpx;
}

.scheduleTime {
    font-size: 26rpx;
    font-weight: 400;
    color: rgba(10, 10, 10, .72);
    line-height: 26rpx;
}

.cancel {
    width: 602rpx;
    overflow: hidden;
    background: url(../../assests/cancel.png) center /100% 100%;
    border: 1rpx solid rgba(25, 31, 37, 0.28);
    color: rgba(25, 31, 37, 0.56);
}

.indexScrollView {
    height: calc( 100vh - 88rpx);
    background: #Fff;
}

.tabBarContent {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
}

.tabBar {
    height: 120rpx;
    width: 100%;
    background: url('../../assests/tabBarBg.png');
    background-size: cover;
    display: flex;
    padding-top: 4rpx;
    /* box-shadow: 0 -4rpx 8rpx 0 rgba(0,0,0,0.04);
    border-radius: 0 64rpx 0 64rpx 0 0 0; */
}

.tabBar>view {
    flex: 1;
    font-size: 28rpx;
}

.tabBar>view:nth-of-type(1) {
    text-align: left;
}

.tabBar>view:nth-of-type(2) {
    text-align: right;
}

.createMeeting {
    position: absolute;
    left: 50%;
    top: 8rpx;
    font-size: 32rpx;
    border-radius: 50%;
    height: 84rpx;
    width: 84rpx;
    background: #EA0C28;
    box-shadow: 0 4px 7px 0 rgba(234, 12, 40, 0.30);
    margin-left: -42rpx;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.createMeeting .iconfont {
    font-size: 34rpx;
    display: block
}

.tabBarView {
    display: flex;
    flex-direction: column;
    height: 116rpx;
    justify-content: center;
}

.tabBarView1 {
    padding-left: 140rpx;
    align-items: flex-start;
}

.tabBarView2 {
    padding-right: 140rpx;
    align-items: flex-end;
}

.tabBarView>view {
    display: block;
    color: rgba(10, 10, 10, .4)
}

.tabBarView>view:nth-of-type(1) {
    width: 42rpx;
    height: 42rpx;
    font-size: 42rpx;
    margin-bottom: 11rpx;
}

.tabBarView>view:nth-of-type(2) {
    height: 10rpx;
    font-size: 20rpx;
}

.ischooseTabBar>view {
    color: rgba(10, 10, 10, 1) !important;
}

.iconicon_Calendarbox1 {
    position: relative;
}

.iconicon_days {
    position: absolute;
    left: 7rpx;
    top: 10rpx;
    font-size: 27rpx;
}

.tabBarView .iconicon_days {
    color: #FFFFFF !important;
}