kong,

litian

2024-07-05 2f9305515c7264637164c9e03c2840f4219ca1e3

 pages/specialDiscussion/index.wxml

@@ -1,81 +1,73 @@
<view style="width: 100%; height: {{barHeight}}px;"></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
  </view>
  <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
</view>


<view class="tabsBox">
  <view wx:for="{{tabList}}" wx:key="index" wx:for-item="item" data-index="{{index}}" bind:tap="onTabsTap" class="{{ index == tabIndex  ?' tabsSelect ' : 'tabsNameBox'}}">
    <view class="{{ index == tabIndex  ?' tabsNameSelect ' : 'tabsName'}}">{{item.name}} ({{item.amount}})</view>
    <view class="{{index == tabIndex ? 'selectLine' :''}}"></view>
  </view>
</view>


<view wx:if="{{tabIndex == 0}}">


  <view wx:for="{{specialSubjectList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
    <view class="imageBox">
      <image src="{{item.icon}}" mode="aspectFit" />
    </view>

    <view class="tltieBox">
      <view class="nameTltieBox">
        {{item.name}}
      </view>
      <view class="directSeeding">
        直播时间：{{ item.liveTime }}
      </view>

      <view class="position">
        <view style="color: #333;"> {{item.lecturer }}</view>
        <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
        <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
      </view>
    </view>
  </view>

  <view wx:if="{{specialSubjectList.length <= 0}}" class="noDataBox">
    <t-empty icon="folder-open" description="暂无数据" font-size="80" />
  </view>


</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<view wx:else>
  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel">
    <t-tab-panel wx:for="{{batList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" label="{{item.name}}" value="{{index}}" style="{{tabPanelstyle}}">


      <view wx:for="{{specialDiscussionList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
        <view class="imageBox">
          <image src="{{item.icon}}" mode="aspectFit" />
  <view style="width: 100%; height: {{barHeight}}px;"></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
    </view>
    <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
  </view>
  <view class="tabsBox">
    <view wx:for="{{tabList}}" wx:key="index" wx:for-item="item" data-index="{{index}}" bind:tap="onTabsTap" class="{{ index == tabIndex  ?' tabsSelect ' : 'tabsNameBox'}}">
      <view class="{{ index == tabIndex  ?' tabsNameSelect ' : 'tabsName'}}">{{item.name}} ({{item.amount}})</view>
    </view>
  </view>
  <view wx:if="{{tabIndex == 0}}" class="list-box">
    <view wx:for="{{specialSubjectList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
      <view class="imageBox">
        <image src="{{item.icon}}" mode="aspectFit" />
      </view>
      <view class="tltieBox">
        <view class="nameTltieBox">
          {{item.name}}
        </view>

        <view class="tltieBox">
          <view class="nameTltieBox">
            {{item.name}}
          </view>
          <view class="directSeeding">
            直播时间：{{ item.liveTime }}
          </view>

          <view class="position">
            <view style="color: #333;"> {{item.lecturer }}</view>
            <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
            <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
          </view>
        <view class="directSeeding">
          直播时间：{{ item.liveTime }}
        </view>
        <view class="position">
          <view style="color: #333;"> {{item.lecturer }}</view>
          <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
          <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
        </view>
      </view>
    </view>
    <view wx:if="{{specialSubjectList.length <= 0}}" class="noDataBox">
      <!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
      <empty />
    </view>
  </view>
  <view wx:else>
    <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel">
      <t-tab-panel wx:for="{{batList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" label="{{item.name}}" value="{{index}}">
        <view class="list-box">
          <view wx:for="{{specialDiscussionList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
            <view class="imageBox">
              <image src="{{item.icon}}" mode="aspectFit" />
            </view>

      <view wx:if="{{specialDiscussionList.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" font-size="80" />
      </view>
            <view class="tltieBox">
              <view class="nameTltieBox">
                {{item.name}}
              </view>
              <view class="directSeeding">
                直播时间：{{ item.liveTime }}
              </view>

              <view class="position">
                <view style="color: #333;"> {{item.lecturer }}</view>
                <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
                <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
              </view>
            </view>
          </view>
        </view>
        <view wx:if="{{specialDiscussionList.length <= 0}}" class="noDataBox">
          <!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
          <empty />
        </view>
      </t-tab-panel>
    </t-tabs>
  </view>

    </t-tab-panel>
  </t-tabs>
</view>