wanc

components/customerService/customerService.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

components/customerService/customerService.ts

@@ -0,0 +1,22 @@
+// e:\project\dy_video_all\dy_iaa_new_project\components\customerService\customerService.ts
+import { httpRequest } from "../../utils/httpReques"
+Component({
+  data: {
+    userInfo: {}
+  },
+  properties: {
+
+  },
+  attached() {
+    httpRequest('/user', 'POST').then((res: any) => {
+      if (res.status == 1) {
+        this.setData({
+          userInfo: res.data.info,
+        })
+      }
+    })
+  },
+  methods: {
+
+  }
+})

components/customerService/customerService.ttml

@@ -0,0 +1,5 @@
+<button open-type="im" data-im-id="{{userInfo.im}}" class="contact_customer_service">
+    <view class="contact_custo_ser_icon">
+        <image src="/static/customer_service.png" class="__wa_img_no_radius"></image>
+    </view>
+</button>

components/customerService/customerService.ttss

@@ -0,0 +1,18 @@
+/* e:\project\dy_video_all\dy_iaa_new_project\components\customerService\customerService.ttss */
+.contact_customer_service {
+    position: fixed;
+    bottom: 100rpx;
+    right: 20rpx;
+    background: transparent;
+    padding: 0;
+    z-index: 99;
+}
+
+.contact_customer_service::after {
+    content: none;
+}
+
+.contact_custo_ser_icon {
+    width: 50rpx;
+    height: 50rpx;
+}

pages/home/home.json

@@ -1,7 +1,8 @@
 {
     "usingComponents": {
         "my-modal": "/components/myModal/myModal",
-        "comm-tabs": "/components/commTabs/commTabs"
+        "comm-tabs": "/components/commTabs/commTabs",
+        "customer-service": "/components/customerService/customerService"
     },
     "navigationBarTitleText": "首页"
 }

pages/home/home.ts

