@atomicservice/ascf-base 1.0.15 → 1.0.17

package/dist/templates/ascfEducation/pages/Page_Audio/index.js

@@ -0,0 +1,283 @@
+//音频播放待改造
+Page({
+data: {
+          color: '#007DFF',
+          pColor: '#f20',
+          minTimeGap: 0,
+          currentTitle: '趣味迪士尼',
+          image: './TO_DELETE/Bitmap.png',
+          select: 0,
+          isPlayImg: true,
+          isLoop: true,
+          isPlay: false,
+          time: 0,
+          showTime: '00:00',
+          total: 100,
+          showTotal: '00:00',
+          src: 'http://music.163.com/song/media/outer/url?id=2144073361.mp3',
+          music: [
+            {
+              title: '可爱的小伴龙',
+              image: './TO_DELETE/Bitmap.png',
+              src: 'http://music.163.com/song/media/outer/url?id=2144073361.mp3',
+            },
+            {
+              title: '幸福的一家',
+              image: './TO_DELETE/1.png',
+              src: 'http://music.163.com/song/media/outer/url?id=2614435703.mp3',
+            },
+          ],
+          catalogueList: [
+            {
+              title: '可爱的小伴龙',
+              isHearing: true,
+              duration: `4'54"`,
+            },
+            {
+              title: '幸福的一家',
+              isHearing: false,
+              duration: `4'54"`,
+            },
+          ],
+          catalogStatus: false,
+          playMode: 'sequence',
+          modeSrc: './img/silence.png',
+        },  //初始化进来自动播放
+  onLoad() {
+    this.audio = has.createInnerAudioContext();
+    this.loadAudio(this.data.music[this.data.select]);
+  },
+
+  onUnload() {
+    // 销毁音频上下文
+    if (this.audio) {
+      this.audio.destroy();
+      this.audio = null;
+    }
+  },
+
+  updateMode() {
+    let newSrc = '';
+    let newModule = '';
+    let playMode = this.data.playMode;
+    if (playMode == 'sequence') {
+      newModule = 'loop';
+      newSrc = './img/repeat.png';
+    } else if (playMode == 'loop') {
+      newModule = 'random';
+      newSrc = './img/shuffle.png';
+    } else {
+      newModule = 'sequence';
+      newSrc = './img/silence.png';
+    }
+
+    this.setData({
+      modeSrc: newSrc,
+      playMode: newModule,
+    });
+  },
+
+  loadAudio(audioItem) {
+    this.audio.stop();
+    this.audio.src = audioItem.src;
+
+    this.setData({
+      currentTitle: audioItem.title,
+      image: audioItem.image,
+    });
+    this.audio.onCanplay(() => {
+      this.setData({ total: this.audio.duration, showTotal: this.formatTime(this.audio.duration) });
+    });
+
+    this.audio.onTimeUpdate(() => {
+      this.setData({
+        time: this.audio.currentTime,
+        showTime: this.formatTime(this.audio.currentTime),
+      });
+    });
+
+    this.audio.onEnded(() => {
+      if (!this.isPlay) {
+        this.isPlay = true;
+        this.next();
+        setTimeout(() => {
+          this.isPlay = false;
+        }, 1000);
+      }
+    });
+  },
+
+  formatTime(seconds) {
+    const minutes = Math.floor(seconds / 60);
+    const secondsLeft = Math.floor(seconds % 60);
+    return `${this.padZero(minutes)}:${this.padZero(secondsLeft)}`;
+  },
+
+  onSliderChange(e) {
+    this.play();
+    const currentTime = e.detail.value;
+    this.setData({
+      time: currentTime,
+      showTime: this.formatTime(currentTime),
+    });
+
+    this.audio.seek(currentTime);
+  },
+
+  padZero(num) {
+    return num < 10 ? '0' + num : num;
+  },
+//开始
+        play() {
+          this.audio.play();
+          this.setData({
+            isPlayImg: false,
+            isPlay: true,
+          });
+        },
+        //暂停
+        pause() {
+          this.audio.pause();
+          this.setData({
+            isPlayImg: true,
+            isPlay: false,
+          });
+        },  //上一首
+  last() {
+    let newIndex = this.data.select - 1;
+    if (newIndex < 0) {
+      newIndex = this.data.music.length - 1;
+    }
+    this.setData({
+      select: newIndex,
+      time: 0,
+      showTime: this.formatTime(0),
+      showTotal: this.formatTime(0),
+      isPlay: true,
+    });
+    this.loadAudio(this.data.music[newIndex]);
+    this.audio.play();
+  },
+  //下一首
+  next() {
+    let newIndex = this.data.select + 1;
+    let playMode = this.data.playMode;
+    if (playMode === 'loop') {
+      newIndex = this.data.select;
+    } else if (playMode === 'random') {
+      newIndex = Math.floor(Math.random() * this.data.music.length);
+    } else if (newIndex >= this.data.music.length) {
+      newIndex = 0; // 循环播放，下一首是第一首
+    }
+
+    this.setData({
+      select: newIndex,
+      time: 0,
+      showTime: this.formatTime(0),
+      showTotal: this.formatTime(0),
+      isPlayImg: false,
+      isPlay: true,
+    });
+    this.loadAudio(this.data.music[newIndex]);
+    this.audio.play();
+  },
+  //是否循环播放
+  loop() {
+    this.isLoop = !this.isLoop;
+    this.audio.loop = this.isLoop;
+  },
+
+  showCatalog() {
+    this.setData({
+      catalogStatus: true,
+    });
+  },
+  closeCatalog() {
+    this.setData({
+      catalogStatus: false,
+    });
+  },
+  toHearing(e) {
+    this.audio.stop();
+    const index = e.currentTarget.dataset.index;
+    let nlist = this.data.catalogueList;
+    nlist.forEach((element) => {
+      element.isHearing = false;
+    });
+
+    nlist[index].isHearing = true;
+
+    //切换音频
+    this.data.select = index;
+    this.audio.src = this.data.music[index].src;
+    this.audio.currentTime = 0;
+    this.audio.play();
+this.setData({
+            catalogueList: nlist,
+            isPlayImg: false,
+            isPlay: true,
+            image: this.data.music[index].image,
+            currentTitle: this.data.music[index].title,
+          });  },
+
+  music_off(e) {
+    const index = e.currentTarget.dataset.index;
+    
+    // 停止当前音频播放
+    this.audio.stop();
+    
+    // 如果删除的是当前播放的音乐，需要更新数据
+    let currentIndex = this.data.select;
+    let newMusic = [...this.data.music];
+    let newCatalogueList = [...this.data.catalogueList];
+    
+    // 删除音乐
+    newMusic.splice(index, 1);
+    newCatalogueList.splice(index, 1);
+    
+    // 如果删除的是当前播放的音乐或前面的音乐
+    if (index <= this.data.select) {
+      currentIndex--;
+      
+      // 如果没有音乐了，返回上一级页面
+      if (newMusic.length === 0) {
+        has.navigateBack({ delta: 1 });
+        return;
+      }
+      
+      // 如果当前索引超出范围，设置为最后一个
+      if (currentIndex >= newMusic.length) {
+        currentIndex = newMusic.length - 1;
+      }
+      
+      // 更新播放列表和当前播放状态
+      let updatedCatalogueList = newCatalogueList.map((item, i) => ({
+        ...item,
+        isHearing: i === currentIndex
+      }));
+      
+      this.setData({
+        music: newMusic,
+        catalogueList: updatedCatalogueList,
+        select: currentIndex,
+        currentTitle: newMusic[currentIndex].title,
+        image: newMusic[currentIndex].image,
+        src: newMusic[currentIndex].src,
+        time: 0,
+        showTime: '00:00',
+        showTotal: '00:00',
+        isPlayImg: false
+      });
+      
+      // 加载并播放新的音乐
+      this.audio.src = this.data.src;
+      this.audio.play();
+    } else {
+      // 如果删除的是后面的音乐，不影响当前播放
+      this.setData({
+        music: newMusic,
+        catalogueList: newCatalogueList
+      });
+    }
+  },
+});

