bwj_wechat/components/My_realTime_display/index.wxss

/* 展示盒子，设置背景图片 */
.display_box {
    /* display: flex; */
    width: 675rpx;
    height: 300rpx;
    margin: 0 auto;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100%;
}

/* 头部 */
.display_header {
    display: flex;
    justify-content: space-between;
    height: 95rpx;
    line-height: 90rpx;
    color: #ffffff;
    border-bottom: 1rpx solid #E4E4E4;
}

.display_header_title {
    font-size: 34rpx;
    font-weight: 700;
    margin-left: 45rpx;
}

.display_header_but {
    margin-right:30rpx;
}

/* 主体 */
.display_main{
    display: flex;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
}
.display_main view{
    flex: 1;
}

.display_main .main_data{
    font-size: 50rpx;
    margin-top: 35rpx;
}
.display_main .main_title{
    display: flex;
    justify-content: center;
    font-size: 34rpx;
    height: 60rpx;
    line-height: 60rpx;
    margin-top: 15rpx;
}
.main_title .quantity{
    font-size: 45rpx;
    margin-left: 5rpx;
}