音频播放按钮

yiming

2024-03-29 0e292005a339a4974712541a831e9746c4ee0a7b

音频播放按钮

 assets/js/config.js

@@ -1,7 +1,7 @@
// export const requestCtx = "http://182.92.203.7:3001"; // 请求地址
// export const appId = 27;
export const requestCtx = "https://jsek.bnuic.com" // 请求地址
export const appId = 3;
export const requestCtx = "http://182.92.203.7:3001"; // 请求地址
export const appId = 27;
// export const requestCtx = "https://jsek.bnuic.com" // 请求地址
// export const appId = 3;
// export const epubUrl = "http://182.92.203.7:3007/epubReadMobile/"; 
export const epubUrl = "http://jsysf.bnuic.com/epubReadMobile/#/";
export const requestTimeOut = 300000; // 请求超时时间
@@ -16,6 +16,8 @@
export const seminar = "jsek_seminar"; //专题研讨
export const digitalRead = "jsek_digitalReading"; //数字阅读

// export const seminar ="jsek_seminar";//书展

export const reg_tel =
  /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; // 电话号正则
export const reg_telphone = /^0\d{2}-\d{8}$|^0\d{3}-\d{7}$/; //座机号正则

 packageDomain/pages/resourceDetails/myAudio/index.wxml

@@ -27,8 +27,9 @@
        <view wx:if="{{!isplay}}" bind:tap='play'>
          <t-icon name="play-circle-stroke" size="24" />
        </view>
        <view wx:else bind:tap="stop">
          <t-icon name="pause-circle-stroke" size="24" />
        <view wx:else bind:tap="stop" class="pauseCircleBox">
          <!-- <t-icon name="pause-circle-stroke" size="24" /> -->
          <image src="/static/images/resourceDetailsMyAudio/zanting@2x.png" mode="" />
        </view>
      </view>
      <slider style="width: 300rpx;" activeColor='#FF6C00' class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>

 packageDomain/pages/resourceDetails/myAudio/index.wxss

@@ -348,4 +348,14 @@

.audioIconBox {
  width: 50rpx;
}

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

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

 pages/bookExhibitionList/index.js

