@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfRead/Page_Hearingdetail/index.js

@@ -0,0 +1,357 @@
+const rateList = [0.5, 1, 1.5, 2.0]
+const app = getApp()
+Page({
+  data: {
+    tingshuData: {
+      chapterTitle: '第一回 命孤苦鬼节降草屋，家败落赌棚蒙羞辱',
+      bookImage: './TO_DELETE/Group.png',
+      bookTitle: '黑道教父杜月笙',
+      author: '云中鹤',
+      scoreImage: './img/star.png',
+      score: '9.4分',
+      list: [{
+        title: '主播',
+        name: '圣徒'
+      }, {
+        title: '状态',
+        name: '连载中'
+      }, {
+        title: '集数',
+        name: '150集'
+      }, {
+        title: '作者',
+        name: '云中鹤'
+      }],
+      description: '1925年7月，杜月笙成立“三鑫公司”，垄断法租界鸦片提运。 斯特林.西格 老上海的黑帮大亨 老上海的黑帮大亨(3张) 雷夫在《宋家王朝》中描述了杜月笙鸦片销售这条通畅的“全球网络”。 同年，杜月笙出任法租界商会总联合会主席，兼纳税华人会监察。由于他在上海善待下台总统黎元洪，' + '黎元洪的秘书长特撰一副对联：“春申门下三千客，小杜城南五尺天”。他因此被其党羽吹捧为“当代春申君”。 大学者章太炎、名士杨度、名律师秦联奎都是他的座上客。由此，杜月笙的社会地位不断提升。'
+    },
+    //音频组件
+    dynamicallyColor: 'rgba(0, 0, 0,0.5)',
+    title: '',
+    minTimeGap: 0,
+    image: './TO_DELETE/Bitmap.png',
+    select: 0,
+    isPlayImg: false,
+    isLoop: true,
+    routeStatus: false,
+    time: 0,
+    showTime: '00:00',
+    total: 0,
+    showTotal: '00:00',
+    music: [{
+      'titleNum': 1,
+      'chapterTitle': "第一回 命孤苦鬼节降草屋，家败落赌棚蒙羞辱",
+      'image': './TO_DELETE/Group.png',
+      'isHearing': true,
+      'duration': `7'45"`,
+      src: 'https://barefootbooks-media-raw.s3.amazonaws.com/audio/TalesOfMysteryAndMagic/TalesofMysteryandMagic_2_TheBlackbirdandhisWife.mp3'
+    }, {
+      'titleNum': 2,
+      'chapterTitle': "第二回 求生计卖果拾旧习，寻出路木行把心依",
+      'image': './TO_DELETE/8.png',
+      'isHearing': false,
+      'duration': `7'45"`,
+      src: 'https://barefootbooks-media-raw.s3.amazonaws.com/audio/TalesOfMysteryAndMagic/TalesofMysteryandMagic_4_TheMightiestMousethateverNibbledFat.mp3'
+    }, {
+      'titleNum': 3,
+      'chapterTitle': "第三回，迷女色难耐欲中火，空妄想情场是非多",
+      'image': './TO_DELETE/Group.png',
+      'isHearing': false,
+      'duration': `7'45"`,
+      src: 'http://music.163.com/song/media/outer/url?id=2641619302.mp3'
+    }, {
+      'titleNum': 4,
+      'chapterTitle': "第四回，识阿姐受雇烟花弄，入八股机灵称霸王",
+      'image': './TO_DELETE/8.png',
+      'isHearing': false,
+      'duration': `7'45"`,
+      src: 'http://music.163.com/song/media/outer/url?id=2166584564.mp3'
+    }, {
+      'titleNum': 5,
+      'chapterTitle': "第五回，冒巡捕事败惹大祸，急救人九妹献玉身",
+      'image': './TO_DELETE/Group.png',
+      'isHearing': false,
+      'duration': `7'45"`,
+      src: 'http://music.163.com/song/media/outer/url?id=1941459907.mp3'
+    }, {
+      'titleNum': 6,
+      'chapterTitle': "第六回 八仙巧遇陈世昌，寻靠山进庙",
+      'image': './TO_DELETE/8.png',
+      'isHearing': false,
+      'duration': `7'45"`,
+      src: 'http://music.163.com/song/media/outer/url?id=2614435703.mp3'
+    }],
+    catalogStatus: false,
+    rates: ['倍速0.5x', '倍速1.0x', '倍速1.5x', '倍速2.0x'],
+    rateIndex: 1,
+    key: 0
+  },
+  //音频组件
+  //初始化进来自动播放
+  onLoad: function () {
+    // 初始化音频
+    // 暂不支持api has.createInnerAudioContext TODO
+    if (!app.globalData.audioCtx) {
+      app.globalData.audioCtx = has.createInnerAudioContext();
+    }
+    const audioCtx = app.globalData.audioCtx;
+
+    this.setData({ audioCtx })
+    if (app.globalData.select > 0) {
+      let select = app.globalData.select;
+      this.data.audioCtx.src = this.data.music[select].src;
+      this.data.tingshuData.chapterTitle = this.data.music[select].chapterTitle;
+      this.data.tingshuData.bookImage = this.data.music[select].image;
+      this.setData({
+        select: select,
+        currentTime: 0,
+        time: 0,
+        isPlayImg: false,
+        tingshuData: this.data.tingshuData,
+      })
+    }
+
+    // 原onInit内容移动到这里
+    has.setNavigationBarTitle({
+      text: "听书",
+      textColor: '#1A1A1A',
+      backgroundColor: '#ffffff',
+      menu: false
+    });
+
+    // 初始化音频配置
+    this.initAudio();
+
+    // 华为平台判断调整
+    const systemInfo = has.getSystemInfoSync();
+    if (systemInfo.platform === 'android' && systemInfo.brand === 'huawei') {
+      this.getColor();
+    }
+  },
+
+  initAudio() {
+    const { audioCtx } = this.data;
+    audioCtx.src = this.data.music[this.data.select].src;
+    audioCtx.autoplay = true;
+    audioCtx.loop = this.data.isLoop;
+    if (app.globalData.currentTime > 0) {
+      audioCtx.seek(app.globalData.currentTime);
+    }
+
+    audioCtx.onTimeUpdate(() => {
+      this.setData({
+        time: audioCtx.currentTime,
+        showTime: this.changeTime(audioCtx.currentTime)
+      });
+      if (audioCtx.currentTime === audioCtx.duration) {
+        this.next();
+      }
+    });
+    const that = this;
+    audioCtx.onCanplay(() => {
+      that.setData({
+        total: audioCtx.duration,
+        showTotal: that.changeTime(audioCtx.duration)
+      });
+      that.pause();
+      setTimeout(() => {
+        that.play();
+      }, 10)
+    })
+
+    if (app.globalData.showTotal) {
+      this.setData({
+        total: app.globalData.total,
+        showTotal: app.globalData.showTotal,
+        rateIndex: app.globalData.rateIndex,
+        rate: rateList[app.globalData.rateIndex]
+      })
+    }
+  },
+
+  // 调整后的播放控制方法
+  play() {
+    this.data.audioCtx.play();
+    this.setData({ isPlayImg: false });
+  },
+
+  pause() {
+    this.data.audioCtx.pause();
+    this.setData({ isPlayImg: true });
+  },
+  //上一首
+  last() {
+    if (!this.data.isPlayImg) {
+      this.data.audioCtx.pause();
+      this.setData({ isPlayImg: true });
+    }
+    if (this.data.select > 0) {
+      let select = this.data.select - 1;
+      this.data.audioCtx.src = this.data.music[select].src;
+      this.data.tingshuData.chapterTitle = this.data.music[select].chapterTitle;
+      this.data.tingshuData.bookImage = this.data.music[select].image;
+      this.setData({
+        select: select,
+        currentTime: 0,
+        time: 0,
+        isPlayImg: false,
+        tingshuData: this.data.tingshuData
+      })
+    } else {
+      let select = this.data.music.length - 1;
+      this.data.audioCtx.src = this.data.music[select].src;
+      this.data.tingshuData.chapterTitle = this.data.music[select].chapterTitle;
+      this.data.tingshuData.bookImage = this.data.music[select].image;
+      this.setData({
+        select: select,
+        currentTime: 0,
+        time: 0,
+        isPlayImg: false,
+        tingshuData: this.data.tingshuData
+      })
+    }
+  },
+  //下一首
+  next() {
+    if (!this.data.isPlayImg) {
+      this.data.audioCtx.pause();
+      this.setData({ isPlayImg: true });
+    }
+    if (this.data.select < this.data.music.length - 1) {
+      let select = this.data.select + 1;
+      this.data.audioCtx.src = this.data.music[select].src;
+      this.data.tingshuData.chapterTitle = this.data.music[select].chapterTitle;
+      this.data.tingshuData.bookImage = this.data.music[select].image;
+      this.setData({
+        select: select,
+        currentTime: 0,
+        time: 0,
+        isPlayImg: false,
+        tingshuData: this.data.tingshuData,
+      })
+    } else {
+      this.data.audioCtx.src = this.data.music[0].src;
+      this.data.tingshuData.chapterTitle = this.data.music[0].chapterTitle;
+      this.data.tingshuData.bookImage = this.data.music[0].image;
+      this.setData({
+        select: 0,
+        currentTime: 0,
+        time: 0,
+        isPlayImg: false,
+        tingshuData: this.data.tingshuData,
+      })
+    }
+  },
+  //是否循环播放
+  loop() {
+    this.isLoop = !this.isLoop;
+    this.data.audioCtx.loop = this.isLoop;
+  },
+  changeTime(time) {
+    let result = "00:00";
+    if (time < 60) {
+      time = time < 10 ? "0" + time : time;
+      result = "00:" + time;
+    } else if (time >= 60) {
+      let minute = Math.floor(time / 60);
+      let timeInt = 60 * minute;
+      time = time % timeInt < 10 ? "0" + time % timeInt : time % timeInt;
+      result = "0" + minute + ":" + time;
+    }
+    return result;
+  },
+  getColor() {
+    const that = this;
+    image.pickColor({
+      uri: that.data.music[that.data.select].image,
+      success: function (data) {
+        that.setData({
+          dynamicallyColor: data.color
+        })
+      },
+      fail: function (data, code) {
+        console.log('handling fail, code = ' + code);
+      },
+      complete: function (data, code) {
+        console.log('handling complete, code = ' + code);
+      }
+    });
+  },
+  showCatalog() {
+    this.setData({
+      catalogStatus: true
+    })
+    //设置标题栏背景
+    has.setNavigationBarTitle({
+      menu: false,
+      textColor: '#1A1A1A',
+      backgroundColor: 'rgba(0,0,0,0.5)'
+    });
+  },
+  closeCatalog() {
+    this.setData({
+      catalogStatus: false
+    })
+  },
+  toHearing(item, index) {
+    return
+    this.data.audioCtx.stop();
+    this.data.music.forEach(element => {
+      element.isHearing = false;
+    });
+    item.isHearing = true;
+
+    //切换音频
+    this.data.select = index;
+    this.data.audioCtx.src = this.data.music[index].src;
+    this.data.audioCtx.currentTime = 0;
+    this.data.time = 0;
+    this.data.audioCtx.play();
+    this.data.isPlayImg = false;
+    this.data.tingshuData.chapterTitle = this.data.music[index].chapterTitle;
+    this.data.tingshuData.bookImage = this.data.music[index].image;
+    let _this = this;
+    device.getInfo({
+      success: function (data) {
+        if (data.engineProvider === 'huawei') {
+          //智能取色,需要判断是否是华为平台，非华为平台不做处理
+          _this.getColor();
+        }
+      }
+    });
+  },
+  //快退15秒
+  fastRewind() {
+    const currentTime = this.data.audioCtx.currentTime;
+    const newTime = Math.max(0, currentTime - 15); // 确保时间不小于0
+    this.data.audioCtx.seek(newTime);
+  },
+  //快进15秒
+  fastForward() {
+    const currentTime = this.data.audioCtx.currentTime;
+    const newTime = currentTime + 15;
+    this.data.audioCtx.seek(newTime);
+  },
+  //滑动进度条设置进度
+  handleSliderChange(e) {
+    const position = e.detail.value;
+    this.data.audioCtx.seek(position);
+  },
+  rateChange(e) {
+    this.setData({
+      rateIndex: e.detail.value,
+      rate: rateList[e.detail.value]
+    })
+    this.data.audioCtx.playbackRate = this.data.rate;
+    this.pause();
+    setTimeout(() => {
+      this.play();
+    }, 10)
+  },
+  onUnload() {
+    app.globalData.select = this.data.select;
+    app.globalData.currentTime = this.data.audioCtx.currentTime;
+    app.globalData.total = this.data.total;
+    app.globalData.showTotal = this.data.showTotal;
+    app.globalData.rateIndex = this.data.rateIndex;
+  }
+});

