@atomicservice/ascf-base 1.0.16 → 1.0.17

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

@@ -0,0 +1,136 @@
+.video-detail {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  align-items: center;
+}
+
+/*标题 */
+
+.video-title {
+  display: flex;
+  justify-content: space-around;
+  height: 100rpx;
+  width: 100%;
+  align-items: center;
+  background-color: rgba(242, 242, 242, 0.95);
+}
+
+.video-title image {
+  width: 50rpx;
+  height: 50rpx;
+}
+
+.video-title text {
+  height: 50rpx;
+  text-align: center;
+  font-size: 37.5rpx;
+  color: #191919;
+}
+
+/*播放组件 */
+
+.video {
+  width: 750rpx;
+  display: flex;
+  height: 422rpx;
+  justify-content: center;
+  margin-bottom: 60rpx;
+}
+
+/*播放选集 */
+
+.video-list {}
+
+.lists {
+  display: flex;
+  flex-direction: row;
+  height: 250rpx;
+  margin-top: 20rpx;
+  overflow-x: auto;
+  width: 750rpx;
+}
+
+.lists-title {
+  margin-left: 26rpx;
+  font-size: 30rpx;
+  color: #191919;
+}
+
+.video-list-item {
+  display: flex;
+  width: 335rpx;
+  border-radius: 10rpx;
+  margin-right: 20rpx;
+  flex-direction: column;
+}
+
+
+
+.video-list-image {
+  border-radius: 8rpx;
+  width: 335rpx;
+  height: 189rpx;
+}
+
+.video-list-item text {
+  font-size: 27.1rpx;
+  margin-top: 22rpx;
+}
+
+.noPlayedVideo {
+  color: #1a1a1a;
+}
+
+
+.playedVideo {
+  color: #007dff;
+}
+
+/*相关推荐 */
+
+.recommend {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 68rpx;
+  margin: 0 19rpx 0 34rpx;
+}
+
+.recommend-title {
+  font-size: 31.3rpx;
+  color: #191919;
+  margin-top: 68rpx;
+}
+
+.recommend-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.recommend-list-item {
+  display: flex;
+  width: 333rpx;
+  height: 220rpx;
+  border-radius: 10rpx;
+  margin: 22rpx 15rpx 31rpx 0;
+  flex-direction: column;
+}
+
+.recommend-list-item image {
+  border-radius: 8rpx;
+  height: 189rpx;
+  width: 335rpx;
+}
+
+.recommend-list-item text {
+  font-size: 27.1rpx;
+  margin-top: 17.8rpx;
+  color: #1a1a1a;
+}
+
+::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  color: transparent;
+}

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

@@ -0,0 +1,31 @@
+<!-- template里只能有一个根节点 -->
+<view class="video-detail safe-area-inset-bottom">
+  <view>
+    <!-- 视频组件 -->
+    <view class="video" type="typeone">
+      <video id="video" src="{{videoSource}}" class="video" autoplay="{{true}}"></video>
+    </view>
+    <!-- 播放选集 -->
+    <view class="video-list">
+      <text class="lists-title">选集</text>
+      <view class="lists">
+        <view has:for="{{list}}" has:key="index" type="list-item" class="video-list-item">
+          <image bind:tap="clickToPlay" data-index="{{index}}" class="video-list-image" src="{{item.img}}"></image>
+          <text class="{{selected === index ? 'playedVideo' : 'noPlayedVideo'}}">
+            {{item.title}}
+          </text>
+        </view>
+      </view>
+    </view>
+    <!-- 相关推荐 -->
+    <view class="recommend" type="typeone">
+      <text class="recommend-title">相关推荐</text>
+      <view class="recommend-list">
+        <view has:for="{{recommendList}}" has:key="item" class="recommend-list-item">
+          <image src="{{item.img}}"></image>
+          <text>{{item.title}}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,101 @@
+//音频待改造
+Page({
+  data: {
+    /*视频选集列表数据 */
+    episode: '小猪佩奇 第五季:',
+    currentTitle: '',
+    list: [
+      {
+        img: 'TO_DELETE/picture1.png',
+        title: '01 土豆城市',
+        url: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/phones/mate50-pro/video/mate50-pro-tvc.mp4', //使用本地视频源时，播放器存在问题，无法显示控制按键
+      },
+      {
+        img: 'TO_DELETE/picture2.png',
+        title: '02 游乐园',
+        url: 'https://www.w3schools.com/html/mov_bbb.mp4',
+      },
+      {
+        img: 'TO_DELETE/picture1.png',
+        title: '03 海洋世界',
+        url: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/phones/mate50-pro/video/mate50-pro-tvc.mp4',
+      },
+      {
+        img: 'TO_DELETE/picture2.png',
+        title: '04 迪士尼',
+        url: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/phones/mate50-pro/video/mate50-pro-tvc.mp4',
+      },
+      {
+        img: 'TO_DELETE/picture1.png',
+        title: '05 草原',
+        url: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/phones/mate50-pro/video/mate50-pro-tvc.mp4',
+      },
+      {
+        img: 'TO_DELETE/picture2.png',
+        title: '06 天空之城',
+        url: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/phones/mate50-pro/video/mate50-pro-tvc.mp4',
+      },
+    ],
+    videoIndex: 0, //正在播放的视频索引
+    videoSource: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/phones/mate50-pro/video/mate50-pro-tvc.mp4', //所选中的播放资源url
+    /*相关推荐资源列表 */
+    recommendList: [
+      {
+        img: 'TO_DELETE/picture1.png',
+        title: '怪物公司',
+      },
+      {
+        img: 'TO_DELETE/picture2.png',
+        title: '音乐魔法show',
+      },
+      {
+        img: 'TO_DELETE/picture1.png',
+        title: '喜羊羊',
+      },
+      {
+        img: 'TO_DELETE/picture2.png',
+        title: '铁甲小宝',
+      },
+      {
+        img: 'TO_DELETE/picture1.png',
+        title: '光头强',
+      },
+      {
+        img: 'TO_DELETE/picture2.png',
+        title: '神奇宝贝',
+      },
+      {
+        img: 'TO_DELETE/picture1.png',
+        title: '巴拉拉小魔仙',
+      },
+      {
+        img: 'TO_DELETE/picture2.png',
+        title: '白雪公主',
+      },
+    ],
+    videoContext: null,
+    selected: 0,
+  },
+  onInit() {
+    //创建视频播放器上下文
+    this.videoContext = has.createVideoContext('video');
+  },
+  //点击选集播放
+  clickToPlay(e) {
+    const index = e.currentTarget.dataset.index;
+
+    const videoItem = this.data.list[index];
+
+    //更新当前播放视频索引和源
+    this.setData({
+      selected: index,
+      videoSource: videoItem.url,
+    });
+
+    //播放视频
+    this.videoContext.play();
+
+    //如果需要记录播放历史，可以在这里添加相关逻辑
+    console.log('开始播放视频:', videoItem.title, videoItem.url);
+  },
+});

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

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

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

