feat(绕太阳): 人

yiming

2024-03-08 f10d1c14a59343f3ad6bafa4762363427be0c89b

feat(绕太阳): 人

天天

BREAKING CHANGE: 二

热帖

 app.json

@@ -1,6 +1,8 @@
{
  "pages": [
    "pages/resourceDetails/index",
    "pages/resourceDetails/myAudio/index",
    "pages/resourceDetails/myVideo/index",
    "pages/resourceDetails/document/index",
    "pages/retrievalPage/index",
    "pages/cart/paymentPage/index",
    "pages/cart/index",

 pages/bookExhibitionDetails/index.js

@@ -11,13 +11,29 @@
    bookCreator: '',
    bookContent: '',
    bookImage: '',
    bookExhibitionList: []
    bookExhibitionList: [],
    navBarHeight: '',
    barHeight: '',
    bookName: ''
  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面加载
   */
  onLoad(options) {
    const systInfo = wx.getSystemInfoSync();
    const menu = wx.getMenuButtonBoundingClientRect(); // èƒ¶å›Šä¿¡æ¯
    const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // å¯¼èˆªæ é«˜åº¦
    this.setData({
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
    })
    console.log();


    this.setData({
      bookName: options.bookName
    })

    const passId = options.id

@@ -131,6 +147,9 @@
    // wx.navigateTo({
    //   url: '/pages/bookExhibitionDetails/index?id?name=' + item.id + item.name // å‡è®¾è·³è½¬åˆ°è¯¦æƒ…页面，并传递了id参数
    // });
  }
  },
  goBack() {
    wx.navigateBack();
  },

})

 pages/bookExhibitionDetails/index.json

@@ -1,3 +1,6 @@
{
  "usingComponents": {}
  "usingComponents": {
    "t-icon": "tdesign-miniprogram/icon/icon"
  },
  "navigationStyle": "custom"
}

 pages/bookExhibitionDetails/index.wxml

@@ -1,5 +1,11 @@
<!--pages/bookExhibitionDetails/index.wxml-->

<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
  </view>
  <view class="navbar-title">{{bookName}}</view>
</view>

<view class="headBox">
  <text class="titleBox">{{bookName}}</text>

 pages/bookExhibitionDetails/index.wxss

@@ -1,6 +1,23 @@
/* pages/bookExhibitionDetails/index.wxss */
.headBox {}

.nacigationBar {
  background-color: #fff;
  display: flex;
  align-items: center;

}

.navbar-title {
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  color: #0F1214;
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
}

.titleBox {
  font-weight: 800;
  font-size: 45rpx;

 pages/bookExhibitionList/index.js

@@ -56,9 +56,55 @@
      value: [],
      options: [],
    },
    navBarHeight: '',
    barHeight: ''

  },



  /**
    * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面加载
    */
  onLoad(options) {
    // console.log(this.data.filteredItems, 88888);
    const systInfo = wx.getSystemInfoSync();
    const menu = wx.getMenuButtonBoundingClientRect(); // èƒ¶å›Šä¿¡æ¯
    const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // å¯¼èˆªæ é«˜åº¦
    this.setData({
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
    })

    // å•åˆ—选择器选项
    const singleSelectOptions = this.data.filteredItems.map(item => ({
      label: item.name,
      value: item.value,
      disabled: false,
    }))

    if (this.data.filteredItems = []) {
      console.log(11111);
      singleSelectOptions.push({
        label: '禁用选项',
        value: 'disabled',
        disabled: true,
      });
    }

    // singleSelectOptions.push({
    //   label: '禁用选项',
    //   value: 'disabled',
    //   disabled: true,
    // });


    // æ›´æ–°æ•°æ®
    this.setData({
      'multipleSelect.options': singleSelectOptions,
    });

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面初次渲染完成
@@ -171,6 +217,7 @@
      this.setData({
        bookExhibitionList: list
      })
        
      //取消
      wx.hideLoading()
      // console.log(this.data.bookExhibitionList, '数据');
@@ -205,41 +252,6 @@
  },


  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面加载
   */
  onLoad(options) {
    // console.log(this.data.filteredItems, 88888);

    // å•åˆ—选择器选项
    const singleSelectOptions = this.data.filteredItems.map(item => ({
      label: item.name,
      value: item.value,
      disabled: false,
    }))

    if (this.data.filteredItems = []) {
      console.log(11111);
      singleSelectOptions.push({
        label: '禁用选项',
        value: 'disabled',
        disabled: true,
      });
    }

    // singleSelectOptions.push({
    //   label: '禁用选项',
    //   value: 'disabled',
    //   disabled: true,
    // });


    // æ›´æ–°æ•°æ®
    this.setData({
      'multipleSelect.options': singleSelectOptions,
    });

  },


  // æ€»åˆ†ç±»