package/dist/templates/ascfEducation/pages/Page_Audio/index.json

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

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/component/c_hearing_catalogue_list.css

@@ -0,0 +1,63 @@
+.container {
+  width: 750rpx;
+}
+
+.content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 134rpx;
+  padding-top: 25rpx;
+  padding-left: 33rpx;
+  padding-right: 33rpx;
+  border-bottom: 2rpx solid #eee;
+}
+
+.left {
+  display: flex;
+  flex-direction: column;
+}
+
+.title_num {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.title_name {
+  margin-left: 10rpx;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.right {
+  margin-left: 75rpx;
+}
+
+.music_paly_png {
+  width: 42rpx;
+}
+
+.bottom {
+  margin-top: 3rpx;
+  align-items: center;
+}
+
+.clock {
+  width: 25rpx;
+  height: 25rpx;
+}
+
+.time {
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+  margin-left: 8rpx;
+}
+
+.activate {
+  color: #007dff;
+}
+
+.top {
+  display: flex;
+}

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/component/c_hearing_catalogue_list.hxml

@@ -0,0 +1,21 @@
+<view class="container">
+  <view class="content" has:for="{{catalogue}}" has:key="item" bind:tap="toHearing" data-item="{{item}}">
+    <view class="left">
+      <view class="top ">
+        <text class="title_num {{item.isHearing?'activate':''}} ">
+          {{index+1}}
+        </text>
+        <text class="title_name {{item.isHearing?'activate':''}}">
+          {{item.title}}
+        </text>
+      </view>
+      <view class="bottom">
+        <image class="clock" src="../img/clock.png" mode="widthFix"></image>
+        <text class="time"> {{item.duration}}</text>
+      </view>
+    </view>
+    <view class="right" if="item.isHearing">
+      <image class="music_paly_png" src="../img/ic_music_paly.png" mode="widthFix"></image>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/component/c_hearing_catalogue_list.js

@@ -0,0 +1,22 @@
+Component({
+  properties: {
+    catalogue: '',
+  },
+  attached() {},
+  methods: {
+    toHearing(item) {
+      this.catalogue.forEach((element) => {
+        element.isHearing = false;
+      });
+      item.isHearing = true;
+      let param = {
+        title: '播放列表之歌',
+        src: 'http://od.qingting.fm/m4a/59db80de7cb8914779254b47_8041831_64.m4a',
+      };
+      //跳转至听书详情页面
+      has.navigateTo({
+        url: '/pages/Page_Audio/index',
+      });
+    },
+  },
+});

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/component/c_hearing_catalogue_list.json

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

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/index.css

@@ -0,0 +1,5 @@
+
+  .container {
+    display: flex;
+    flex-direction: column;
+  }

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/index.hxml

@@ -0,0 +1,4 @@
+
+  <view class="container">
+    <hearing-catalogue catalogue="{{catalogueList}}"></hearing-catalogue>
+  </view>

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/index.js

@@ -0,0 +1,36 @@
+Page({
+  data: {
+    catalogueList: [
+      {
+        title: '两只老虎',
+        isHearing: true,
+        duration: `4'54"`,
+      },
+      {
+        title: '喜洋洋与灰太狼',
+        isHearing: false,
+        duration: `4'54"`,
+      },
+      {
+        title: '奇趣大自然',
+        isHearing: false,
+        duration: `4'54"`,
+      },
+      {
+        title: '老鼠爱大米',
+        isHearing: false,
+        duration: `4'54"`,
+      },
+      {
+        title: '让我们荡起双桨',
+        isHearing: false,
+        duration: `4'54"`,
+      },
+      {
+        title: '大自然奇妙风光',
+        isHearing: false,
+        duration: `4'54"`,
+      },
+    ],
+  },
+});

package/dist/templates/ascfEducation/pages/Page_Hearingcatalogue/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "hearing-catalogue": "./component/c_hearing_catalogue_list"
+  },
+  "navigationBarTitleText": "播放列表"
+}