package/dist/templates/ascfRead/Page_Hearingdetail/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "听书"
+}

package/dist/templates/ascfRead/Page_In_Build/index.css

@@ -0,0 +1,18 @@
+
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .goods_image {
+    border-radius: 8rpx;
+    margin-top: 133rpx;
+  }
+
+
+  .title {
+    font-size: 33rpx;
+    color: #1a1a1a;
+    opacity: 0.3;
+  }

package/dist/templates/ascfRead/Page_In_Build/index.hxml

@@ -0,0 +1,6 @@
+
+  <!-- template里只能有一个根节点 -->
+  <view class="container">
+    <image class="goods_image" src="nothing.png"></image>
+    <text class="title">建设中</text>
+  </view>

package/dist/templates/ascfRead/Page_In_Build/index.js

@@ -0,0 +1,17 @@
+Page({
+  data: {
+    protected: {
+      type: '' //item 为将接收的路由参数
+    }
+  },
+  onInit() {
+    if (this.type) {
+      has.setNavigationBarTitle({
+        text: this.type,
+        textColor: '#1a1a1a',
+        backgroundColor: '#f2f2f2',
+        menu: true
+      });
+    }
+  }
+});

package/dist/templates/ascfRead/Page_In_Build/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "建设中"
+}

package/dist/templates/ascfRead/Page_Mine/component/c_mine_fastEntry.css