@@ -326,7 +338,7 @@
    const item = event.currentTarget.dataset.item;
    console.log(item);
    wx.navigateTo({
      url: '/pages/bookExhibitionDetails/index?id=' + item.id // å‡è®¾è·³è½¬åˆ°è¯¦æƒ…页面，并传递了id参数
      url: '/pages/bookExhibitionDetails/index?id=' + item.id + '&bookName=' + item.name // å‡è®¾è·³è½¬åˆ°è¯¦æƒ…页面，并传递了id参数
    });
  },
  // æœç´¢æ¡†
@@ -336,5 +348,8 @@
    })
    console.log(this.data.keyword, 'keyword');
    this.bookExhibitionGet()
  }
  },
  goBack() {
    wx.navigateBack();
  },
})

 pages/bookExhibitionList/index.json

@@ -8,5 +8,6 @@
    "t-toast": "tdesign-miniprogram/toast/toast",
    "t-icon": "tdesign-miniprogram/icon/icon"
  },
  "onReachBottomDistance": 200
  "onReachBottomDistance": 200,
  "navigationStyle": "custom"
}

 pages/bookExhibitionList/index.wxml

@@ -3,16 +3,15 @@
<!-- å¼¹å‡ºæ¡† ç¦æ­¢ -->
<t-toast id="t-toast" />


<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
  </view>
<view class="example-search">
  <t-search model:value="{{value}}" placeholder="请输入书展名称" bind:submit="onSearchSubmit" />
</view>






</view>


<view class="menuBox">
@@ -40,7 +39,7 @@
  <view class="outside">

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

 pages/bookExhibitionList/index.wxss

@@ -1,5 +1,21 @@
/* pages/bookExhibitionList/index.wxss */

.nacigationBar {
  background-color: #fff;
  display: flex;
  align-items: center;

}

.navbar-title {
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  color: #0F1214;
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
}


.outside {

 pages/bookServices/detail/components/tree/index.js

@@ -74,9 +74,10 @@
      const parent = e.currentTarget.dataset.parent
      console.log(this.properties.bookInfo);
      wx.navigateTo({
        url: `/pages/resourceDetails/index?productLinkPath=${item.productLinkPath}&parentProductLinkPath=${parent.productLinkPath}&parentName=${parent.name}&activeId=${item.id}&bookId=${this.properties.bookInfo.id}&bookName=${this.properties.bookInfo.name}&cmsId=${this.properties.bookInfo.rootCmsItemId}`,
        url: `/pages/resourceDetails/myVideo/index?productLinkPath=${item.productLinkPath}&parentProductLinkPath=${parent.productLinkPath}&parentName=${parent.name}&activeId=${item.id}&bookId=${this.properties.bookInfo.id}&bookName=${this.properties.bookInfo.name}&cmsId=${this.properties.bookInfo.rootCmsItemId}`,
      })
      console.log(e);

      console.log(item.productLinkPath, parent.productLinkPath, parent.name, item.id, this.properties.bookInfo.id, this.properties.bookInfo.name, this.properties.bookInfo.rootCmsItemId, 'add');
    }
  }
})

 pages/cart/paymentPage/index.wxml

