mini-shop/pages/roomManger/roomManger.wxss

/* miniprogram/pages/tab/tab.wxss */
/* pages/searchRoom/searchRoom.wxss */
.storeContent {
  width: 100%;
  /* padding: 0  10rpx; */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  flex-direction: column;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 100;
  padding-bottom: 10rpx;
}

.tab-header {
  width: 100%;
  height: 80rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.tab-header .active text{
  color: #0075DC;
  border-bottom:4rpx solid #0075DC;
}
.tab-header view text{
  padding-bottom:15rpx;
  /*transition: all 0.3s;*/
}
.storeSearch image {
  width: 24rpx;
  height: 24rpx;
}
.un-start,
.has-start {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.storeSearch {
  width: 614rpx;
  height: 64rpx;
  background: #F6F6F6;
  border-radius: 32rpx;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 32rpx;
  box-sizing: border-box;
  margin: 10rpx auto 0;
  position: relative;
}

.storeSearch image {
  width: 24rpx;
  height: 24rpx;
}

.storeSearch input {
  font-size: 24rpx;
  color: #333;
  margin-left: 4rpx;
  width: 80%;
}

.storeSearch .placeholderStyle {
  font-size: 24rpx;
  color: #B2B2B2;
}
.search-container{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 32rpx;
}
.searchBtn {
  color: #0075DC;
  font-size: 28rpx;
  width: 60rpx;
}

.result {
  margin-top: 80rpx;
  padding: 100rpx 32rpx 10rpx 32rpx;
  box-sizing: border-box;
}
.addRoom{
  position: fixed;
  right: 20rpx;
  bottom:200rpx;
  background-color: #0075DC;
  border-radius: 50%;
  text-align: center;
  width: 100rpx;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 80rpx;
  color: #fff;
  z-index:10;
}

.storeList {
  width: 100%;
  /* padding: 0 32rpx; */
  box-sizing: border-box;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  margin-top: 20rpx;
}

.storeList>view {
  overflow: hidden;
  width: 334rpx;
  float: left;
}

.storeList>view:nth-of-type(odd) {
  margin-right: 18rpx;
}

.unbrand {
  margin-top: 180rpx;
  text-align: center;
}

.unbrand image {
  display: inline-block;
  width: 250rpx;
  height: 274rpx;
}

.unbrand .text {
  color: #666C7D;
  font-size: 30rpx;
  margin-top: 40rpx;
}

.parent{
  background:#fff;
  padding-bottom:0;
  width:100%;
  box-sizing: border-box;
  display: inline-block;
  padding: 20rpx 0;
  border-bottom: 2rpx solid #EDEDED;
}

.parent:first-child{
  border-top: 2rpx solid #f0f0f0;
}
.moveArea{
  height: 200rpx;
  width: 100%;
  margin-bottom:10rpx;
}
.moveView{
  height: 200rpx;
  width: 100%;
}
.list-item{
  padding:20rpx 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2rpx solid #f0f0f0;
}

.item-content{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20rpx 0 20rpx;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateX(180rpx);
  transform: translateX(180rpx); 
  margin-left: -200rpx;
}
.content-info{
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 32rpx;
  color: #999
}
.content-name{
  width: 100%;
}
.list-item-touch-active .item-content{
  margin-left: -100rpx;
}
.list-item-touch-active .item-content, .list-item-touch-active .item-delete {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
.item-delete{
  font-size: 24rpx;
  color: #666;
  width: 100rpx;
  padding:5rpx 10rpx;
  border:1rpx solid #ff5d5d;
  border-radius:15rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background:#f9bfbf;
  color: #ff5d5d;
  font-size: 32rpx;
  -webkit-transform: translateX(180rpx);
  transform: translateX(180rpx);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.swider-item{

}