@@ -0,0 +1,49 @@
+
+	.fastentry-content {
+    padding: 16rpx 0rpx 0rpx 0rpx;
+    width: 700rpx;
+    display: flex;
+		flex-direction: row;
+	}
+
+	.fastentry-box {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: 20%;
+	}
+
+	.fastentry-box-bottom {
+		display: flex;
+		justify-content: center;
+	}
+
+	.fastentry-number {
+		height: 26rpx;
+		margin: 0rpx 0rpx 0rpx -25rpx;
+		padding: 0rpx 5rpx;
+		font-size: 18.8rpx;
+		color: #ffffff;
+		border-radius: 12.5rpx;
+		background-color: #FF1400;
+	}
+
+	.fastentry-text {
+		padding-top: 17rpx;
+		color: #1A1A1A;
+		font-size: 25rpx;
+	}
+
+	.fastentry-img {
+		width: 84rpx;
+		height: 84rpx;
+	}
+
+	.fastentry-tips {
+		width: 17rpx;
+		height: 17rpx;
+		margin: 25rpx 0rpx 12rpx 0rpx;
+		border-radius: 17rpx;
+		background-color: #FF1400;
+	}

package/dist/templates/ascfRead/Page_Mine/component/c_mine_fastEntry.hxml

@@ -0,0 +1,14 @@
+<view class="fastentry-content">
+    <block has:for="{{ list }}" has:for-item="item">
+        <view class="fastentry-box" bind:tap="clickFastEntryItem" data-value="{{ item.title }}">
+            <view>
+                <image class="fastentry-img" src="{{ item.icon }}"></image>
+                <text class="fastentry-number" has:if="{{ item.number ? true : false }}">{{ item.number }}</text>
+            </view>
+            <view class="fastentry-box-bottom">
+                <text class="fastentry-text">{{ item.title }}</text>
+                <text class="fastentry-tips" has:if="{{ item.isNew }}"></text>
+            </view>
+        </view>
+    </block>
+</view>

