applte/pages/roomDetail/roomDetail.wxss

/* pages/roomDetail/roomDetail.wxss */
.content{
  position: relative;
}
.contentview {
  margin: 0 10px;
}

.button {
  margin: 5px;
}

.myview {
  height: 200px;
  word-break: break-all;
  /* 自动换行 */
}

.bgcolor {
  background: #02BFFF;
  width: 100%;
  position: fixed;
  height: 300rpx;
  top: 0;
  left: 0;
  z-index: 1;
}

.allcontent {
  position: fixed;
  z-index: 99;
  top: 30rpx;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 60rpx);
  background: #fff;
  border-radius: 30rpx;
  padding: 30rpx;
  box-shadow: 2rpx 2rpx 10rpx #eeee;
}

.allcontent .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 40rpx;
}

.allcontent .title text:first-child {
  color: #333;
}

.allcontent .name {
  color: #333;
  line-height: 50rpx;
}

.allcontent .bottompad {
  padding-bottom: 50rpx;
}

.allcontent .operation .operationli {
  border-top: 1rpx solid #f2f3f5;
  padding: 20rpx 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.allcontent .operation .operationli:last-child {
  padding-bottom: 0;
}

.bgimg {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.bgimg image {
  width: 100%;
  height: 100%;
  opacity: .5;
}

.roominfo {
  display: inline-block;
  width: 50%;
  height: 100%;
  margin-left: 50%;
  border-left: 1rpx solid #f2f3f5;
  background: rgba(255, 255, 255, .9);


}

.roominfo .roominfoli {
  height: 20%;
  padding: 15rpx 15rpx 15rpx 30rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f2f3f5;


}

.roominfo .roominfoli .text-sm {
  line-height: 40rpx;
}

.roominfo .roominfoli .icon text {
  vertical-align: middle;
  font-size: 40rpx;
}

.roominfo .roominfoli .icon text:nth-child(2) {
  font-size: 28rpx;
  margin-left: 20rpx;
}

.actionList .actionli {
  text-align: center;
  display: inline-block;
  width: 25%;
  padding: 30rpx 0;
  box-sizing: border-box;
  border-right: 1rpx solid #f2f3f5;
  border-bottom: 1rpx solid #f2f3f5;
}

.actionList .actionli .iconfont {
  font-size: 60rpx;
  margin-bottom: 20rpx;
}
.text-green{
  color: #39b54a;
}
.text-orange {
  color: #f37b1d;
}
.text-red{
  color: #e54d42;
}
.text-grey{
  color: #8799a3;
}
.text-blue{
  color: #0081ff;
}
.text-sm {
  font-size: 24rpx;
}

.roominfo .roominfoli .icon .fontsize{
  font-size: 28rpx;
}

.devicelist{
  width: 600rpx;
  padding: 30rpx;
  box-sizing: border-box;
  height: 800rpx;
  overflow-y: auto;
}
.actionList{
  background: #fff;
}
.flexBox{
  position: relative;
}
.d-flex{
  display: flex;
  flex-wrap: nowrap;
}
.d-flex van-button{
  width: 50%;
}