@@ -0,0 +1,79 @@
+.story-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 34rpx;
+}
+
+.story-main {
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+}
+
+.list-item {
+  display: flex;
+  width: 709rpx;
+  flex-direction: column;
+}
+
+.story-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.swiper-main-title {
+  font-size: 31rpx;
+  color: #1a1a1a;
+  align-self: center;
+}
+
+.swiper-hand-title {
+  font-size: 27rpx;
+  color: #1a1a1a;
+  margin-bottom: 25.7rpx;
+}
+
+.swiper-right {
+  margin-right: 33rpx;
+}
+
+.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-image {
+  width: 334rpx;
+  height: 188rpx;
+  margin-bottom: 16.7rpx;
+  border-radius: 8rpx;
+}
+
+.swipe-list {
+  height: 232rpx;
+  margin: 0rpx 25rpx 0rpx 0rpx;
+}
+
+.swipe-icon {
+  width: 33rpx;
+  height: 33rpx;
+  margin-left: 8.3rpx;
+  border-radius: 5rpx;
+  position: absolute;
+  bottom: 30rpx;
+  left: 14rpx;
+}
+
+.swipe-wrap {
+  position: relative;
+}

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

@@ -0,0 +1,22 @@
+<view class="story-container safe-area-inset-bottom">
+  <view>Banner列表页</view>
+  <view has:for="{{data}}" has:key="item">
+    <view class="list-item">
+      <!-- 列表 -->
+      <view class="story-main">
+        <view has:for="{{item.list}}" has:key="item">
+          <view class="story-content" bind:tap="route" data-item="{{item}}">
+            <view>
+              <image class="swipe-image" src="{{item.img}}"></image>
+              <view class="swipe-wrap">
+                <image class="swipe-icon" src="{{item.icon}}"></image>
+              </view>
+            </view>
+            <text class="swiper-hand-title">{{item.title}}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view has:if="{{index < data.length - 1}}" style="height: 32rpx;width:100%;"></view>
+  </view>
+</view>

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