package/dist/templates/ascfRead/Page_Mine/component/c_mine_fastEntry.js

@@ -0,0 +1,36 @@
+Component({
+  properties: {
+    list: Array, // 接收父组件传递的列表数据
+  },
+
+  methods: {
+    // 点击快速入口项
+    clickFastEntryItem(event) {
+      const type = event.currentTarget.dataset.value; // 获取点击项的类型
+      switch (type) {
+        case "我的书架":
+          has.switchTab({
+            url: "/Page_Shujia/index", // 跳转至书架页面
+          });
+          break;
+        case "阅读记录":
+          has.navigateTo({
+            url: "/Page_Charge/index", // 跳转至阅读记录页面
+          });
+          break;
+        case "我的听书":
+          has.navigateTo({
+            url: "/Page_Activity/index", // 跳转至我的听书页面
+          });
+          break;
+        case "消息":
+          has.navigateTo({
+            url: "/Page_Notice/index", // 跳转至消息页面
+          });
+          break;
+        default:
+          console.warn("未知类型:", type);
+      }
+    },
+  },
+});

package/dist/templates/ascfRead/Page_Mine/component/c_mine_fastEntry.json

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

package/dist/templates/ascfRead/Page_Mine/component/c_set.css

@@ -0,0 +1,40 @@
+
+	.set-content {
+		display: flex;
+		flex-direction: column;
+		padding: 30rpx 33rpx;
+	}
+
+	.set-box {
+    display: flex;
+    border-bottom-style: solid; 
+		border-color: rgba(24,34,51,0.2);
+		border-bottom-width: 1rpx;
+		align-items: center;
+	}
+
+	.set-img {
+		width: 50rpx;
+		height: 50rpx;
+		margin-right: 34rpx;
+	}
+
+	.set-title {
+		padding-top: 29rpx;
+		padding-bottom: 29rpx;
+		color: #1A1A1A;
+		font-size: 31rpx;
+		flex: 1;
+	}
+
+	.set-sub-title {
+		color: #8D8D8D;
+		font-size: 27rpx;
+	}
+
+	.set-arrow {
+		height: 28rpx;
+		width: 16rpx;
+		margin-left: 14rpx;
+		margin-right: 10rpx;
+	}

