video

pages/video/video.js

@@ -5,7 +5,40 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    typeList : [
+      '全部类型',
+      'PV',
+      'MV',
+      'VLOG'
+    ],
+    durList : [
+      '全部时长',
+      '10分钟以下',
+      '10-30分钟'
+    ],
+    yearList : [
+      '全部年份',
+      '2023',
+      '2022',
+      '2021',
+      '2020',
+      '2019',
+      '2018',
+      '2017',
+      '2016',
+      '2015',
+      '2014',
+      '2013'
+    ],
+    typeIsSelected : [
+      true, false, false, false
+    ],
+    durIsSelected : [
+      true, false, false
+    ],
+    yearIsSelected : [
+      true, false, false, false, false, false, false, false, false, false, false, false
+    ]
   },
 
   /**

pages/video/video.wxml

 <!--pages/video/video.wxml-->
-<text>pages/video/video.wxml</text>
+<view style="width: 750rpx">
+  <scroll-view scroll-x="true" style="width: 730rpx" class="scroll-x-list" id="first">
+    <view wx:for="{{ typeList }}" wx:key="unique" class="view-parent" style="--right:{{ index==typeList.length-1 ? '0rpx' : '32rpx' }};" bindtap="changeTypeSelect" data-info="{{ index }}">
+      <text class="view-item" style="--bgColor:{{ typeIsSelected[index] ? '#dad4e6' : '#ffffff'}};--txColor:{{ typeIsSelected[index] ? '#b4a1ce' : '#000000'}}">{{ item }}</text>
+    </view>
+  </scroll-view>
+  
+  <scroll-view scroll-x="true" style="width: 730rpx" class="scroll-x-list">
+    <view wx:for="{{ durList }}" wx:key="unique" class="view-parent" style="--right:{{ index==durList.length-1 ? '0rpx' : '32rpx' }}" bindtap="changeDurSelect" data-info="{{ index }}">
+      <text class="view-item" style="--bgColor:{{ durIsSelected[index] ? '#dad4e6' : '#ffffff'}};--txColor:{{ durIsSelected[index] ? '#b4a1ce' : '#000000'}}">{{ item }}</text>
+    </view>
+  </scroll-view>
+  
+  <scroll-view scroll-x="true" style="width: 730rpx" class="scroll-x-list">
+    <view wx:for="{{ yearList }}" wx:key="unique" class="view-parent" style="--right:{{ index==yearList.length-1 ? '0rpx' : '32rpx' }}" bindtap="changeYearSelect" data-info="{{ index }}">
+      <text class="view-item" style="--bgColor:{{ yearIsSelected[index] ? '#dad4e6' : '#ffffff'}};--txColor:{{ yearIsSelected[index] ? '#b4a1ce' : '#000000'}}">{{ item }}</text>
+    </view>
+  </scroll-view>
+</view>
\ No newline at end of file