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,7 @@
.audioBackground {
  flex: 1;
  /* background-image: no-repeat; */
  background-image: url('https://jsek.bnuic.com/website/image/video-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
@@ -306,11 +314,11 @@
.bigFunctionBox {
  background: #000000;
  opacity: 0.6;
  width: 100%;
}
.mp-slider-bar {
  margin: 0 18rpx;
  /* margin-top: 10rpx; */
}
.t-tabs__item--active {
@@ -320,8 +328,6 @@
.t-tabs__track {
  background-color: #FF6C00 !important;
}
.publicBtn {
  margin-right: 10rpx;
@@ -343,5 +349,58 @@
.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;
}