闫增涛
2025-01-22 d00d7f8ba2dfed17984aa5d41c7694c24d9d198a
pages/home/home.wxml
@@ -1,29 +1,27 @@
<view class="container">
  <t-pull-down-refresh value="{{baseRefresh.value}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onPullDownRefresh" bind:scroll="onScroll">
  <t-pull-down-refresh value="{{baseRefresh.value}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onPullDownRefresh" wx:if="{{!loading}}" bind:scroll="onScroll">
    <view class="background {{ isWhite ? 'white':''}}" style="padding-top: {{barHeight}}px">
      <text class="text">京师E课</text>
      <text class="text">京师智教</text>
    </view>
    <view class="home-page-header">
      <view class="bg">
        <image src="/static/images/home/home-bg.png" mode="heightFix" class="image" />
      </view>
      <view class="search">
        <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="请输入关键词/书名/ISBN/作者" leftIcon="" bind:submit="onRetrievalPage" model:value="{{searchVal}}">
          <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" bind:tap="navToSearchPage" />
        <image class="icon" src="/static/images/home/nav_icon_scan.png" bindtap="onIconScanTap" />
        <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="请输入关键词/书名/ISBN/作者/项目负责人" leftIcon="" bind:submit="onRetrievalPage" model:value="{{searchVal}}">
          <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" bind:tap="onRetrievalPage" />
        </t-search>
      </view>
      <view class="swiper-wrap">
        <!-- <t-swiper wx:if="{{bannerList.length > 0}}" list="{{bannerList}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{ { type: 'dots' } }}" height="380rpx" bind:click="navToActivityDetail" /> -->
        <swiper interval="5000" indicator-dots="true" autoplay="true" circular="true" class="swiper" wx:if="{{bannerList.length > 0}}">
          <swiper-item wx:for="{{bannerList}}" wx:for-index="index" wx:key="index" data-info="{{item}}" bindtap="navToActivityDetail">
        <swiper interval="5000" indicator-dots="true" autoplay="true" circular="true" class="swiper">
          <swiper-item wx:for="{{bannerList}}" wx:for-index="index" wx:key="index" data-info="{{item}}" bindtap="navToActivityDetail" class="swiper-item">
            <view class="swiperItem">
              <image src="{{item.value}}" mode="aspectFill" class="img" />
              <image src="{{item.value}}" mode="widthFix" class="img" />
            </view>
          </swiper-item>
        </swiper>
        <view class="body-loading" wx:else>
          <t-loading theme="circular" size="40rpx" class="wrapper" />
        </view>
      </view>
    </view>
    <view class="home-page-menu">
@@ -37,69 +35,34 @@
          <view class="icon">
            <image src="/static/images/home/zhuantitaolun2.png" mode="aspectFit" class="iconImage" />
          </view>
          <view data-info="{{'zhuantitaolun'}}" bindtap="onMoreGuide" class="flex">
          <view data-info="{{'zhuantitaolun'}}" bindtap="onMoreGuide" class="flex" style="align-items: center">
            <text class="more">更多</text>
            <t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
          </view>
        </view>
        <view class="listBox">
          <view wx:for="{{specialSubjectList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
            <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}">
              <view class="specialSubject-img">
                <image src="{{item.icon}}" mode="aspectFill" class="img" />
              </view>
              <view class="body-info">
                <view class="name">{{item.name}}</view>
                <view class="time" wx:if="{{item.liveTime}}">直播时间:{{item.liveTime}}</view>
                <view class="time" wx:if="{{item.startTime}}">开播时间:{{ item.startTime }}</view>
                <view class="time" wx:if="{{!item.liveTime && !item.startTime}}">开播时间:<text class="grey">待定</text></view>
                <view class="flex jc-sb">
                  <text class="author">{{item.lecturer}} {{item.position}}</text>
                  <text class="price" wx:if="{{item.price == 0}}">免费</text>
                  <text class="price" wx:if="{{item.price !== 0}}">¥{{item.price}}</text>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="tabCardPublic iconTwo">
          <view class="icon">
            <image src="/static/images/home/jingxuankecheng2.png" mode="aspectFit" class="iconImage" />
          </view>
          <view data-info="{{'jingxuankecheng'}}" bindtap="onMoreGuide" class="flex">
            <text class="more">更多</text>
            <t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
          </view>
        </view>
        <view class="home-page-tabs">
          <t-tabs t-class="t-tabs" split="{{false}}" defaultValue="{{activeItem}}" bind:change="tabChangeHandle">
            <t-tab-panel wx:for="{{courseTypeList}}" wx:for-index="index" wx:key="index" label="{{item.name}}" value="{{index}}" />
          </t-tabs>
        </view>
        <view class="listBox1">
          <view wx:if="{{courseList.length>0}}">
            <view wx:for="{{courseList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
              <view class="listItem flex">
                <view class="specialSubject-img" data-book="{{item}}" bindtap="goCourseDetail">
          <view wx:if="{{specialSubjectList.length > 0}}">
            <view wx:for="{{specialSubjectList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
              <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}">
                <view class="specialSubject-img">
                  <image src="{{item.icon}}" mode="aspectFill" class="img" />
                </view>
                <view class="body-info">
                  <view class="name" data-book="{{item}}" bindtap="goCourseDetail">{{item.name}}</view>
                  <view class="name">{{item.name}}</view>
                  <view class="time" wx:if="{{item.liveTime}}">直播时间:{{item.liveTime}}</view>
                  <view class="time" wx:if="{{item.startTime}}">开播时间:{{ item.startTime }}</view>
                  <view class="time" wx:if="{{!item.liveTime && !item.startTime}}">开播时间:<text class="grey">待定</text></view>
                  <view class="flex jc-sb">
                    <text class="author">{{item.courseLeader}}</text>
                    <text class="classHours">{{item.classHours}}课时</text>
                  </view>
                  <view class="priceBox flex jc-sb">
                    <text class="author">{{item.lecturer}} {{item.position}}</text>
                    <text class="price" wx:if="{{item.price == 0}}">免费</text>
                    <text class="price" wx:if="{{item.price !== 0}}">¥{{item.price}}</text>
                    <image src="/static/images/home/home-cart.png" mode="aspectFit" class="addCartImg" bind:tap="addCart" data-info="{{item}}" />
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="empyt" wx:else>
            <t-empty icon="folder-open" description="暂无数据" font-size="80" />
            <empty />
          </view>
        </view>
        <view class="tabCardPublic iconTwo">
