feat(撒): 的

yiming

2024-03-13 f9d4b09377c5471e1202be2fef2c89de27b6654d

 pages/resourceDetails/myAudio/index.wxml

@@ -3,37 +3,135 @@
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
  </view>
  <view class="navbar-title">资源详情-音频</view>
  <view class="navbar-title">资源详情-视频</view>
</view>




<view class="audioBox">
  <view class="">
    <image class="imageFront" src="/static/images/resourceDetailsMyAudio/cd.png" mode="aspectFit" />
    <image class=" imageAfter" src="/static/images/resourceDetailsMyAudio/video-bg.png" mode="aspectFit" />
<view class="audioPlayerBox">
  <view class="audioBackground" style="background-image: url('/static/images/resourceDetailsMyAudio/video-bg.png');">

    <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" />
  </view>
  <view class="controlBox">

    <image src="/static/images/resourceDetailsMyAudio/shangyizhang.png" mode="" />
    <image bindtap="audioPlay" src="/static/images/resourceDetailsMyAudio/zanting.png" mode="" />
    <image bindtap="audioPause" src="/static/images/resourceDetailsMyAudio/xiayizhang.png" mode="" />
  <slider class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
  <!-- 视频播放的按钮 -->
  <view class="functionBox">


    <image src="/static/images/resourceDetailsMyAudio/Full screen.png" mode="" />
    <!-- <view class="free-MusicProgress">
      <view style="width:{{progress}}%;"></view>
    </view> -->
    <!-- 左切换 -->
    <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">
      <t-icon name="previous" size="24" />
    </view>

    <!-- 暂停播放 -->
    <view class="audioIconBox color">
      <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>
    </view>

    <!-- 右切换 -->
    <view class="rightSwitchBox color" bind:tap="onRightSwitch">
      <t-icon name="next" size="24" />
    </view>

    <view class="current-time color">{{myAudioCurrent}} </view>
    <view class="color" style="margin: 0 10rpx;">/</view>
    <view class="duration-time color"> {{myAudioDuration}} </view>

    <view class="publicBtn color" style="margin-left:100rpx ;" bind:tap="onSpeed">

      <text class="publicText">{{"x "+speed}}</text>
    </view>
  </view>


</view>
<audio wx:if="{{false}}" bindtimeupdate="MusicStart" poster="{{poster}}" name="{{name}}" author="{{author}}" src="{{src}}" id="myAudio" controls loop>

<!-- 标题 -->
<view class="titleBox">{{titleName}}</view>

<view class="contentBox">
  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
    <!-- 资源列表 -->
    <t-tab-panel label="资源列表" value="0" style="{{tabPanelstyle}}" style="width: 750rpx;">
      <view class="wrapper">
        <t-collapse value="{{activeValues}}" bind:change="handleChange">
          <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
            <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
              <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
            </view>
          </t-collapse-panel>
        </t-collapse>
      </view>
    </t-tab-panel>
    <!-- 笔记展示 -->
    <t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}">
      <view class="wrapper">
        <t-collapse value="{{activeValues}}" bind:change="handleChange">
          <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
            <view slot="header" class="collapse-header">
              <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
              <view class="header-name">{{item.name}}</view>
            </view>
            <view>
              <view class="note-content">{{item.content}}</view>
              <view class="note-bottom">
                <view class="note-time">{{item.createDate}}</view>
                <view class="bottom-btn">
                  <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
                  <view></view>
                  <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
                </view>
              </view>
            </view>
          </t-collapse-panel>
        </t-collapse>
      </view>
    </t-tab-panel>
  </t-tabs>

  <!-- 记笔记 -->
  <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
    <view class="takeNotesLining">
      <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 记笔记
    </view>
  </view>
</view>


</audio>
<!-- <button type="primary" >播放</button>
<button type="primary">暂停</button>
<button type="primary" bindtap="audio14">设置当前播放时间为14秒</button>
<button type="primary" bindtap="audioStart">回到开头</button> -->
<!-- 记笔记弹窗 -->
<t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
  <view class="popup">
    <view slot="title">
      <view class="title-text" wx:if="{{!flag}}">
        <text class="note-title">{{titleName}}</text>
        <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
      </view>
      <view wx:else>
        <t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
      </view>
    </view>




    <view slot='content'>
      <view class="textarea-example">
        <text class="textarea-example__label">内容:</text>
        <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
      </view>


      <view class="submit-btn">
        <t-button theme="primary" size="large" block bind:tap="confirmSuggest">提交</t-button>
      </view>
    </view>



  </view>
  <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
</t-popup>