音频播放按钮

yiming

2024-03-29 0e292005a339a4974712541a831e9746c4ee0a7b

 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>