package/dist/templates/ascfEducation/pages/Page_Home/component/c_hot_video.css

@@ -0,0 +1,103 @@
+
+  .swiper-head {
+    display: flex;
+    justify-content: space-between;
+    width: 750rpx;
+    padding: 0 20rpx;
+  }
+
+  .swiper-main-title {
+    font-size: 31rpx;
+    color: #1a1a1a;
+    align-self: center;
+  }
+
+  .swiper-right {
+    margin-right: 10rpx;
+  }
+
+  .swiper-link {
+    font-size: 27rpx;
+    color: #8d8d8d;
+    margin-right: 14rpx;
+    align-self: center;
+  }
+
+  .swiper-arrow {
+    width: 16rpx;
+    height: 28rpx;
+    align-self: center;
+    margin-right: 33rpx;
+  }
+
+  .swipe-wrap{
+    padding: 0 20rpx;
+    position: relative;
+  }
+
+  .swipe-image {
+    width: 710rpx;
+    height: 384rpx;
+    margin-top: 20rpx;
+    border-radius: 8rpx;
+  }
+
+  .swipe-list {
+    height: 232rpx;
+    margin: 0rpx 25rpx 0rpx 25rpx;
+  }
+
+  .swipe-icon {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 5rpx;
+    position: absolute;
+    left: calc(50% - 40rpx);
+    top: calc(50% - 40rpx);
+  }
+
+  stack {
+    display: flex;
+    width: 683rpx;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 23rpx;
+  }
+
+  .hot-video-hug {
+    display: flex;
+    margin-bottom: 38rpx;
+    flex-direction: column;
+  }
+
+  .hot-video-list {
+    display: flex;
+    margin-bottom: 38rpx;
+    overflow-x: auto;
+    padding: 0 20rpx;
+  }
+
+  .hot-video-list image {
+    width: 334rpx;
+    height: 188rpx;
+    margin-right: 16rpx;
+    margin-bottom: 23rpx;
+    border-radius: 8rpx;
+  }
+
+  .video-title {
+    font-size: 27rpx;
+    color: #1a1a1a;
+    margin-left: 20rpx;
+  }
+  .video-title:active {
+    font-size: 27rpx;
+    color: #007dff;
+  }
+
+  ::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+    color: transparent;
+  }