@@ -17,10 +17,10 @@




  <!-- 
  <t-button t-class="wrapper" theme="primary" size="large" variant="outline" data-key="showCloseBtn" bind:tap="showDialog" block>
    å¸¦å…³é—­æŒ‰é’®
  </t-button>
  </t-button> -->
  <t-dialog visible="{{showCloseBtn}}" close-btn bind:confirm="closeDialog" bind:cancel="closeDialog">
    <view slot="content" class="slotContent">
      <view class="myQrcodeBox">

 pages/resourceDetails/document/index.js

New file
@@ -0,0 +1,66 @@
// pages/resourceDetails/document/index.js
Page({

  /**
   * é¡µé¢çš„初始数据
   */
  data: {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面显示
   */
  onShow() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面隐藏
   */
  onHide() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面卸载
   */
  onUnload() {

  },

  /**
   * é¡µé¢ç›¸å…³äº‹ä»¶å¤„理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * é¡µé¢ä¸Šæ‹‰è§¦åº•äº‹ä»¶çš„处理函数
   */
  onReachBottom() {

  },

  /**
   * ç”¨æˆ·ç‚¹å‡»å³ä¸Šè§’分享
   */
  onShareAppMessage() {

  }
})

 pages/resourceDetails/document/index.json

New file
@@ -0,0 +1,3 @@
{
  "usingComponents": {}
}

 pages/resourceDetails/document/index.wxml

New file
@@ -0,0 +1,6 @@
<!--pages/resourceDetails/document/index.wxml-->
<text>pages/resourceDetails/document/index.wxml</text>
<view>


</view>

 pages/resourceDetails/document/index.wxss

New file
@@ -0,0 +1 @@
/* pages/resourceDetails/document/index.wxss */

 pages/resourceDetails/index.js

File was deleted

 pages/resourceDetails/myAudio/index.js

New file
@@ -0,0 +1,52 @@
// audio.js
Page({
  data: {
    poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
    name: '此时此刻',
    author: '许巍',
    src: 'http://182.92.203.7:3001/file/api/ApiDownload?md5=aa72e586dd93b7c2633bee6320bc6c76',
    navBarHeight: '',
    barHeight: '',

  },
  onLoad(options) {
    const systInfo = wx.getSystemInfoSync();
    const menu = wx.getMenuButtonBoundingClientRect(); // èƒ¶å›Šä¿¡æ¯
    const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // å¯¼èˆªæ é«˜åº¦

    this.setData({
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
    })
  },
  onReady: function (e) {
    // ä½¿ç”¨ wx.createAudioContext èŽ·å– audio ä¸Šä¸‹æ–‡ context
    this.audioCtx = wx.createAudioContext('myAudio')
  },

  audioPlay: function () {
    this.audioCtx.play()
  },
  audioPause: function () {
    this.audioCtx.pause()
  },
  audio14: function () {
    this.audioCtx.seek(14)
  },
  audioStart: function () {
    this.audioCtx.seek(0)
  },
  goBack() {
    wx.navigateBack()
  },


  MusicStart: function (e) {
    var progress = parseInt((e.detail.currentTime / e.detail.duration) * 100)
    var that = this
    that.setData({
      progress: progress
    })
    console.log('音乐播放进度为' + progress + '%')
  },
})

 pages/resourceDetails/myAudio/index.json

New file
@@ -0,0 +1,6 @@
{
  "usingComponents": {
    "t-icon": "tdesign-miniprogram/icon/icon"
  },
  "navigationStyle": "custom"
}

 pages/resourceDetails/myAudio/index.wxml

New file
@@ -0,0 +1,39 @@
<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
  </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>
  <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="" />


    <image src="/static/images/resourceDetailsMyAudio/Full screen.png" mode="" />
    <!-- <view class="free-MusicProgress">
      <view style="width:{{progress}}%;"></view>
    </view> -->
  </view>


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


</audio>
<!-- <button type="primary" >播放</button>
<button type="primary">暂停</button>
<button type="primary" bindtap="audio14">设置当前播放时间为14秒</button>
<button type="primary" bindtap="audioStart">回到开头</button> -->

 pages/resourceDetails/myAudio/index.wxss

New file
@@ -0,0 +1,66 @@
/* pages/resourceDetails/myAudio/index.wxss */
.nacigationBar {
  background-color: #fff;
  display: flex;
  align-items: center;

}

.navbar-title {
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  color: #0F1214;
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
}

.audioBox {
  width: 100%;
  height: 350rpx;
}

.imageFront {
  width: 300rpx;
  height: 300rpx;
  position: absolute;
  top: 150rpx;
  left: 250rpx;
}

.imageAfter {
  width: 100%;
}

.controlBox {
  width: 750rpx;
  height: 96rpx;
  background: #000000;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  opacity: 0.6;
  position: relative;
}

.controlBox image {
  width: 45rpx;
  height: 45rpx;
  margin: 20rpx 35rpx;
}

audio {
  position: relative;
}

.free-MusicProgress {
  position: absolute;
  width: 78%;
  left: 21.7%;
  bottom: 1px;
  background: #C3C3C3;
}

.free-MusicProgress>view {
  background: #48c23d;
  height: 5px;
}

 pages/resourceDetails/myVideo/index.js

New file
@@ -0,0 +1,243 @@
// pages/resourceDetails/index.js
const app = getApp()

Page({

  /**
   * é¡µé¢çš„初始数据
   */
  data: {
    navBarHeight: '',
    barHeight: '',

    tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
    activeValues: [0],
    dialogKey: true,
    style: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;',
    activeId: '',
    bookId: '',
    bookName: '',
    cmsId: '',
    parentName: '',
    parentProductLinkPath: '',
    productLinkPath: '',
    threeLeveData: [],
    showData: '',
    src: '',
    selectedId: null,
    topicId: ''
  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面加载
   */
  onLoad(options) {
    console.log(this.data.dialogKey, 'dialogKey');
    const systInfo = wx.getSystemInfoSync();
    const menu = wx.getMenuButtonBoundingClientRect(); // èƒ¶å›Šä¿¡æ¯
    const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // å¯¼èˆªæ é«˜åº¦

    this.setData({
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
      activeId: options.activeId,
      bookId: options.bookId,
      bookName: options.bookName,
      cmsId: options.cmsId,
      parentName: options.parentName,
      parentProductLinkPath: options.parentProductLinkPath,
      productLinkPath: options.productLinkPath
    })
    console.log(this.data.parentProductLinkPath, 'parentProductLinkPath');
    this.resourceDetailsData()
  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面显示
   */
  onShow() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面隐藏
   */
  onHide() {

  },

  /**
   * ç”Ÿå‘½å‘¨æœŸå‡½æ•°--监听页面卸载
   */
  onUnload() {

  },

  /**
   * é¡µé¢ç›¸å…³äº‹ä»¶å¤„理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * é¡µé¢ä¸Šæ‹‰è§¦åº•äº‹ä»¶çš„处理函数
   */
  onReachBottom() {

  },

  /**
   * ç”¨æˆ·ç‚¹å‡»å³ä¸Šè§’分享
   */
  onShareAppMessage() {

  },
  onTabsChange(event) {

  },

  onTabsClick(event) {

  }, handleChange(e) {
    this.setData({
      activeValues: e.detail.value,
    });
  },
  onTakeNotes() {

  },
  showDialog(e) {
    const { key } = e.currentTarget.dataset;
    this.setData({ [key]: true, dialogKey: key });
  },

  closeDialog() {

    this.setData({
      dialogKey: false
    });
  },
  goBack() {
    wx.navigateBack();
  },
  resourceDetailsData() {


    let query = {
      path: '*',
      queryType: '*',
      productId: this.data.bookId,
      cmsPath: this.data.parentProductLinkPath,
      itemFields: {
        SysType: 'CmsFolder',
        // èµ„源类型，试读文件，是否允许下载等参数
        selectType: [],
        freeFile: [],
        file: [],
        protectedFile: [],
        resourcesClassification: [],
        isDownload: [],
        jsek_resourceBrief: [],
        jsek_link: [],
        jsek_questionBank: [],
        learnSelectType: []
      },
      pading: {
        start: 0,
        size: 999
      }
    }

    app.MG.store.getProductDetail(query).then(res => {
      console.log(res, 'res');

      const list = []

      res.datas.cmsDatas[0].datas.forEach((item) => {
        this.data.threeLeveData.push(item)
        list.push(item)
        this.setData({
          threeLeveData: list
        })

        if (this.data.productLinkPath == item.productLinkPath) {
          console.log(item, 'item');
          this.setData({
            showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
          })
        }
        // console.log(this.data.threeLeveData, 'threeLeveData');
      })

    })
  },
  onVideo(e) {

    this.setData({
      selectedId: e.currentTarget.dataset.index,
    })



    // console.log(e);
    const item = e.currentTarget.dataset.item
    // console.log(item);
    if (item.selectType == "video") {
      console.log(item.file);
      this.setData({
        showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
      })
      console.log(this.data.showData);
    } else {
      console.log(app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file);
    }
  },

  getProductUserSubmitTopicGet() {
    app.MG.ugc.getProductUserSubmitTopic({
      productId: this.data.bookId,
      appRefCode: app.config.appRefCode
    }).then((res) => {
      console.log(res);

      this.setData({
        topicId: res.id
      })
    })
  },



  newTopicMessageGet() {
    let query = {
      topicIdOrRefCode: topicId + '',
      name: titleText.value,
      content: form.value.noteContent,
      type: 'note',
      cmsTypeRefCode: '',
      newDataListRequest: []
    }
    app.MG.ugc.newTopicMessage(query).then(res => {
      console.log(res);
    })
  },
  // currentTarget
  onConfirm() {
    console.log(1111);

  },
  onCancellation() {
    console.log(222);

    this.data.dialogKey = false

  }
})

 pages/resourceDetails/myVideo/index.json

 pages/resourceDetails/myVideo/index.wxml

File was renamed from pages/resourceDetails/index.wxml
@@ -3,13 +3,12 @@
  <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="videoBox">
  <video src="{{vURL}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>
  <video src="{{showData}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>

</view>

<!-- æ ‡é¢˜ -->
@@ -21,13 +20,13 @@
    <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="一、背景、意义与总体设计" value="{{0}}" expandIcon>
            <view wx:for="{{3}}">
              <view>第一课</view>
              <view>第二课</view>
              <view>第三课</view>
              <view>第四课</view>
          <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>
@@ -72,8 +71,8 @@
    </view>
    <view class="buttonBox">
      <view>
        <t-button style="margin: 20rpx 30rpx;" variant="outline" size="extra-small">取消</t-button>
        <t-button style="margin: 20rpx 30rpx;" theme="primary" size="extra-small">确认</t-button>
        <t-button bind:tap="onCancellation" style="margin: 20rpx 30rpx;" variant="outline" size="extra-small">取消</t-button>
        <t-button bind:tap="onConfirm" style="margin: 20rpx 30rpx;" theme="primary" size="extra-small">确认</t-button>
      </view>
    </view>
  </view>

 pages/resourceDetails/myVideo/index.wxss

File was renamed from pages/resourceDetails/index.wxss
@@ -29,6 +29,7 @@
  border-bottom: 1px #f4f4f4 solid;
  padding-bottom: 20rpx;
  font-weight: bold;

}

.contentBox {
@@ -136,3 +137,26 @@
/* .inputBox {
  height: 500rpx;
} */


.detailsName {
  margin: 30rpx;
  width: 90%;
  height: 60rpx;
  display: flex;
  align-items: center;
  background: #F4F4F4;
  padding-left: 20rpx;
}

.detailsName:hover {
  background-color: #fff0e6;
  width: 90%;
  height: 60rpx;
  color: #ff6c00;
}

.audioBox {
  width: 750rpx;
  height: 200rpx;
}

 static/images/resourceDetailsMyAudio/Full screen.png

 static/images/resourceDetailsMyAudio/cd.png

 static/images/resourceDetailsMyAudio/jibiji£¯icon.png

 static/images/resourceDetailsMyAudio/shangyizhang.png

 static/images/resourceDetailsMyAudio/video-bg.png

 static/images/resourceDetailsMyAudio/xiayizhang.png

 static/images/resourceDetailsMyAudio/zanting.png