音频播放bug

yiming

2024-04-11 a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32

 pages/bookExhibitionList/index.wxss

@@ -1,15 +1,14 @@
/* pages/bookExhibitionList/index.wxss */
@import "./index.skeleton.wxss";

.nacigationBar {
  background-color: #fff;
  display: flex;
  align-items: center;

}

.navbar-title {
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  color: #0F1214;
  font-size: 40rpx;
@@ -23,46 +22,42 @@
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 15px;


}

.contentBox {
  width: 330rpx;
  /* height: 231rpx; */
  /* border: 1px #000 solid; */
  margin: 10px 0;
  background-color: #fff;

}

image {
  width: 327rpx;
.contentBox .imageBox {
  width: 330rpx;
  height: 128rpx;
}



image {
  width: 100%;
  height: 100%;
}


.textBox {
  font-family: PingFang SC, PingFang SC;
  width: 280rpx;
  /* height: 75rpx; */
  font-size: 25rpx;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* text-align: center; */
  margin: 20rpx;

}


.example-search {
  /* width: 300px; */
  background-color: #fff;
  /* padding: 16rpx 32rpx; */
}

.iconBox {
@@ -81,50 +76,197 @@
.sortBox {
  color: #999999;
  display: flex;
  /* border-bottom: 1px #ededed solid; */
  align-items: center;
  height: 86rpx;
  width: 195rpx;
  margin-top: 8rpx;
  font-size: 30rpx;
  font-size: 25rpx;
}

.outsideSortBox {
  width: 96rpx;
  height: 95rpx;
  margin: 0 15rpx;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.16);
  padding: 0 10rpx;
}

.sortBox text {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 25rpx;
  color: #999999;
}

.titleBox {
  display: flex;
  align-items: center;
  margin: 10px;
  margin-left: 0;
  padding-top: 30rpx;
}



.frameBox {
  width: 13rpx;
  width: 7rpx;
  height: 54rpx;
  background: #FF6C00;
  border-radius: 0rpx 9rpx 9rpx 0rpx;

}

.titleTextBox {
  font-size: 20px;
  font-weight: bolder;
  margin-left: 10px;
  font-family: JDLangZhengTi, JDLangZhengTi;
  margin-left: 5px;
  width: 180rpx;
  height: 36rpx;
  /*宽 3.7   高1 */
}

.classification {
.titleTextBox image {
  width: 100%;
  height: 100%;
  image-rendering: -webkit-optimize-contrast;
}

/* .classification {
  width: 550rpx;
  /* margin-bottom: 50rpx; */

}
  margin: 0 30rpx;
} */

.menuBox {
  display: flex;
  height: 75rpx;

}

.assembleContent {
  background-color: #F2F3F8;
  min-height: 90vh;
  margin-top: 270rpx;
}

.t-dropdown-menu:after,
.t-dropdown-menu::after {
  height: 0px;
}

.t-dropdown-item__body,
.t-dropdown-item__footer,
.t-radio {
  background: #F6F6F6 !important;
}

.t-dropdown-item__body {
  padding: 40rpx 0;
}

.t-dropdown-menu__item {
  margin: 10rpx 10rpx 0 10rpx;
  border-radius: 40rpx;
  height: 68rpx;
  background: #F6F6F6 !important;
}

.t-dropdown-menu__item--active {
  height: 68rpx !important;
  background: #F6F6F6 !important;
}

.t-dropdown-menu__item--active,
.t-radio__icon--checked,
.t-checkbox__icon--checked {
  color: #FF6C00 !important
}

.t-dropdown-menu {
  width: 750rpx;
}

.t-checkbox__icon--disabled {
  color: #c0c4cc !important;
}

.t-radio--block {
  padding: 20rpx !important;
}

.t-radio__border {
  height: 0 !important;
}

/* .t-button--primary {
  color: #fff !important;
  background-color: #FF6C00 !important;
  border: 1rpx #fff solid !important;
} */

.t-button--primary {
  color: var(--td-button-primary-color, var(--td-font-white-1, #ffffff)) !important;
  background-color: var(--td-button-primary-bg-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important;
}

.t-button--primary::after {
  border-width: var(--td-button-border-width, 4rpx);
  border-color: var(--td-button-primary-border-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important;
}

.t-button--primary.t-button--hover::after {
  background-color: var(--td-button-primary-active-bg-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important;
  border-color: var(--td-button-primary-active-border-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important;
}


.t-button--light {
  color: #000 !important;
  background-color: #fff !important;
}


.menu--t-dropdown-menu::after {
  background-color: var(--td-component-border, var(--td-gray-color-4, #fff)) !important;
}

.noData {
  margin: 0 auto;
  margin-top: 100rpx;
}

.t-checkbox--tag .t-checkbox__title--checked {
  color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important;
}

.t-checkbox--tag.t-checkbox--checked {
  color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important;
  background-color: var(--td-checkbox-tag-active-bg-color, var(--td-brand-color-light, var(--td-primary-color-1, #FF6C00))) !important;
}

.outsideBigTitleBox {
  position: fixed;
  top: 0px;
  background-color: #fff;
  height: 135px;
  z-index: 999;
}

.disableds {
  color: var(--td-dropdown-menu-disabled-colorm, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))) !important;
}

.scrollViewBox {
  height: calc(100vh - 300rpx);
  /* width: calc(100vw - 60rpx); */
  /* height: 700rpx; */
}



.bottom-box {
  display: flex;
  justify-content: center;
  color: #999;
  height: 80rpx;
  font-size: 28rpx;
  --td-loading-color: #ff6c00;
  margin-top: 100rpx;
  display: flex;
  justify-content: center;
}