package/dist/templates/ascfEducation/pages/Page_Home/component/c_hot_video.hxml

@@ -0,0 +1,26 @@
+<view>
+  <view class="swiper-head">
+    <view class="swiper-left">
+      <text class="swiper-main-title">{{banner.title}}</text>
+    </view>
+    <view class="swiper-right" data-title="{{banner.title}}" bind:tap="findMore">
+      <text class="swiper-link">{{banner.link}}</text>
+      <image class="swiper-arrow" src="{{banner.uri}}"></image>
+    </view>
+  </view>
+  <view bind:tap="route" data-item="{{last}}" class="hot-video-hug">
+    <view class="swipe-wrap">
+      <image class="swipe-image" src="{{last.img}}"></image>
+      <image class="swipe-icon" src="{{last.icon}}"></image>
+    </view>
+    <text class="video-title">{{last.title}}</text>
+  </view>
+  <view class="hot-video-list">
+    <view has:for="{{list}}" has:key="item">
+      <view style="flex-direction: column;display: flex;" bind:tap="route" data-item="{{item}}">
+        <image src="{{item.img}}"></image>
+        <text class="video-title">{{item.title}}</text>
+      </view>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfEducation/pages/Page_Home/component/c_hot_video.js

@@ -0,0 +1,45 @@
+Component({
+  properties: {
+    banner: '',
+    list: '',
+    last: '',
+  },
+  attached() {},
+  methods: {
+    route(item) {
+      const selectedItem = item.currentTarget ? item.currentTarget.dataset.item : item;
+
+      // 创建历史记录对象，只保留title和img字段
+      const historyItem = {
+        title: selectedItem.title,
+        img: selectedItem.img,
+        timestamp: Date.now(),
+        type: 'video',
+      };
+
+      // 获取现有的历史记录列表
+      let historyList = has.getStorageSync('historyList') || [];
+
+      // 添加新记录到列表开头
+      historyList.unshift(historyItem);
+
+      // 限制历史记录数量，只保留最近20条
+      if (historyList.length > 10) {
+        historyList = historyList.slice(0, 10);
+      }
+
+      // 保存更新后的历史记录列表
+      has.setStorageSync('historyList', historyList);
+
+      has.navigateTo({
+        url: '/pages/Page_VideoDetail/index',
+      });
+    },
+    findMore(e) {
+      // 预留点击事件，可根据业务需求进行实现
+      has.navigateTo({
+        url: '/pages/Page_List/index',
+      });
+    },
+  },
+});

package/dist/templates/ascfEducation/pages/Page_Home/component/c_hot_video.json

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