默认提交

@@ -2,6 +2,7 @@
   "pages": [
     "pages/index/index",
     "pages/detail/detail",
+    "pages/personal-list/personal-list",
     "pages/more/more",
     "pages/poster-example/poster-example",
     "pages/authorize/authorize",
@@ -16,6 +17,7 @@
   "usingComponents": {
     "authorize-comp": "../../component/authorize-comp/authorize-comp",
     "empty-tips": "../../component/empty-tips/empty-tips",
+    "shortcut": "../../component/shortcut/shortcut",
     "van-popup": "../../ui/vant-weapp/popup/index",
     "van-sticky": "../../ui/vant-weapp/sticky/index",
     "van-tab": "../../ui/vant-weapp/tab/index",

@@ -97,7 +97,7 @@ button {
 
 @font-face {
   font-family: "iconfont";
-  src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
 }
 
 .drop-down-item :last-child {
@@ -344,6 +344,10 @@ button {
   content: "\e668";
 }
 
+.iconreturn:before {
+  content: "\e66d";
+}
+
 .iconwe_chat:before {
   content: "\e669";
 }
@@ -351,3 +355,4 @@ button {
 .iconwechat:before {
   content: "\e600";
 }
+

-<view class="demo-item">demo-item</view>
+<view class="comp">demo-item</view>

+import {
+  getBindtapData
+} from '../../utils/util';
+
+let app = getApp();
+Component({
+  // 样式隔离
+  // 详见 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
+  // isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（一般情况下的默认值）；
+  // apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面；
+  // shared 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。（这个选项在插件中不可用。）
+  options: {
+    styleIsolation: 'apply-shared'
+  },
+  properties: {
+    types: {
+      type: Array,
+      value: ["home", "return"]
+    }
+  },
+  data: {
+    // 这里是一些组件内部数据
+    typeIconMap: {
+      "home": "iconhome",
+      "return": "iconreturn"
+    }
+  },
+  methods: {
+    // 点击按按钮
+    onTapHandler(evt) {
+      let curType = getBindtapData(evt);
+      console.log("curType:", curType);
+      switch (curType) {
+        case "home":
+          app.router.push({
+            openType: "reLaunch",
+            path: "index"
+          })
+          break;
+
+        case "return":
+          app.router.push({
+            openType: "back"
+          })
+          break;
+
+        default:
+          break;
+      }
+    }
+  }
+})

+{
+    "component": true
+  }

+.comp {
+  position: fixed;
+  bottom: 10%;
+  right: 2%;
+  z-index: 91;
+  color: #ffffff;
+
+  $btnSize: 80px;
+
+  .btn {
+    width: $btnSize;
+    height: $btnSize;
+    margin-bottom: 24px;
+    border-radius: $btnSize;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba($color: #000000, $alpha: 0.6);
+  }
+
+  .iconfont {
+    font-size: 48px;
+  }
+}

+<view class="comp">
+  <view wx:for="{{types}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn">
+    <span class="iconfont {{typeIconMap[item+''] }}"></span>
+  </view>
+</view>

@@ -33,11 +33,12 @@ Page({
    * 做加载更多操作
    */
   onReachBottom() {
+    return;
     if (this.data.dataList.length < this.data.total) {
       this.setData({
         page: this.data.page + 1
       });
-      this.queryDataList();
+      // this.queryDataList();
     }
   },
 
@@ -49,6 +50,16 @@ Page({
     })
   },
 
+
+  /**
+   * 到个人列表页面
+   */
+  toPersonalList() {
+    app.router.push({
+      path: "personalList",
+    })
+  },
+
   /**
    * 请求DataList
    */

@@ -2,6 +2,8 @@
 @import '../../assets/scss/utils';
 
 .page {
+  padding-bottom: $pageBottom;
+
   .bgc {}
 
   .bg {}
@@ -16,6 +18,7 @@
     }
   }
 
+  // 视频详情
   .detail {
     position: relative;
     width: 100%;
@@ -59,6 +62,7 @@
     }
   }
 
+  // 功能区，显示用户信息等
   .func {
     position: relative;
     @extend .bb;
@@ -140,8 +144,55 @@
 
   }
 
-  .tit{
+  // 功能区小标题
+  .fc-tit {
     @extend .bb;
     padding: 0 24px;
   }
+
+  // 广告
+  .ad {}
+
+  // 装饰物 
+  .decoration {}
+
+  // 更多推荐
+  .more {
+    width: $contentWidth;
+    margin: 64px auto 0;
+
+    &-title {
+      color: #a2242e;
+      font-size: 48px;
+      font-weight: bold;
+      text-align: center;
+    }
+
+    // 推荐列表
+    &-list {
+      margin: 36px auto 0;
+
+      &-item {
+        display: flex;
+        justify-content: space-between;
+        border-bottom: solid 2px #dfdfdf;
+        padding: 24px 0;
+
+        .tit {
+          @extend .bb;
+          padding: 24px 0;
+          height: 230px;
+          flex: 1;
+          font-size: 36px;
+          @include ellipsis(4);
+        }
+
+        .poster {
+          width: 350px;
+          height: 230px;
+          border-radius: 8px;
+        }
+      }
+    }
+  }
 }

@@ -4,6 +4,7 @@
   <view class="app__content main">
     <view class="top-space"></view>
     <view class="content">
+      <!-- 视频详情 -->
       <view class="detail">
         <video objectFit="cover" class="vid" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/7e91e8a4c7b84e6fa4bada7c8617c9cf.mp4" />
         <view class="btn-wrap">
@@ -17,8 +18,9 @@
           </button>
         </view>
       </view>
+      <!-- 功能区 -->
       <view class="func">
-        <view class="user">
+        <view bindtap="toPersonalList" class="user">
           <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" />
           <view class="desc">
             <view class="t1 name">我爱我家</view>
@@ -35,7 +37,23 @@
           </view>
         </view>
       </view>
-      <view class="tit">超有创意的全家福，看了你也想拍！</view>
+      <!-- 功能区小标题 -->
+      <view class="fc-tit">超有创意的全家福，看了你也想拍！</view>
+      <!-- 广告 -->
+      <view class="ad"></view>
+      <!-- 装饰物 -->
+      <view class="decoration"></view>
+      <!-- 更多推荐 -->
+      <view class="more">
+        <view class="more-title">-- 更多推荐欣赏 --</view>
+        <view class="more-list">
+          <view wx:for="{{2}}" wx:key="{{index}}" class="more-list-item">
+            <view class="tit">新政策来了！家有小孩的都要过来看看</view>
+            <image class="poster" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" />
+          </view>
+        </view>
+      </view>
     </view>
   </view>
 </view>
+<shortcut></shortcut>

@@ -2,6 +2,9 @@
 @import '../../assets/scss/utils';
 
 .page {
+
+  padding-bottom: $pageBottom;
+
   color: #333333;
   font-size: 24px;
 

+import {
+  getBindtapData
+} from '../../utils/util'
+
+let app = getApp();
+Page({
+  data: {
+    active: 0
+  },
+  onLoad(options) {},
+  initData() {
+
+  },
+  onChange(event) {
+    wx.showToast({
+      title: `切换到标签 ${event.detail.name}`,
+      icon: 'none'
+    });
+  },
+  onVanTabsHandler(event) {
+    console.log("event:", event);
+    let {
+      index,
+      title
+    } = event.detail;
+  },
+  onVideoHandler(evt) {
+    let curItem = getBindtapData(evt);
+    let curIndex = getBindtapData(evt, "index");
+    app.router.push({
+      path: "detail",
+      query: {
+        c: curIndex + ""
+      }
+    })
+    console.log("curItem:", curItem);
+    console.log("curIndex:", curIndex);
+  },
+  /**
+   * 获取列列表
+   */
+  queryList() {
+
+  }
+})

+{
+}

+@import '../../assets/scss/mixins';
+@import '../../assets/scss/utils';
+
+.page {
+
+  padding-bottom: $pageBottom;
+
+  color: #333333;
+  font-size: 24px;
+
+  .bgc {
+    background-color: #efefef;
+  }
+
+  .bg {}
+
+  .main {
+    .top-space {
+      height: 120px;
+    }
+
+    .personal {
+      position: fixed;
+      top: 0;
+      z-index: 1;
+      @extend .bb;
+      padding: 24px 32px;
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      background-color: #ffffff;
+      border-bottom: solid 1px #efefef;
+
+      .name {
+        font-size: 32px;
+        font-weight: bold;
+      }
+
+      .portrait {
+        width: 64px;
+        height: 64px;
+        border-radius: 64px;
+      }
+    }
+
+    .content {
+      position: relative;
+    }
+
+    .list {
+      position: relative;
+      margin: 0 auto;
+      width: $contentWidth;
+
+      &-item {
+        position: relative;
+        background-color: #ffffff;
+        border-radius: 16px;
+        margin: 24px auto;
+
+        &-video {
+          display: flex;
+          justify-content: center;
+          position: relative;
+          width: $contentWidth;
+
+          .vid {
+            @include border-top-radius(16px);
+            width: $contentWidth;
+            pointer-events: none;
+          }
+
+          .tit {
+            color: #ffffff;
+            @extend .bb;
+            padding: 0 24px;
+            position: absolute;
+            width: 100%;
+            height: 64px;
+            line-height: 64px;
+            bottom: 0;
+            background-color: rgba($color: #000000, $alpha: 0.6);
+            @include border-top-radius(8px);
+            @include ellipsis(1);
+
+          }
+        }
+
+        &-func {
+          @extend .bb;
+          padding: 24px 24px;
+          height: 80px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+
+          .user {
+            display: flex;
+            align-items: center;
+
+            .portrait {
+              width: 48px;
+              height: 48px;
+              border-radius: 48px;
+            }
+
+            .name {
+              padding-left: 12px;
+            }
+          }
+
+          .share {
+            font-size: 24px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            // width: 132px;
+            height: 48px;
+            color: #ffffff;
+            background-color: #3ec03c;
+            border-radius: 8px;
+            margin: 0;
+
+            .iconfont {
+              font-size: 32px;
+            }
+
+            .t1 {
+              padding: 0 6px;
+            }
+          }
+        }
+
+      }
+    }
+  }
+
+
+  .van-tab--active {
+    color: #fc464a;
+  }
+
+  .van-hairline--top-bottom:after {
+    border-width: 0;
+  }
+}

+<view class="page">
+  <view class="app__bgc bgc"></view>
+  <view class="app__bg bg"></view>
+  <!-- <view class="app__top-shadow"></view> -->
+  <view class="app__content main">
+    <view class="top-space"></view>
+    <view class="personal">
+      <view class="name">我爱我家 的视频列表</view>
+      <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" />
+    </view>
+    <view class="content">
+      <view class="list">
+        <view bindtap="onVideoHandler" wx:for="{{8}}" wx:key="index" data-data="{{item}}" data-index="{{index}}" class="list-item">
+          <view class="list-item-video">
+            <video objectFit="cover" class="vid" poster="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/7e91e8a4c7b84e6fa4bada7c8617c9cf.mp4" />
+            <view class="tit">这是一个视频</view>
+          </view>
+          <view class="list-item-func">
+            <view class="user">
+              <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" />
+              <text class="name">我爱我家</text>
+            </view>
+            <button class="share">
+              <span class="t1 iconfont iconwechat"></span>
+              <span class="t1">分享</span>
+            </button>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
+<shortcut></shortcut>

 const routerPath = {
   index: '/pages/index/index',
   detail: '/pages/detail/detail',
+  personalList: '/pages/personal-list/personal-list',
   authorize: '/pages/authorize/authorize', // 授权
   example: '/pages/example/example',
   more: '/pages/more/more',