epdc-resident-mp-js/pages/discussion/components/issueList/issueList.wxss

.issue-list {
  width: 100%;
  height:100%;
}
.issue-list .search {
  margin-top: 2rpx;
  width: 100%;
  height: 80rpx;
  background: #fff;
  margin-bottom:19rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.issue-list .search .left-v2{
  height: 100%;
  width: calc(100% - 130rpx);
}
.issue-list .search .left {
  background: #fff;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 560rpx;
  height: 100%;
}
.issue-list .search .left image {
  width: 26rpx;
  height: 26rpx;
  object-fit: cover;
  margin: 0 12rpx 0 25rpx;
}
.issue-list .search .left input {
  width: calc(100% - 37rpx - 26rpx);
  font-size: 26rpx;
}
.issue-list .search .left .input-placeholder {
  font-size: 26rpx;
  color: #a8a8a8;
}

.issue-list .search .right {
  margin-right: 30rpx;
  background: #fff;
  height:100%;
  display: flex;
  align-items: center;
  transform-style: preserve-3d;
  perspective: 1000;
  transition-duration: 0.6s;
  width: 100rpx;
  position: relative;
}
.issue-list .search .right.reserve {
  transform: rotateY(180deg);
}
.issue-list .search .right .front, .issue-list .search .right .back {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
}
.issue-list .search .right .back {
  transform: rotateY(-180deg);
}
.issue-list .search .right .front .tip {
  font-size: 28rpx;
  color: #333;
  margin-right: 10rpx;
}
.issue-list .search .right .front .change-image {
  width: 28rpx;
  height: 28rpx;
  object-fit: cover;
}
.issue-list .search .right .back .tip {
  font-size: 28rpx;
  color: #333;
}
.issue-list .search .right .back .change-image {
  width: 28rpx;
  height: 28rpx;
  object-fit: cover;
  margin-right: 10rpx;
}

.issue-list .issue-nodata {
  width: 100%;
  height: calc(100vh - 500rpx);
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.issue-list .issue-nodata .nodata-image {
  /* width: 256rpx;
  height:245rpx; */
  width: 320rpx;
  height:480rpx;
  object-fit: cover;
}
.issue-list .issue-nodata .nodata-tip {
  font-size: 28rpx;
  color: #bcbcbc;
  height: 50rpx;
  line-height: 50rpx;
}

.issue-list .issue-nodata .nodata-tip .go-project{
  font-size: 28rpx;
  color: #bcbcbc;
}