@@ -0,0 +1,145 @@
+Page({
+  data: {
+    titlebar: '',
+    data: [
+      {
+        link: '更多',
+        title: '睡前故事',
+        uri: './img/arrow.png',
+        list: [
+          {
+            title: '趣味迪士尼',
+            img: './TO_DELETE/1.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '奇趣大自然',
+            img: './TO_DELETE/1.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '两个好朋友',
+            img: './TO_DELETE/1.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '趣味迪士尼',
+            img: './TO_DELETE/1.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '趣味迪士尼',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '奇趣大自然',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '两个好朋友',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '魔法学院',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '趣味迪士尼',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '奇趣大自然',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '两个好朋友',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '魔法学院',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '趣味迪士尼',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '奇趣大自然',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '两个好朋友',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '魔法学院',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '趣味迪士尼',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '奇趣大自然',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '两个好朋友',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '魔法学院',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '趣味迪士尼',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '奇趣大自然',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '两个好朋友',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+          {
+            title: '魔法学院',
+            img: './TO_DELETE/2.png',
+            icon: './img/icon.png',
+          },
+        ],
+      },
+    ],
+  },
+  route(item) {
+    router.push({
+      uri: '/Page_Audio',
+      params: {
+        item: item,
+      },
+    });
+  },
+  findMore() {
+    // 预留点击事件，可根据业务需求进行实现
+  }
+});

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

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

package/dist/templates/ascfEducation/pages/component/c_search_bar.css

@@ -0,0 +1,28 @@
+.header {
+  height: 80rpx;
+  margin-left: 20rpx;
+  margin-top: 20rpx;
+}
+.div_search {
+  background-color: #f2f2f2;
+  width: 710rpx;
+  height: 67rpx;
+  border-radius: 8rpx;
+  align-items: center;
+  display: flex;
+}
+
+.image_search {
+  width: 33rpx;
+  height: 33rpx;
+  margin: 16rpx 16rpx 16rpx 17rpx;
+}
+
+.place_holder {
+  width: 600rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  font-size: 32rpx;
+  color: #1a1a1a;
+  opacity: 0.3;
+}

package/dist/templates/ascfEducation/pages/component/c_search_bar.hxml

@@ -0,0 +1,8 @@
+<!-- 搜索栏组件 -->
+<view class="header">
+  <view class="div_search" bind:tap="rediect">
+    <image class="image_search" src="../../img/search.png"></image>
+    <text class="place_holder">小猪佩奇</text>
+    <image class="image_search" src="../../img/history.png" catch:tap="toHistory"></image>
+  </view>
+</view>

package/dist/templates/ascfEducation/pages/component/c_search_bar.js

@@ -0,0 +1,18 @@
+Component({
+  properties: {
+    data: '',
+  },
+  attached() {},
+  methods: {
+    rediect() {
+      has.navigateTo({
+        url: '/pages/Page_Search/index',
+      });
+    },
+    toHistory() {
+      has.navigateTo({
+        url: '/pages/Page_PlayHistory/index',
+      });
+    },
+  },
+});

package/dist/templates/ascfEducation/pages/component/c_search_bar.json

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

package/dist/templates/ascfEducationQs/app.json

@@ -0,0 +1,58 @@
+{
+  "package": "com.atomicservice.<%= appId %>",
+  "name": "helloascf",
+  "icon": "./app_icon.png",
+  "versionName": "1.0.0.300",
+  "versionCode": "10000300",
+  "pages": [
+    "pages/Page_Home/index",
+    "pages/Page_VideoDetail/index",
+    "pages/Page_List/index",
+    "pages/Page_Audio/index",
+    "pages/Page_Story/index",
+    "pages/Page_Song/index",
+    "pages/Page_Animation/index",
+    "pages/Page_Search/index",
+    "pages/Page_Hearingcatalogue/index",
+    "pages/Page_PlayList/index",
+    "pages/Page_PlayHistory/index",
+    "pages/Page_banner/index"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#f2f2f2",
+    "navigationBarTextStyle": "black"
+  },
+  "tabBar": {
+    "color": "#626567",
+    "selectedColor": "#5f9ea0",
+    "backgroundColor": "#F2F2F2",
+    "borderStyle": "white",
+    "list": [
+      {
+        "pagePath": "pages/Page_Home/index",
+        "text": "精选",
+        "iconPath": "img/choice_nor.png",
+        "selectedIconPath": "img/choice_act.png"
+      },
+      {
+        "pagePath": "pages/Page_Story/index",
+        "text": "听故事",
+        "iconPath": "img/listen_nor.png",
+        "selectedIconPath": "img/listen_act.png"
+      },
+      {
+        "pagePath": "pages/Page_Song/index",
+        "text": "学儿歌",
+        "iconPath": "img/music_nor.png",
+        "selectedIconPath": "img/music_act.png"
+      },
+      {
+        "pagePath": "pages/Page_Animation/index",
+        "text": "看动画",
+        "iconPath": "img/video_nor.png",
+        "selectedIconPath": "img/video_act.png"
+      }
+    ]
+  }
+}

package/dist/templates/ascfMall/app.css

@@ -0,0 +1,3 @@
+.safe-area-inset-bottom {
+  padding-bottom: env(safe-area-inset-bottom);
+}

package/dist/templates/ascfMall/app.js

@@ -0,0 +1,8 @@
+App({
+  onLaunch() {
+    has.setTabBarBadge({
+      index: 2,
+      text: '4',
+    });
+  },
+});