ball-applet/pages/club/index.wxss

.main {
  height: var(--thrHeight);
  background-color: var(--mainColor);
}
.main .one {
  display: flex;
  flex-direction: row;
  padding: 2vw;
  border-bottom: 1px solid var(--f1Color);
}
.main .one .one_1 {
  flex-grow: 1;
}
.main .one .one_1 input {
  padding: 1vw 0 2vw 2vw;
  background-color: var(--f1Color);
  border-radius: 5px;
}
.main .one .one_2 {
  width: 20vw;
}
.main .one .one_2 button {
  width: 100%;
  padding: 2vw;
  font-size: var(--font14Size);
}
.main .two {
  flex-grow: 1;
  position: relative;
}
.main .two .list {
  display: flex;
  flex-direction: row;
  height: 120px;
  padding: 2vw;
  margin: 2vw 2vw 0;
  border-radius: 10px;
}
.main .two .list .content {
  flex-grow: 1;
  z-index: 999;
}
.main .two .list .content .name {
  font-size: var(--font18Szie);
  text-align: center;
  color: var(--whiteColor);
}
.main .two .list .content .text1 {
  font-size: var(--font14Size);
}
.main .two .list .content .text1 text {
  color: var(--whiteColor);
}
.main .two .list .logo {
  margin: 5vw 0;
}
.main .two .list .logo image {
  width: 80px;
}
.main .two .list:nth-child(1n) {
  background-image: linear-gradient(to right, #9bd1fd, #44a2f0);
}
.main .two .list:nth-child(2n) {
  background-image: linear-gradient(to right, #eb5299, #ffaed4);
}
.scroll-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scroll-view .list-scroll-view {
  display: flex;
  flex-direction: column;
}