@@ -12,7 +12,7 @@ Page({
     page: 1,
     newModule: [],
     bookcase: [],
-    bookId: ''
+    bookId: '',
   },
   onLoad: function () {
 

pages/home/home.ttml

@@ -5,13 +5,13 @@
         </view>
     </view>
     <view class="_heome_swiper">
-        <swiper previous-margin="70rpx" next-margin="70rpx" class="_heome_swi_warp" circular="{{true}}"
+        <swiper previous-margin="86rpx" next-margin="86rpx" class="_heome_swi_warp" circular="{{true}}"
-            bindchange="handelSwiperChange" autoplay="{{false}}" interval="{{2000}}">
+            bindchange="handelSwiperChange" autoplay="{{true}}" interval="{{2000}}">
             <block tt:for="{{carouselChart}}">
-                <swiper-item class="_home_swi_item" tt:key="{{item.bookid}}" data-sid="{{item.bookid}}" bindtap="toPathVideo">
+                <swiper-item class="_home_swi_item" tt:key="{{item.bookid}}" data-sid="{{item.bookid}}"
-                    <view class="_home_swi_it_ppp">
+                    catchtap="toPathVideo">
-                        <view class="_home_swi_it_warp {{swiperCurrent == index ? 'active' :''}}" bindtap="toPathVideo"
+                    <view class="_home_swi_it_ppp {{swiperCurrent == index ? '_wk_it_op_ac' :''}}">
-                            data-sid="{{item.bookid}}">
+                        <view class="_home_swi_it_warp " catchtap="toPathVideo" data-sid="{{item.bookid}}">
                             <image src="{{item.cover}}" class="_home_swi_it_wa_img" mode="aspectFill"></image>
                         </view>
                         <view class="_home_swi_it__play">
@@ -156,7 +156,7 @@
             <view class="_mo_5_con_list">
                 <block tt:for="{{newModule}}">
                     <view class="_mo_5_con_li_item" tt:key="{{item.id}}" data-sid="{{item.id}}" catchtap="toPathVideo">
-                        <view class="_mo_5_con_li_it_left" >
+                        <view class="_mo_5_con_li_it_left">
                             <image src="{{item.cover}}" class="__wa_img" mode="aspectFill"></image>
                             <view class="_mo_5_con_li_it_le_tag">
                                 <view class="_mo_5_con_li_it_le_ta_icon">
@@ -215,4 +215,6 @@
 
     <!-- <comm-tabs selectedIndex="{{0}}" /> -->
 
+    <customer-service />
+
 </view>

pages/home/home.ttss

@@ -32,7 +32,10 @@ page {
 
 ._home_swi_item {
     position: relative;
-    padding: 76rpx 20rpx;
+    display: flex;
+    align-items: center;
+    /* padding: 76rpx 20rpx; */
+    padding: 0 20rpx;
     box-sizing: border-box;
     border-radius: 12rpx;
     overflow: hidden;
@@ -41,20 +44,23 @@ page {
 ._home_swi_it_ppp {
     position: relative;
     width: 100%;
-    height: 100%;
+    /* height: 100%; */
 }
 
 ._home_swi_it_warp {
     position: relative;
     width: 100%;
-    height: 100%;
+    height: 561rpx;
-    transform: scaleY(1);
+    /* transform: scaleY(1); */
-    transition: transform 0.5s;
+    /* transition: transform 0.5s; */
+    transition: height 0.5s;
 }
 
-._home_swi_it_warp.active {
+._wk_it_op_ac ._home_swi_it_warp {
-    transform: scaleY(1.2);
+    /* transform: scaleY(1.2); */
-    transition: transform 0.5s;
+    height: 712rpx;
+    /* transition: transform 0.5s; */
+    transition: height 0.5s;
 }
 
 ._home_swi_it_wa_img {
@@ -76,6 +82,13 @@ page {
     transform: translateX(-50%);
     border-radius: 8rpx;
     background-color: #fff;
+    opacity: 0;
+    transition: opacity 1s;
+}
+
+._wk_it_op_ac ._home_swi_it__play {
+    opacity: 1;
+    transition: opacity 1s;
 }
 
 ._home_swi_it__pl_text {
@@ -87,7 +100,7 @@ page {
 ._heome_swi_indicator {
     display: flex;
     justify-content: center;
-    padding-top: 10rpx;
+    padding-top: 20rpx;
 }
 
 ._heome_swi_ind_item {
@@ -96,7 +109,7 @@ page {
     border-radius: 16rpx;
     background-color: rgba(255, 255, 255, 0.10);
     margin-right: 16rpx;
-    transition: width 0.5s;
+    transition: width 0.8s;
 }
 
 ._heome_swi_ind_item:last-child {
@@ -107,7 +120,7 @@ page {
     width: 32rpx;
     /* transform: scaleX(2); */
     background-color: #5BBE04;
-    transition: width 0.5s;
+    transition: width 0.8s;
 }
 
 ._home_modul_1 {
@@ -660,4 +673,5 @@ page {
 ._mo_5_load_na_test {
     font-size: 32rpx;
     color: rgba(255, 255, 255, 0.3);
-}
+}
+

pages/rechargeRecord/rechargeRecord.json

@@ -1,4 +1,6 @@
 {
-    "usingComponents": {},
+    "usingComponents": {
+        "customer-service": "/components/customerService/customerService"
+    },
     "navigationBarTitleText": "购买记录"
 }

pages/rechargeRecord/rechargeRecord.ttml

@@ -59,4 +59,7 @@
             </view>
         </block>
     </view>
+
+    <customer-service />
+
 </view>

pages/theater/theater.json

@@ -1,5 +1,6 @@
 {
     "usingComponents": {
-        "comm-tabs": "/components/commTabs/commTabs"
+        "comm-tabs": "/components/commTabs/commTabs",
+        "customer-service": "/components/customerService/customerService"
     }
 }

pages/theater/theater.ttml

@@ -71,7 +71,9 @@
                 <block tt:for="{{categoryList}}">
                     <view id="demo1" class="_mo_so_he_scr_warp {{categoryid == item.id ? '_bg_active' : ''}}"
                         bindtap="handelSortTap" data-categoryid="{{item.id}}" tt:key="{{item.id}}">
-                        <text class="_mo_so_he_scr_wa_text">{{item.title}}</text>
+                        <view class="_mo_so_he_scr_warp_flex">
+                            <text class="_mo_so_he_scr_wa_text">{{item.title}}</text>
+                        </view>
                     </view>
                 </block>
             </scroll-view>
@@ -117,4 +119,7 @@
         </view>
     </view>
     <!-- <comm-tabs selectedIndex="{{2}}" /> -->
+
+    <customer-service />
+
 </view>

pages/theater/theater.ttss

@@ -254,10 +254,17 @@ page {
     display: inline-block;
     height: 56rpx;
     padding: 0 28rpx;
-    border-radius: 8rpx;
     background-color: #272A30;
     margin-right: 32rpx;
     cursor: pointer;
+    border-radius: 10rpx;
+}
+
+._mo_so_he_scr_warp_flex {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
 }
 
 ._mo_so_he_scr_warp:last-child {

pages/videoDetail/videoDetail.ts

@@ -19,7 +19,9 @@ Page({
     selectionConList: [],
     roderCurrent: 0,
     collectionItem: {},
-    nextbatchList: []
+    nextbatchList: [],
+    selectedId: '',
+    adBanner: null
   },
   onLoad(options: any) {
     const videoCanIUse = tt.canIUse('video-player');
@@ -30,15 +32,19 @@ Page({
         this.setData({
           platform: res.platform,
           videoCanIUse,
-          toOptions: options,
+
-          sid: options?.sid || ''
         })
       }
     })
+    this.setData({
+      toOptions: options,
+      sid: options?.sid || ''
+    })
 
+    this.initFn();
   },
   onShow() {
-    this.initFn();
+
   },
   async initFn() {
 
@@ -94,10 +100,11 @@ Page({
     const nextId = batchList[current]?.id;
     const context: any = tt.createVideoContext(`${id}`);
     const nextContext: any = tt.createVideoContext(`${nextId}`);
+    const selectionConList = this.data.selectionConList;
 
     // const collectionItem: any = this.data.collectionItem;
     const sid = this.data.sid;
-    const videoInfo = this.data.videoInfo;
+    const videoInfo: any = this.data.videoInfo;
     const collectionItem = batchList[current]
     const params = {
       sid: sid,
@@ -117,6 +124,24 @@ Page({
     // this.selectComponent(`#${nextId}`, (res: any) => {
     //   res?.hidePauseIcon()
     // });
+    const lk: any = [];
+    selectionConList.forEach((m: any) => {
+      const bm = {
+        ...m,
+        temp: []
+      }
+      m.temp.forEach((k: any) => {
+        if (k.id == videoInfo.id) {
+          bm.temp.push({
+            ...k,
+            isvip: 0
+          })
+        } else {
+          bm.temp.push(k)
+        }
+      })
+      lk.push(bm)
+    })
 
     this.setData({
       videoInfo: {
@@ -126,7 +151,8 @@ Page({
       videoPlayerCurrent: current,
       anthologyFlag: false,
       collectionItem: collectionItem,
-      videoErrorText: ''
+      videoErrorText: '',
+      selectionConList: lk
     })
 
 
@@ -183,13 +209,20 @@ Page({
   //   });
   // },
 
-  anthologyTap() {
+  anthologyTap(ev: any) {
+    const id = ev.currentTarget.dataset.id;
+    const context: any = tt.createVideoContext(`${id}`);
+    context?.pause?.();
     this.setData({
-      anthologyFlag: true
+      anthologyFlag: true,
+      selectedId: id
     })
   },
 
   handelAnthologyClose() {
+    const selectedId = this.data.selectedId;
+    const context: any = tt.createVideoContext(`${selectedId}`);
+    context?.play?.();
     this.setData({
       anthologyFlag: false
     })
@@ -319,7 +352,84 @@ Page({
     });
   },
   watchAdvertisement() {
+    let adBanner: any = this.data.adBanner;
+    const videoInfo: any = this.data.videoInfo;
+    const batchList: any = this.data.batchList;
+    const selectionConList = this.data.selectionConList;
+    const context: any = tt.createVideoContext(`${videoInfo.id}`);
+    // this.watchInfo.isvip = 0;
 
+    if (!adBanner) {
+      tt.showToast({
+        title: `广告加载中...`,
+      });
+      adBanner = tt.createRewardedVideoAd({
+        adUnitId: "82jc4t11786rd3thuq",
+      });
+      adBanner.show().then((res: any) => {
+        console.log("视频广告展示");
+        console.log(res, "pppppppp")
+      });
+      // 监听错误
+      adBanner.onError((err: any) => {
+        tt.hideLoading({});
+        switch (err.errCode) {
+          case 1004:
+            // 无合适的广告
+            break;
+          default:
+          // 更多请参考错误码文档
+        }
+      });
+
+      // 监听视频播放完成
+      adBanner.onClose(async (res: any) => {
+        console.log(res, "resres")
+        // const videoIndex = batchList.findIndex(
+        //   (r: any) => r.id === videoInfo.id
+        // );
+        // batchList[videoIndex].isvip = 0; // 购买成功 或者本来就是免费
+        // batchList[videoIndex].state = "play";
+        // batchList[videoIndex].playIng = true;
+        // batchList[videoIndex].isplay = true;
+        // context?.play?.();
+
+        const lk: any = [];
+        selectionConList.forEach((m: any) => {
+          const bm = {
+            ...m,
+            temp: []
+          }
+          m.temp.forEach((k: any) => {
+            if (k.id == videoInfo.id) {
+              bm.temp.push({
+                ...k,
+                isvip: 0
+              })
+            } else {
+              bm.temp.push(k)
+            }
+          })
+          lk.push(bm)
+        })
+        const params = {
+          sid: videoInfo.sid,
+          id: videoInfo.id,
+        };
+        const transferadRes: any = await httpRequest('/transferad', 'POST', params);
+        this.setData({
+          batchList: batchList,
+          videoInfo: {
+            ...videoInfo,
+            chackpay: 1
+          },
+          selectionConList: lk
+        })
+      });
+
+      // 预加载资源
+      adBanner.load();
+    }
   },
   toPathVideoitself(ev: any) {
     const sid = ev.currentTarget.dataset.sid;
@@ -341,5 +451,11 @@ Page({
     this.setData({
       nextbatchList
     })
+  },
+  handelEpisode(ev: any) {
+    const current = ev.detail.current;
+    this.setData({
+      roderCurrent: current
+    })
   }
 })

pages/videoDetail/videoDetail.ttml

@@ -16,7 +16,7 @@
                                     three-party-cloud="{{item.video_url}}" version="1"
                                     enable-progress-gesture="{{true}}" autoplay="{{videoPlayerCurrent == index}}"
                                     id="{{item.id}}" enable-dark-water-mark="{{true}}" bindended="videoPlayerEnded"
-                                    binderror="videPlayerError">
+                                    binderror="videPlayerError" show-fullscreen-btn="{{false}}" object-fit="cover">
                                     <block tt:if="{{videoPlayerCurrent == index}}">
                                         <block tt:if="{{videoErrorText}}">
                                             <view class="_iii_video_content">
@@ -42,7 +42,7 @@
                                     src="{{videoInfo.video_url}}" version="1" enable-progress-gesture="{{true}}"
                                     autoplay="{{ videoPlayerCurrent == index}}" id="{{item.id}}"
                                     enable-dark-water-mark="{{true}}" bindended="videoPlayerEnded"
-                                    binderror="videError">
+                                    binderror="videError" show-fullscreen-btn="{{false}}">
                                     <block tt:if="{{videoPlayerCurrent == index}}">
                                         <block tt:if="{{videoErrorText}}">
                                             <view class="_iii_video_content">
@@ -108,7 +108,7 @@
                                     <text class="_m_vv_oper_l_col_s_text">{{videoInfo.isCount}}</text>
                                 </view>
                             </view>
-                            <view class="_m_vv_oper_l_col_w mt_36" catchtap="anthologyTap">
+                            <view class="_m_vv_oper_l_col_w mt_36" catchtap="anthologyTap" data-id="{{item.id}}">
                                 <view class="_m_vv_oper_l_collect">
                                     <image src="/static/drama_series_icon.png" class="__wa_img_no_radius"></image>
                                 </view>
@@ -183,52 +183,57 @@
 
     </swiper>
 
-    <view class="_vv_det_anthology_dialog {{anthologyFlag ? 'ac_dis_blo' : ''}}">
+    <view class="" >
-        <view class="_vv_det_ant_dia_header">
+        <view class="_vv_det_anthology_mask" tt:if="{{anthologyFlag}}">
-            <view class="_vv_det_ant_dia_hea_name">
-                <text class="_vv_det_ant_dia_hea_na_text">{{videoInfo.title}}</text>
-            </view>
-            <view class="_vv_det_ant_dia_hea_close" catchtap="handelAnthologyClose">
-                <image src="/static/close_icon.png" class="__wa_img_no_radius"></image>
-            </view>
         </view>
-        <view class="_vv_det_ant_dia_sort">
+        <view class="_vv_det_anthology_dialog {{anthologyFlag ? 'ac_dis_blo' : ''}}">
-            <scroll-view scroll-x="{{true}}" class="_vv_det_ant_dia_so_scr">
+            <view class="_vv_det_ant_dia_header">
-                <block tt:for="{{selectionTabs}}">
+                <view class="_vv_det_ant_dia_hea_name">
-                    <view class="_vv_det_ant_dia_so_sc_item" tt:key="{{item.name}}" data-name="{{item.name}}"
+                    <text class="_vv_det_ant_dia_hea_na_text">{{videoInfo.title}}</text>
-                        data-idx="{{index}}" catchtap="handelOrderTabs">
+                </view>
-                        <text
+                <view class="_vv_det_ant_dia_hea_close" catchtap="handelAnthologyClose">
-                            class="_vv_det_ant_dia_so_sc_it_text {{roderCurrent == index ? 'ac_color':''}} ">{{item.name}}</text>
+                    <image src="/static/close_icon.png" class="__wa_img_no_radius"></image>
-                    </view>
+                </view>
-                </block>
+            </view>
-            </scroll-view>
+            <view class="_vv_det_ant_dia_sort">
-        </view>
+                <scroll-view scroll-x="{{true}}" class="_vv_det_ant_dia_so_scr">
-        <view class="_vv_det_ant_dia_list">
+                    <block tt:for="{{selectionTabs}}">
-            <swiper class="_vv_det_ant_dia_li_warp" current="{{roderCurrent}}">
+                        <view class="_vv_det_ant_dia_so_sc_item" tt:key="{{item.name}}" data-name="{{item.name}}"
-                <block tt:for="{{selectionConList}}">
+                            data-idx="{{index}}" catchtap="handelOrderTabs">
-                    <swiper-item tt:key="{{index}}">
+                            <text
-                        <view class="_vv_det_ant_dia_li_wa_ppp_li">
+                                class="_vv_det_ant_dia_so_sc_it_text {{roderCurrent == index ? 'ac_color':''}} ">{{item.name}}</text>
-                            <view class="_vv_det_ant_dia_li_wa_p_hhhh">
-                                <block tt:for="{{item.temp}}" tt:for-index="idx" tt:for-item="m">
-                                    <view class="_vv_det_ant_dia_li_wa_p_h_yyyy" tt:key="index_{{m.id}}">
-                                        <view
-                                            class="_vv_det_ant_dia_li_wa_p_h_y_ggg {{videoInfo.order == m.order ? 'acv_class_color' :''}} "
-                                            catchtap="handelSelection" data-item="{{m}}">
-                                            <text class="_vv_det_ant_dia_li_wa_p_h_y_g_t">{{m.order}}</text>
-                                            <block tt:if="{{m.isvip}}">
-                                                <view class="_vv_det_ant_dia_li_wa_p_h_y_g_lock">
-                                                    <image src="/static/ant_lock_icon.png" class="__wa_img_no_radius">
-                                                    </image>
-                                                </view>
-                                            </block>
-                                        </view>
-                                    </view>
-                                </block>
-                            </view>
                         </view>
-                    </swiper-item>
+                    </block>
-                </block>
+                </scroll-view>
-            </swiper>
+            </view>
+            <view class="_vv_det_ant_dia_list">
+                <swiper class="_vv_det_ant_dia_li_warp" current="{{roderCurrent}}" bindchange="handelEpisode">
+                    <block tt:for="{{selectionConList}}">
+                        <swiper-item tt:key="{{index}}">
+                            <view class="_vv_det_ant_dia_li_wa_ppp_li">
+                                <view class="_vv_det_ant_dia_li_wa_p_hhhh">
+                                    <block tt:for="{{item.temp}}" tt:for-index="idx" tt:for-item="m">
+                                        <view class="_vv_det_ant_dia_li_wa_p_h_yyyy" tt:key="index_{{m.id}}">
+                                            <view
+                                                class="_vv_det_ant_dia_li_wa_p_h_y_ggg {{videoInfo.order == m.order ? 'acv_class_color' :''}} "
+                                                catchtap="handelSelection" data-item="{{m}}">
+                                                <text class="_vv_det_ant_dia_li_wa_p_h_y_g_t">{{m.order}}</text>
+                                                <block tt:if="{{m.isvip}}">
+                                                    <view class="_vv_det_ant_dia_li_wa_p_h_y_g_lock">
+                                                        <image src="/static/ant_lock_icon.png"
+                                                            class="__wa_img_no_radius">
+                                                        </image>
+                                                    </view>
+                                                </block>
+                                            </view>
+                                        </view>
+                                    </block>
+                                </view>
+                            </view>
+                        </swiper-item>
+                    </block>
+                </swiper>
+            </view>
         </view>
     </view>
 </view>

pages/videoDetail/videoDetail.ttss

@@ -1,5 +1,9 @@
 /* e:\project\dy_video_all\初晴剧场\pages\videoDetail\videoDetail.ttss */
 
+page {
+    overflow: hidden;
+}
+
 ._vv_detail_html {
     width: 100%;
     height: 100vh;
@@ -232,6 +236,16 @@
     transition: transform 0.5s;
 }
 
+._vv_det_anthology_mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.45);
+    z-index: 9998;
+}
+
 ._vv_det_anthology_dialog.ac_dis_blo {
     transform: translateY(0);
     transition: transform 0.5s;