.aside{ width:8rem; border-right: 1px solid #ddd; font-size: .85rem; } .type-nav{ width:8rem; position: relative; padding:.7rem .3rem; text-align: center; border-bottom: 1px solid #ddd; z-index: 10; } .flex-wrap{ display: flex; } .type-nav.selected{ margin-right: -1px; padding-left:0,-1px; color: #333; background-color: #fff; } /* .content{ background-color: #fff; } */ .dish{ margin-left: 1rem; padding: 1rem; border-bottom: 1px solid #ddd; } .dish .title{ display: block; font-size: 1rem; } .dish p{ color: orange; font-size: .75rem; } .dish .add-btn{ width: 8rem; text-align: right; } .cu-bar1 { display: flex; align-items: center; justify-content: space-between; } .cart{ display: block; position: fixed; left: 0; right: 0; bottom: 0; padding: 1rem; background: #ddd; } .container { height: 50%; box-sizing: border-box; background-color: #f4f4f4; } .cu1-btn { position: relative; border: 0rpx; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5rpx 5rpx; font-size: 26rpx; height: 70rpx; line-height: 1; text-align: center; text-decoration: none; overflow: visible; margin-left: initial; transform: translate(0rpx, 0rpx); margin-right: initial; } .cu-btn1 { position: relative; border: 0rpx; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 5rpx; font-size: 26rpx; height: 64rpx; line-height: 1; text-align: center; text-decoration: none; overflow: visible; margin-left: initial; transform: translate(0rpx, 0rpx); margin-right: initial; } .setborder { border: 1rpx solid currentColor; } .cubarN { display: flex; position: relative; align-items: center; min-height: 50rpx ; justify-content: space-between; } /* 房间列表项在线/离线样式(与查房页面保持一致) */ .nav-li4.online { background-color: #FFFFFF; /* 在线高亮白 */ color: #111111; } .nav-li4.offline { background-color: #C9CBCA; /* 设备离线浅灰色 */ color: #111111; } /* 房间卡片的大框背景色与响应式布局 */ .nav-list1 { background-color: #F0F0F0; display: flex; flex-wrap: wrap; justify-content: center; padding: 10rpx; } /* 单列卡片(默认,手机) .nav-list1 .nav-li4 { width: 98%; margin: 10rpx 0; box-sizing: border-box; } */