@@ -26,8 +26,7 @@
    },
    product: {
      value: '*',
      options: [
        {
      options: [{
          value: '*',
          label: '总分类',
        },
@@ -64,11 +63,11 @@


  /**
    * 生命周期函数--监听页面加载
    */
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {


    console.log(this.data.keynoteDisabled, 'keynoteDisabled');
    // console.log(this.data.filteredItems, 88888);
    const systInfo = wx.getSystemInfoSync();
    const menu = wx.getMenuButtonBoundingClientRect(); // 胶囊信息
@@ -287,14 +286,20 @@
    const newValue = e.detail.value;
    const selectedOption = this.data.product.options.find(option => option.value === newValue);
    const newPrice = selectedOption ? selectedOption.price : null;
    const bookExhibitionListsubsidiary = []
    this.setData({
      bookExhibitionListsubsidiary: this.data.bookExhibitionList
    })
    console.log(bookExhibitionListsubsidiary, 'bookExhibitionListsubsidiary');
    console.log(newValue, 'newValue');
    console.log(newPrice, 'newPrice');

    if (newPrice) {
      this.setData({
        keynoteDisabled: false
      })

    } else {
    }
    if (!newPrice) {
      this.setData({
        keynoteDisabled: true
      })
@@ -313,9 +318,6 @@
      this.bookExhibitionGet(newValue)
      this.onLoad()
    }



  },

  // 重点项目
@@ -327,7 +329,9 @@
  },
  handleConfirm(event) {

    const { value } = event.detail;
    const {
      value
    } = event.detail;
    // 确认操作的处理逻辑

    console.log('确认操作，选中的值为：', value);
@@ -342,10 +346,6 @@
    this.bookExhibitionGet()
  },
  onSwapRight() {
    // console.log('xxxxxx');
    // this.data.nameSort = 'Asc'


    if (!this.data.nameSort) {
      this.setData({
        nameSort: 'Desc',

 pages/bookExhibitionList/index.wxss

@@ -141,7 +141,6 @@
  background-color: #F2F3F8;
  min-height: 90vh;
  margin-top: 270rpx;

}

.t-dropdown-menu:after,
@@ -219,11 +218,9 @@

.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;
}

 pages/retrievalPage/index.wxml

@@ -19,182 +19,182 @@
  <!--pages/retrievalPage/index.wxml-->


<view class="tabsBox" >
  <!-- sticky="true" -->
  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel" sticky="true"> 
    <t-tab-panel label="图书({{bookTotal}})" value="0">
      <view wx:if="{{bookData.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
      <view class="bookDataBox">
        <view class="bookDataForBox" wx:for="{{bookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBook">
          <view class="imageBox">
            <image src="{{item.icon}}" mode="aspectFill" />
          </view>
          <view class="bookDataNmae">
            {{item.name}}
          </view>
          <view class="bookDataAuthor">{{item.author}}</view>
  <view class="tabsBox">
    <!-- sticky="true" -->
    <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel" sticky="true">
      <t-tab-panel label="图书({{bookTotal}})" value="0">
        <view wx:if="{{bookData.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
      </view>
      <view wx:if="{{bookData.length != 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </t-tab-panel>
    <t-tab-panel label="课程({{courseTotal}})" value="1">
      <view wx:if="{{courseData.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
        <view class="bookDataBox">
          <view class="bookDataForBox" wx:for="{{bookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBook">
            <view class="imageBox">
              <image src="{{item.icon}}" mode="aspectFill" />
            </view>
            <view class="bookDataNmae">
              {{item.name}}
            </view>
            <view class="bookDataAuthor">{{item.author}}</view>
          </view>
        </view>
        <view wx:if="{{bookData.length != 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>
      </t-tab-panel>
      <t-tab-panel label="课程({{courseTotal}})" value="1">
        <view wx:if="{{courseData.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>

      <view class="listBox1">
        <view class="listBox1">

        <view>
          <view wx:for="{{courseData}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="listItemBox">
            <view class="listItem flex">
          <view>
            <view wx:for="{{courseData}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="listItemBox">
              <view class="listItem flex">
                <view class="specialSubject-img-box">
                  <image src="{{item.icon}}" mode="aspectFill" />
                </view>
                <view class="body-info">
                  <view class="name">{{item.name}}</view>
                  <view class="flex jc-sb">
                    <text class="author">{{item.courseLeader}}</text>
                    <text>{{item.classHours}}课时</text>
                  </view>
                  <view class="priceBox flex jc-sb">
                    <text class="price" wx:if="{{item.price == 0}}">免费</text>
                    <text class="price" wx:if="{{item.price !== 0}}">￥{{item.price}}</text>
                    <image src="/static/images/home/home-cart.png" mode="aspectFill" class="addCartImg" />
                  </view>
                </view>
              </view>
            </view>
          </view>

        </view>

        <view wx:if="{{courseData.length != 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>
      </t-tab-panel>
      <t-tab-panel label="数字教材({{digitalTextbooksTotal}})" value="2">


        <view wx:if="{{digitalTextbooksData.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>

        <view class="bookDataBox">


          <view class="bookDataForBox" wx:for="{{digitalTextbooksData}}" wx:key="index" wx:for-item="item" wx:for-index="index">
            <view class="imageBox">
              <image src="{{item.icon}}" mode="" />
            </view>
            <view class="bookDataNmae">
              {{item.name}}
            </view>
            <view class="bookDataAuthor">{{item.author}}</view>
          </view>
        </view>


        <view wx:if="{{digitalTextbooksData.length != 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>



      </t-tab-panel>
      <t-tab-panel label="专题({{seminarTotal}})" value="3">
        <view wx:if="{{seminarData.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <view class="listBox">
          <view wx:for="{{seminarData}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
            <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}">
              <view class="specialSubject-img">
                <image src="{{item.icon}}" mode="aspectFill" class="img" />
              </view>
              <view class="body-info">
                <view class="name">{{item.name}}</view>
                <view class="time" wx:if="{{item.liveTime}}">直播时间：{{item.liveTime}}</view>
                <view class="time" wx:if="{{item.startTime}}">开播时间：{{ item.startTime }}</view>
                <view class="time" wx:if="{{!item.liveTime && !item.startTime}}">开播时间：<text class="grey">待定</text></view>
                <view class="flex jc-sb">
                  <text class="author">{{item.courseLeader}}</text>
                  <text>{{item.classHours}}课时</text>
                </view>
                <view class="priceBox flex jc-sb">
                  <text class="author">{{item.lecturer}} {{item.position}}</text>
                  <text class="price" wx:if="{{item.price == 0}}">免费</text>
                  <text class="price" wx:if="{{item.price !== 0}}">￥{{item.price}}</text>
                  <image src="/static/images/home/home-cart.png" mode="aspectFill" class="addCartImg" />
                </view>
              </view>
            </view>
          </view>
        </view>

      </view>

      <view wx:if="{{courseData.length != 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </t-tab-panel>
    <t-tab-panel label="数字教材({{digitalTextbooksTotal}})" value="2">


      <view wx:if="{{digitalTextbooksData.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>

      <view class="bookDataBox">


        <view class="bookDataForBox" wx:for="{{digitalTextbooksData}}" wx:key="index" wx:for-item="item" wx:for-index="index">
          <view class="imageBox">
            <image src="{{item.icon}}" mode="" />
          </view>
          <view class="bookDataNmae">
            {{item.name}}
          </view>
          <view class="bookDataAuthor">{{item.author}}</view>
        <view wx:if="{{seminarData.length != 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>
      </view>


      <view wx:if="{{digitalTextbooksData.length != 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
      </t-tab-panel>
      <t-tab-panel label="书目({{bookFairTotal}})" value="4">



    </t-tab-panel>
    <t-tab-panel label="专题({{seminarTotal}})" value="3">
      <view wx:if="{{seminarData.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
      <view class="listBox">
        <view wx:for="{{seminarData}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
          <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}">
            <view class="specialSubject-img">
              <image src="{{item.icon}}" mode="aspectFill" class="img" />
            </view>
            <view class="body-info">
              <view class="name">{{item.name}}</view>
              <view class="time" wx:if="{{item.liveTime}}">直播时间：{{item.liveTime}}</view>
              <view class="time" wx:if="{{item.startTime}}">开播时间：{{ item.startTime }}</view>
              <view class="time" wx:if="{{!item.liveTime && !item.startTime}}">开播时间：<text class="grey">待定</text></view>
              <view class="flex jc-sb">
                <text class="author">{{item.lecturer}} {{item.position}}</text>
                <text class="price" wx:if="{{item.price == 0}}">免费</text>
                <text class="price" wx:if="{{item.price !== 0}}">￥{{item.price}}</text>
        <view wx:if="{{bookFairData.length <= 0 }}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <view class="outsideHigherBox">

          <view class="higherBox" wx:for="{{bookFairData}}" wx:key="index" wx:for-item="item" wx:for-index="index">
            <view class="outsideHigherImageBox">
              <image class="higherImageBox" src="{{item.icon}}" mode="" />
              <view class="downloadIcon" bind:tap="downloadData" data-item="{{item}}">

                <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/downloadshiftin.png" mode="" />
                <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/download.png" mode="" />
              </view>
            </view>
          </view>
        </view>
      </view>

      <view wx:if="{{seminarData.length != 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>

    </t-tab-panel>
    <t-tab-panel label="书目({{bookFairTotal}})" value="4">



      <view wx:if="{{bookFairData.length <= 0 }}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
      <view class="outsideHigherBox">

        <view class="higherBox" wx:for="{{bookFairData}}" wx:key="index" wx:for-item="item" wx:for-index="index">
          <view class="outsideHigherImageBox">
            <image class="higherImageBox" src="{{item.icon}}" mode="" />
            <view class="downloadIcon" bind:tap="downloadData" data-item="{{item}}">

              <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/downloadshiftin.png" mode="" />
              <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/download.png" mode="" />
            </view>
            <view class="higherTextBox">{{item.name}}</view>
          </view>

          <view class="higherTextBox">{{item.name}}</view>
        </view>

      </view>



      <view wx:if="{{bookFairData.length != 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>




    </t-tab-panel>
    <t-tab-panel label="书展({{biblioClassificationTotal}})" value="5">
      <view wx:if="{{biblioClassificationData.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
      <view class="outside">

        <view class="contentBox" wx:for="{{biblioClassificationData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bindtap="onBookExhibitionDetails" data-item="{{item}}">
          <image class="bookFairImage" wx:if="{{item.icon}}" src="{{item.icon}}" mode="" />
          <image class="bookFairImage" wx:else="" src="/static/images/bookExhibitionList/banner.png" mode="" />
          <view class="textBox" title="{{item.name}}"> <text>{{item.subtitleName}}</text></view>
        <view wx:if="{{bookFairData.length != 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>

      </view>

      <view wx:if="{{biblioClassificationData.length != 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>

    </t-tab-panel>
  </t-tabs>
</view>

      </t-tab-panel>
      <t-tab-panel label="书展({{biblioClassificationTotal}})" value="5">
        <view wx:if="{{biblioClassificationData.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <view class="outside">

          <view class="contentBox" wx:for="{{biblioClassificationData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bindtap="onBookExhibitionDetails" data-item="{{item}}">
            <image class="bookFairImage" wx:if="{{item.icon}}" src="{{item.icon}}" mode="" />
            <image class="bookFairImage" wx:else="" src="/static/images/bookExhibitionList/banner.png" mode="" />
            <view class="textBox" title="{{item.name}}"> <text>{{item.subtitleName}}</text></view>
          </view>

        </view>

        <view wx:if="{{biblioClassificationData.length != 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>

      </t-tab-panel>
    </t-tabs>
  </view>

</view>

 pages/retrievalPage/index.wxss

@@ -4,7 +4,6 @@
  background-color: #fff;
  display: flex;
  align-items: center;

}

.navbar-title {
@@ -77,7 +76,6 @@
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

}


@@ -114,11 +112,18 @@
  padding: 30rpx;
}

.listBox1 .specialSubject-img {


.specialSubject-img-box {
  width: 400rpx;
  height: 218rpx;
}

.specialSubject-img-box image {
  width: 380rpx;
  height: 218rpx;
}

.listBox1 .addCartImg,
.listBox3 .addCartImg {
  width: 30rpx;