package/dist/templates/ascfRead/Page_Mine/component/c_set.hxml

@@ -0,0 +1,7 @@
+<view class="set-content">
+    <view has:for="{{ list }}" has:for-item="item" class="set-box" bind:tap="detail" data-value="{{ item.src }}">
+        <text class="set-title">{{ item.title }}</text>
+        <text class="set-sub-title">{{ item.subTitle }}</text>
+        <image class="set-arrow" src="{{ item.arrow }}"></image>
+    </view>
+</view>

package/dist/templates/ascfRead/Page_Mine/component/c_set.js

@@ -0,0 +1,22 @@
+Component({
+  methods: {
+    detail: function (event) {
+      const src = event.currentTarget.dataset.value
+      console.log(src);
+      if (src === 'about') {
+        //跳转至关于页面
+        has.navigateTo({
+          url: '/Page_About/index'
+        });
+      }
+      if(src === 'help'){
+        has.navigateTo({
+          url: '/Page_Notice/index'
+        });
+      }
+    }
+  },
+  properties: {
+    list: Array
+  }
+});

package/dist/templates/ascfRead/Page_Mine/component/c_set.json

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

package/dist/templates/ascfRead/Page_Mine/component/c_user_card.css

@@ -0,0 +1,96 @@
+
+  .user-card {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-content: center;
+    align-items: center;
+    height: 320rpx;
+    border-radius: 15rpx;
+    padding: 0 15rpx;
+  }
+
+  .usercard-top {
+    width: 100%;
+  }
+
+  .portrait {
+    display: flex;
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    text-align: right;
+  }
+
+  .portrait-noexpand {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    text-align: right;
+  }
+
+  .portrait image {
+    border-radius: 70rpx;
+    width: 100rpx;
+    height: 100rpx;
+    margin: 50rpx 33.3rpx 0rpx 50rpx;
+  }
+
+  .portrait-noexpand image {
+    border-radius: 70rpx;
+    width: 100rpx;
+    height: 100rpx;
+  }
+
+  .name text {
+    font-size: 31rpx;
+    color: #5B441A;
+    margin: 50rpx 0rpx 0rpx 0rpx;
+  }
+
+  .usercard-bottom {
+    display: flex;
+    width: 100%;
+    height: 160rpx;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .usercard-bottom-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 25%;
+  }
+
+  .item-top {
+    margin-bottom: 14rpx;
+  }
+
+  .item-top text {
+    font-weight: bold;
+    font-size: 31rpx;
+    text-align: center;
+    color: #5B441A;
+  }
+
+  .item-bottom text {
+    font-size: 25rpx;
+    text-align: center;
+    color: #5B441A;
+  }
+
+  .line {
+    height: 50rpx;
+    width: 2rpx;
+    margin: 0 20rpx;
+    background-color: rgba(0, 0, 0, 0.2);
+  }
+
+  .avatar{
+    width: 160rpx;
+    height: 160rpx;
+    border-radius: 80rpx;
+  }