nazw/nnzwminiapp/pagesPublic/pages/work-order/work-order.wxss

/* pagesPublic/pages/work-order/work-order.wxss */
Page {
    /* 全局样式 */
    background: #FFFFFF;
    height: 100%;
    /* position: fixed; */
}

.fontColorBox,
.fontColorBox1 {
    color: #508FF4;
    font-size: 34rpx;
}

.navBox {
    /* 顶部tab盒子样式 */
    width: 100%;
    height: 94rpx;
    background: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-bottom: solid #C8C8C8 1rpx;
}

.navBox view:last-child {
    /* 最后一个tab标题的样式 */
    padding-left: 20%;
}

.titleBox {
    /* 未选中文字的样式 */
    color: #333333;
    font-size: 32rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lineBox,
.notLineBox {
    /* 选中及未选中底线共同样式 */
    width: 215rpx;
    height: 6rpx;
    margin-top: 21rpx;
}

.lineBox {
    /* 选中底线样式 */
    background: #508FF4;
    border-radius: 3rpx;
}

.notLineBox {
    /* 未选中底线样式 */
    background: transparent;
}

.swiperBox {
    height: 100vh;
}

.swiperTtemBox {
    /* 底部内容样式 */
    height: 100%;
    overflow: scroll;
    background: #FFFFFF;
    color: #333333;
}

.formBox {
    margin: 10rpx 30rpx;
    font-size: 28rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.form-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100rpx;
    /* margin-top: 28rpx; */
    width: 100%;
}

.form-item-picker {
    width: 67%;
}

.form-item-label {
    width: 210rpx;
    color: #333333;
    font-size: 30rpx;
    font-weight: bold;
    text-align: right;
}

.form-input {
    font-size: 30rpx;

    border-bottom: solid 1rpx #99999980;
    width: 68%;
    height: 70rpx;
}

.form-icon {
    width: 13rpx;
    height: 24rpx;
    background-size: 100% 100%;
}

.form-photo {
    width: 44rpx;
    height: 40rpx;
    padding: 35rpx;
    border-radius: 15rpx;
    background: #E9E9E9;
}

.form-image {
    width: 112rpx;
    height: 112rpx;
    margin-left: 10rpx;
    border-radius: 10rpx;
}

.form-button {
    width: 100%;
    height: 97rpx;
    position: absolute;
    bottom: 97rpx;
    background: #508FF4;
    color: #FFFFFF;
    font-size: 28rpx;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 97rpx;
    border-radius: 0;
}

.viewBox {
    margin-bottom: 100rpx;
}

.item {
    margin: 0 30rpx;
    border-bottom: solid 1rpx #C8C8C880;
    padding-bottom: 36rpx;
}

.item-status {
    width: 146rpx;
    height: 146rpx;
    position: absolute;
    right: -20rpx;
    margin-top: -48rpx;
    /* top: -20rpx; */
}

.item-row {
    margin-top: 30rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.item-label {
    font-size: 28rpx;
    color: #999999;
}

.item-value {
    font-size: 28rpx;
    color: #333333;
}

.item-imgbox {
    align-items: flex-start;
}

.item-image {
    width: 129rpx;
    height: 129rpx;
    border-radius: 10rpx;
    background: #E9E9E9;
}