mini-system-examination-signup/app.wxss

/**app.wxss**/
@import "/class/main.wxss";
@import "/class/icon.wxss";

page {
    background-color: #fafafa;
    width: 100%;
}

.list {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 30rpx;
}

.item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10rpx;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 20rpx;
    border-radius: 10rpx;
    box-shadow: 1px 1px 1px #f7f5f5;

}

.content {
    width: 66%;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-around; */
    min-height: 64rpx;
    /* margin-left: 10rpx; */
}

.content.text-cut {
    max-width: 300rpx;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bottom-action {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 10rpx;
}

.content-view {
    width: 100%;
    padding: 10rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.content-detail {
    width: 98%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    background-color: white;
    border-radius: 10rpx;
    padding: 10rpx;
}

.notice-title {
    width: 100%;
    text-align: center;
}

.table-list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.table-title {
    display: flex;
    width: 96%;
    flex-direction: row;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
    border-radius: 20rpx;
}

.table-item-no {
    display: flex;
    width: 96%;
    flex-direction: row;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}

.line-gray {
    display: flex;
    width: 90%;
    flex-direction: row;
    height: 1rpx;
    background-color: #f5f5f5;
}

.table-title-border {
    display: flex;
    width: 96%;
    flex-direction: row;
    border-radius: 5rpx;
    border: 1rpx solid blue;
}

.table-item {
    display: flex;
    width: 96%;
    flex-direction: row;
    border-radius: 5rpx;
    min-height: 75rpx;
}

.table-notice {
    display: flex;
    width: 96%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 5rpx;
    min-height: 75rpx;
    padding: 5rpx;
}

.table-title-nor {
    display: flex;
    width: 96%;
    flex-direction: row;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
    border-radius: 3rpx;
}

.table-title-item {
    flex: 1.1;
    text-align: center;
    align-items: center;
    font-size: 24rpx;
    justify-content: center;
    align-self: center;
}

.border-bottom-gray {
    border-bottom-width: 1rpx;
    border-bottom-style: solid;
    border-bottom-color: gray;
}

.table-item-title-1 {
    flex: 1.3;
    text-align: center;
    align-items: center;
    font-size: 24rpx;
    justify-content: center;
    align-self: center;
}

.table-item-title {
    text-align: justify;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.table-item-content-3 {
    text-align: right;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.table-item-title-4 {
    flex: 0.4;
    text-align: center;
    font-size: 24rpx;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.table-item-title-3 {
    flex: 0.3;
    text-align: center;
    align-items: center;
    font-size: 24rpx;
    justify-content: center;
    align-self: center;
}

.table-item-title-2 {
    flex: 0.2;
    text-align: center;
    align-items: center;
    font-size: 24rpx;
    justify-content: center;
    align-self: center;
}

.table-item-content-item {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-self: center;
    min-height: 75rpx;
}

.border-top {
    border-top-style: solid;
    border-top-width: 1rpx;
    border-top-color: blue;
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1rpx;
    border-bottom-color: blue;
}

.border-left {
    border-left-style: solid;
    border-left-width: 1rpx;
    border-left-color: blue;
}

.border-right {
    border-right-style: solid;
    border-right-width: 1rpx;
    border-right-color: blue;
}

.table-item-content-item-title {
    flex: 0.7;
    text-align: center;
    font-size: 24rpx;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.table-item-content-item-title-4 {
    flex: 0.4;
    text-align: center;
    font-size: 24rpx;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.table-item-content-item-content {
    flex: 1.7;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-self: center;
    border-left-width: 1rpx;
    border-left-color: blue;
    font-size: 24rpx;
    border-left-style: solid;
}


.table-item-content {
    display: flex;
    flex: 1.8;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: center;
}