miniProgram/subpages/addMattresses/addMattresses.wxss

/* subpages/addMattresses/addMattresses.wxss */

page {
    background-color: #F8F9FA;
}

.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.notice-view {
    width: 690rpx;
    height: 56rpx;
    background: #DDF1EF;
    margin-top: 20rpx;
    border-radius: 16rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.notice-icon {
    width: 36rpx;
    height: 36rpx;
    margin-left: 20rpx;
    display: block;
}

.marquee-container {
    flex: 1;
    margin-left: 20rpx;
    margin-right: 20rpx;
    /* 容器宽度 */
    overflow: hidden;
    /* 内容超出时隐藏 */
}

.marquee-text {
    font-size: 22rpx;
    white-space: nowrap;
    color: #0BC3AA;
    line-height: 56rpx;
    /* 内容不换行 */
    display: inline-block;
}

.marquee-text-animation {
    animation: marquee 8s linear infinite;
    /* 滚动动画，时间可根据需要调整 */
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.w-card {
    margin-top: 20rpx;
    width: 690rpx;
    background: #FFFFFF;
    border-radius: 16rpx;
    display: flex;
    flex-direction: column;
}

.lysb-btn {
    font-size: 24rpx;
    padding: 4rpx 16rpx;
    height: fit-content;
    color: #0BC3AA;
    border: 2rpx solid #0BC3AA;
    border-radius: 30rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.lysb-new-btn {
    font-size: 24rpx;
    padding: 4rpx 0;
    height: fit-content;
    color: #323233;
    border-radius: 30rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.van-field__label {
    font-size: 28rpx !important;
    color: #3E3D44 !important;
}

.input-class {
    font-size: 28rpx !important;
    color: #3E3D44 !important;

}

.ly-icon {
    width: 24rpx;
    height: 24rpx;
    margin-right: 8rpx;
}

.commit-btn {
    margin: 80rpx 0;
    width: 630rpx;
    height: 84rpx;
    background: linear-gradient(315deg, #0ABCA4 0%, rgba(11, 195, 170, 0.8) 100%);
    border-radius: 40rpx;
    color: #FFFFFF;
    font-size: 28rpx;
    text-align: center;
    line-height: 84rpx;
}

.bluetooth-view {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bluetoothList {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-y: auto;
}

.sure-btn {
    margin: 20rpx 0;
    font-size: 32rpx;
    text-align: center;
    line-height: 80rpx;
    width: 670rpx;
    color: #FFFFFF;
    height: 80rpx;
    background: linear-gradient(315deg, #0ABCA4 0%, rgba(11, 195, 170, 0.8) 100%);
    border-radius: 40rpx;
}

.bluetooth-item {
    width: 670rpx;
    height: 144rpx;
    margin-top: 40rpx;
    background: #FFFFFF;
    border-radius: 24rpx;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.bluetooth-icon {
    margin-left: 30rpx;
    width: 48rpx;
    height: 48rpx;
    display: block;
}

.bluetooth-content {
    margin: 0 30rpx;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-evenly;
    height: 100rpx;
}

.bluetooth-title {
    color: #333333;
    font-size: 32rpx;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-break: anywhere;
}

.bluetooth-rssi {
    color: #888888;
    font-size: 24rpx;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-break: anywhere;
}

.bluetooth-radio {
    margin-right: 30rpx;
    width: 32rpx;
    height: 32rpx;
    display: block;

}

.bluetoothConnectedView {
    width: 630rpx;
    padding-top: 40rpx;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.circle-view {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bluetooth-connected-icon {
    display: block;
    width: 280rpx;
    height: 280rpx;
}

.bluetooth-connected-yes {
    display: block;
    width: 28rpx;
    height: 28rpx;
}

.bluetoothConnected-tips {
    font-size: 32rpx;
    color: #333333;
}

.circle-content {
    display: flex;
    flex-direction: column;
}

.circle-text {
    font-weight: 700;
    font-size: 48rpx;
    color: #00CEB2;
}

.circle-loading {
    color: #3E3D44;
    font-size: 24rpx;
}

.loading-list {
    display: flex;
    flex-direction: column;
    width: calc(100% - 120rpx);
}

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

.loading-title {
    margin-left: 20rpx;
    color: #3E3D44;
    font-size: 24rpx;
}

.bluetoothConnectedView-btn {
    margin: 40rpx 0;
    font-size: 32rpx;
    text-align: center;
    line-height: 76rpx;
    width: 510rpx;
    height: 76rpx;
    color: #FFFFFF;
    background: linear-gradient(315deg, #0ABCA4 0%, rgba(11, 195, 170, 0.8) 100%);
    border-radius: 40rpx;
}