| | |
| | | <template> |
| | | <view :class="['app', theme]"> |
| | | <up-sticky bgColor="#ffffff"> |
| | | <view class="header"> |
| | | <up-icon name="list" size="40rpx" color="#333333" @click="onSettingClick" /> |
| | | <view> |
| | | <!-- <up-tabs :list="list1"> --> |
| | | <up-tabs v-model:current="parentTabIndex" :list="userTabList" @click="onChangeTab"> |
| | | <!-- <template #left> |
| | | <up-icon name="list" size="40rpx" color="#333333" /> |
| | | </template> --> |
| | | <!-- <template #right> |
| | | <up-icon name="search" size="48rpx" color="#333333" /> |
| | | </template> --> |
| | | </up-tabs> |
| | | </view> |
| | | <up-icon name="search" size="48rpx" color="#333333" @click="toSearchPage()" /> |
| | | </view> |
| | | </up-sticky> |
| | | <!-- <up-sticky bgColor="#ffffff">--> |
| | | <!-- <view class="header">--> |
| | | <!--<!– <up-icon name="list" size="40rpx" color="#333333" @click="onSettingClick" />–>--> |
| | | <!-- <view>--> |
| | | <!-- <!– <up-tabs :list="list1"> –>--> |
| | | <!-- <up-tabs v-model:current="parentTabIndex" :list="userTabList" @click="onChangeTab">--> |
| | | <!-- <!– <template #left>--> |
| | | <!-- <up-icon name="list" size="40rpx" color="#333333" />--> |
| | | <!-- </template> –>--> |
| | | <!-- <!– <template #right>--> |
| | | <!-- <up-icon name="search" size="48rpx" color="#333333" />--> |
| | | <!-- </template> –>--> |
| | | <!-- </up-tabs>--> |
| | | <!-- </view>--> |
| | | <!--<!– <up-icon name="search" size="48rpx" color="#333333" @click="toSearchPage()" />–>--> |
| | | <!-- </view>--> |
| | | <!-- </up-sticky>--> |
| | | |
| | | <view style="margin: 10px 10px 10px 10px; "> |
| | | <up-tabs :list="tabList" :itemStyle="{ padding: '0 16rpx', textAlign: 'center', flex: '1' }"> |
| | | <template #right> |
| | | <up-icon name="arrow-down" size="15" color="#333333" /> |
| | | </template> |
| | | </up-tabs> |
| | | </view> |
| | | <!-- <view style="margin: 10px 10px 10px 10px; ">--> |
| | | <!-- <up-tabs :list="tabList" :itemStyle="{ padding: '0 16rpx', textAlign: 'center', flex: '1' }">--> |
| | | <!-- <template #right>--> |
| | | <!-- <up-icon name="arrow-down" size="15" color="#333333" />--> |
| | | <!-- </template>--> |
| | | <!-- </up-tabs>--> |
| | | <!-- </view>--> |
| | | <view class="content-area"> |
| | | <up-waterfall v-model="films"> |
| | | <template #left="{ leftList }"> |
| | |
| | | |
| | | filmStatus.value = 'loading' |
| | | |
| | | // TODO 暂时使用光影社区的类别 |
| | | // TODO 暂时使用光影的类别 |
| | | const query: FilmWorksQueryDTO = { |
| | | classify: '', |
| | | type: '', |
| | | classify: FilmWorksCategory.COMMUNITY, |
| | | status: 'published', |
| | | current: filmPage.value, |
| | | size: filmSize, |
| | | }; |