bug1

yiming

2024-04-19 56b70cdad0a96691eaf37e04a79ef5e92b892480

 packageDomain/pages/resourceDetails/myAudio/index.wxss

@@ -1,4 +1,6 @@
/* pages/resourceDetails/index.wxss */
@import "./index.skeleton.wxss";

.nacigationBar {
  background-color: #fff;
  display: flex;
@@ -6,12 +8,13 @@
}

.navbar-title {
  white-space: nowrap;
  /* white-space: nowrap;
  text-overflow: ellipsis;
  color: #0F1214;
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
  margin-bottom: 5rpx; */
  margin: 0 auto;
}


@@ -21,7 +24,6 @@
  border-bottom: 1px #f4f4f4 solid;
  padding-bottom: 20rpx;
  font-weight: bold;

}

.contentBox {
@@ -41,16 +43,14 @@

.custom-panel {
  width: 750rpx;

}

.contentBox .takeNotes {

  position: absolute;
  top: 5rpx;
  top: 0rpx;
  right: 0;
  width: 350rpx;
  border-bottom: 1px solid #f4f4f4;
  width: 353rpx;
  /* border-bottom: 1rpx solid #e7e7e7; */
}

.takeNotes image {
@@ -117,23 +117,31 @@
.buttonBox {
  display: flex;
  justify-content: center;
}

.outsideDetailsName {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 35vh;
}

.detailsName {
  margin: 30rpx;
  width: 90%;
  height: 60rpx;
  min-height: 60rpx;
  display: flex;
  align-items: center;
  padding-left: 20rpx;
  background-color: #FFF6F0
  padding: 20rpx;
  background-color: #FFF6F0;
  line-height: 50rpx;


}

.detailsName:hover {
  background-color: #fff0e6;
  width: 90%;
  height: 60rpx;
  min-height: 60rpx;
  color: #ff6c00;
}

@@ -269,7 +277,10 @@

.audioBackground {
  flex: 1;
  background-size: 100% 110%;
  background-image: url('https://jsek.bnuic.com/website/image/video-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-color: #f9f9f9;
  display: flex;
  justify-content: center;
@@ -285,6 +296,7 @@
  height: 96rpx;
  display: flex;
  align-items: center;
  width: 100%;
}

.functionBox .color {
@@ -302,18 +314,93 @@
.bigFunctionBox {
  background: #000000;
  opacity: 0.6;
  width: 100%;
}

.mp-slider-bar {
  margin: 0 18rpx;
  margin-top: 10rpx;
}

.t-tabs__item--active {
  color: #FF6C00 !important;

}

.t-tabs__track {
  background-color: #FF6C00 !important;
}

.publicBtn {
  margin-right: 10rpx;
  margin-left: 20rpx;
  width: 120rpx;
  position: relative;
}

.multipleBox {
  position: absolute;
  bottom: 60rpx;
  right: 10rpx;
  background-color: #000;
  padding: 15rpx;
  font-size: 25rpx;
}



.publicText {
  display: flex;
}

.noData {
  margin-top: 150rpx;
}

.audioIconBox {
  width: 50rpx;
}

.pauseCircleBox {
  width: 45rpx;
  height: 45rpx;
}

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

.tabs--t-tabs__scroll--split::after {
  height: 0rpx !important;
}

.t-tabs__scroll::after {
  height: 0rpx !important;
}

.buttonBox {
  position: absolute;
  top: 95rpx;
  width: 100%;
  background-color: #e7e7e7;
  height: 1px;
  z-index: 999;
}

.current-time {
  width: 82rpx;
}

.duration-time {
  width: 82rpx;
}

.timeBox {
  width: 210rpx;
  display: flex;
  flex-direction: row;
}

.wrapper {
  overflow-y: scroll;
  height: 45vh;
}