样式修改

litian

2024-04-01 74139f2bc6bdc8147dd570ac1d774245f67e4f9f

 packageDomain/pages/resourceDetails/myAudio/index.wxml

@@ -6,64 +6,63 @@
  <view class="navbar-title">资源详情-音频</view>
</view>




<view class="audioPlayerBox">
  <view class="audioBackground" style="background-image: url('/static/images/resourceDetailsMyAudio/video-bg.png');">

  <view class="audioBackground" style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');">
    <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" />
  </view>
  <!-- 视频播放的按钮 -->
  <view class="bigFunctionBox">
    <slider activeColor='#FF6C00' class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>

    <view class="functionBox">



      <!-- 左切换 -->
      <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">
      <!-- <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">
        <t-icon name="previous" size="24" />
      </view>
      </view> -->

      <!-- 暂停播放 -->
      <view class="audioIconBox color">
        <view wx:if="{{!isplay}}" bind:tap='play'>
      <view class="audioIconBox color" style="margin-left: 30rpx; margin-right: 10rpx">
        <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>
      <!-- 右切换 -->
      <view class="rightSwitchBox color" bind:tap="onRightSwitch">
      <!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch">
        <t-icon name="next" size="24" />
      </view>
      </view> -->

      <!-- 时间 -->
      <view class="current-time color">{{myAudioCurrent}} </view>
      <view class="color" style="margin: 0 10rpx;">/</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>
      <!-- bind:tap="onSpeed" -->
      <view class="publicBtn color">
        <view class="publicText" bind:tap="toggleDropdown">
          <view> {{"x "+speed}} </view>
          <t-icon style="margin-top: 10rpx" wx:if="{{showDropdown}}" name="caret-up-small" size="14" bind:click="onIconTap" />
          <t-icon style="margin-top: 10rpx" wx:else name="caret-down-small" size="14" bind:click="onIconTap" />
        </view>
        <view class="multipleBox" wx:if="{{showDropdown}}">
          <view wx:if="{{speed != 0.5}}" style="margin: 5rpx 0" bind:tap="smallSpeed">x0.5</view>
          <view wx:if="{{speed != 1}}" style="margin: 5rpx 0" bind:tap="smallSpeeDmultiple">x1</view>
          <view wx:if="{{speed != 1.5}}" style="margin: 5rpx 0" bind:tap="centreSpeed">x1.5</view>
          <view wx:if="{{speed != 2}}" style="margin: 5rpx 0" bind:tap="bigSpeed">x2</view>
        </view>
      </view>
    </view>
  </view>


</view>

<!-- 标题 -->
<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;">
    <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>
@@ -78,10 +77,14 @@
    <t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}">
      <view class="wrapper">
        <t-collapse value="{{activeValues}}" bind:change="handleChange">
          <view wx:if="{{noteList.length == 0}}" class="noData">
            <t-empty icon="folder-open" description="暂无数据" />
          </view>

          <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 class="header-name">{{titleName}}</view>
            </view>
            <view>
              <view class="note-content">{{item.content}}</view>
@@ -108,7 +111,6 @@
  </view>
</view>


<!-- 记笔记弹窗 -->
<t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
  <view class="popup">
@@ -121,24 +123,16 @@
        <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 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>