@@ -121,7 +84,7 @@
            <view wx:for="{{booksList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="booksListItemBox">
              <view class="listItem" bind:tap="goDetail" data-book="{{item}}">
                <view class="specialSubject-img">
                  <image src="{{item.icon}}" mode="aspectFit" class="img" />
                  <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" mode="aspectFit" class="img" aria-label="{{item.name}}" />
                </view>
                <view class="body-info">
                  <view class="name">{{item.name}}</view>
@@ -131,9 +94,52 @@
            </view>
          </view>
          <view class="empyt" wx:else>
            <t-empty icon="folder-open" description="暂无数据" font-size="80" />
            <!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
            <empty />
          </view>
        </view>
        <view class="tabCardPublic iconTwo">
          <view class="icon">
            <image src="/static/images/home/jingxuankecheng2.png" mode="aspectFit" class="iconImage" />
          </view>
          <view data-info="{{'jingxuankecheng'}}" bindtap="onMoreGuide" class="flex">
            <text class="more">更多</text>
            <t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
          </view>
        </view>
        <view class="home-page-tabs">
          <t-tabs t-class="t-tabs" split="{{false}}" defaultValue="{{activeItem}}" bind:change="tabChangeHandle">
            <t-tab-panel wx:for="{{courseTypeList}}" wx:for-index="index" wx:key="index" label="{{item.name}}" value="{{index}}" />
          </t-tabs>
        </view>
        <view class="listBox1">
          <view wx:if="{{courseList.length>0}}">
            <view wx:for="{{courseList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
              <view class="listItem flex">
                <view class="specialSubject-img" data-book="{{item}}" bindtap="goCourseDetail">
                  <image src="{{item.icon}}" mode="aspectFit" class="img" />
                </view>
                <view class="body-info">
                  <view class="name" data-book="{{item}}" bindtap="goCourseDetail">{{item.name}}</view>
                  <view class="flex jc-sb">
                    <text class="author">{{item.courseLeader}}</text>
                    <text class="classHours">{{item.classHours}}课时</text>
                  </view>
                  <view class="priceBox flex jc-sb">
                    <text class="price" wx:if="{{item.price == 0}}">免费</text>
                    <text class="price" wx:if="{{item.price !== 0}}">¥{{item.price}}</text>
                    <image wx:if="{{item.price}}" src="/static/images/home/home-cart.png" mode="aspectFit" class="addCartImg" bind:tap="addCart" data-info="{{item}}" />
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="empyt" wx:else>
            <!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
            <empty />
          </view>
        </view>
        <view class="tabCardPublic iconTwo">
          <view class="icon">
            <image src="/static/images/home/shuziyuedu2.png" mode="aspectFit" class="iconImage" />
@@ -186,7 +192,8 @@
            </view>
          </view>
          <view class="empyt" wx:else>
            <t-empty icon="folder-open" description="暂无数据" font-size="80" />
            <!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
            <empty />
          </view>
        </view>
        <view class="tabCardPublic">
@@ -195,7 +202,7 @@
          </view>
        </view>
        <view class="rankingList">
          <scroll-view class="srcolbox" scroll-x scroll-with-animation='true'>
          <scroll-view class="srcolbox" scroll-x scroll-with-animation="true">
            <view class="booksListBox">
              <view wx:for="{{rankingList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="booksListItemBox">
                <view class="listItem" bind:tap="goDetail" data-book="{{item}}">
@@ -215,4 +222,34 @@
      </view>
    </view>
  </t-pull-down-refresh>
</view>
  <t-popup
    visible="{{showStateMenu}}"
    bind:visible-change="onVisibleChange"
    placement="center"
  >
    <view class="block">
      <view class="ti-0"> 尊敬的老师: </view>
      <view>您好!</view>
      <view
        >感谢您一直以来对北京师范大学出版集团的支持和信任!新的一年即将来临,在此我们提前恭祝您新年快乐、阖家幸福!根据国家放假要求,结合我社的具体情况,我们将对春节休假做出如下安排:</view
      >
      <view class="ti-0"> 春节放假安排: </view>
      <view>
        2025年1月23日(腊月二十四)至2025年2月12日(正月二十二)放假休息。放假期间
        “京师智教”平台正常运营,样书申请暂停审核,如有问题请留言业务服务QQ:3823938687。2025年2月13日(正月二十三)恢复正常,样书申请也将陆续处理。
      </view>
      <view class="al-right mt-20"> 京师智教 </view>
      <view class="al-right">2025年1月22日</view>
      <t-icon
        t-class="close-btn"
        name="close-circle"
        size="64rpx"
        color="#fff"
        bind:tap="closeStateMenu"
      />
    </view>
  </t-popup>
</view>
<import src="home.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />