样式修改

litian

2024-03-27 ebfc641a1a1bc6c40b8010f31f7a836f09308b6e

 packageDomain/pages/sampleBookList/applicationForm/index.wxml

@@ -1,81 +1,84 @@
<view class="page-header">
  <t-tabs t-class="t-tabs" defaultValue="{{active}}" split="{{false}}" bind:change="tabClick">
    <t-tab-panel label="纸质样书" value="0" />
    <t-tab-panel label="电子样书" value="1" />
  </t-tabs>
</view>
<view class="page-content">
  <view class="bookListBox">
    <view class="tips">
      <rich-text space="emsp" nodes="{{description}}" class="content" />
    </view>
    <view class="bookList">
      <view wx:if="{{bookList.length > 0}}">
        <view wx:for="{{bookList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="textbooksItemBox">
          <t-swipe-cell>
            <t-cell title="左滑单操作" note="辅助信息" bordered="{{false}}">
              <view class="listItem flex">
                <view class="specialSubject-img">
                  <image src="{{item.icon}}" mode="aspectFill" class="img" wx:if="{{item.icon}}" />
                  <image src="/static/images/default-book-img.png" mode="aspectFill" class="img" wx:else="" />
                </view>
                <view class="body-info">
                  <view class="name">{{item.title}}</view>
                  <view class="author">作者：{{item.author}}</view>
                  <view class="author">ISBN:{{item.isbn}}</view>
                  <view class="author">出版时间:{{item.publicationDate}}</view>
                </view>
              </view>
            </t-cell>
            <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-book="{{item}}">删除</view>
          </t-swipe-cell>
<view class="container">
  <view class="page-header">
    <t-tabs t-class="t-tabs" defaultValue="{{active}}" split="{{false}}" bind:change="tabClick">
      <t-tab-panel label="纸质样书" value="0" />
      <t-tab-panel label="电子样书" value="1" />
    </t-tabs>
  </view>
  <view class="page-content">
    <view class="content">
      <view class="bookListBox">
        <view class="tips">
          <rich-text space="emsp" nodes="{{description}}" class="content" />
        </view>
        <view class="bookList">
          <view wx:if="{{bookList.length > 0}}">
            <view wx:for="{{bookList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="textbooksItemBox">
              <t-swipe-cell>
                <t-cell title="左滑单操作" note="辅助信息" bordered="{{false}}">
                  <view class="listItem flex">
                    <view class="specialSubject-img">
                      <image src="{{item.icon}}" mode="aspectFill" class="img" wx:if="{{item.icon}}" />
                      <image src="/static/images/default-book-img.png" mode="aspectFill" class="img" wx:else="" />
                    </view>
                    <view class="body-info">
                      <view class="name">{{item.title}}</view>
                      <view class="author">作者：{{item.author}}</view>
                      <view class="author">ISBN:{{item.isbn}}</view>
                      <view class="author">出版时间:{{item.publicationDate}}</view>
                    </view>
                  </view>
                </t-cell>
                <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-book="{{item}}">删除</view>
              </t-swipe-cell>
            </view>
          </view>
          <view wx:if="{{bookList.length == 0}}" class="empyt">
            <t-empty icon="folder-open" description="暂无数据" />
          </view>
        </view>
      </view>
      <view wx:if="{{bookList.length == 0}}" class="empyt">
        <t-empty icon="folder-open" description="暂无数据" />
      <view class="formBox">
        <view class="title">
          授课情况
        </view>
        <view class="teachingInfo">
          <view class="item">
            <text class="label">学校：</text>
            <text>{{teacherInfo.schoolName}}</text>
          </view>
          <view class="item">
            <text class="label">任教课程：</text>
            <text>{{teacherInfo.courseName}}</text>
          </view>
        </view>
        <view class="title" wx:if="{{active =='0'}}">
          收货人情况
        </view>
        <view class="receiverInfo" wx:if="{{active =='0'}}">
          <view class="item">
            <text class="label">姓名：</text>
            <view class="item-content">
              <input class="weui-input" name="userName" auto-focus="true" adjust-position="true" value="{{contactInfo.fullName}}" placeholder="请输入姓名" bindinput="bindTnputBlur" />
            </view>
          </view>
          <view class="item">
            <text class="label">联系电话：</text>
            <view class="item-content">
              <input class="weui-input" name="userName" auto-focus="true" adjust-position="true" value="{{contactInfo.phone}}" placeholder="请输入联系电话" bindinput="bindTnputBlur" />
            </view>
          </view>
          <view class="item">
            <text class="label">详细地址：</text>
            <view class="item-content">
              <input class="weui-input" name="userName" auto-focus="true" adjust-position="true" value="{{contactInfo.detailedAddress}}" placeholder="请输入详细地址" bindinput="bindTnputBlur" />
            </view>
          </view>
        </view>
      </view>
      <view class="btn-area">
        <button class="submit" bindtap="submit">提交</button>
      </view>
    </view>
  </view>
  <view class="formBox">
    <view class="title">
      授课情况
    </view>
    <view class="teachingInfo">
      <view class="item">
        <text class="label">学校：</text>
        <text>{{teacherInfo.schoolName}}</text>
      </view>
      <view class="item">
        <text class="label">任教课程：</text>
        <text>{{teacherInfo.courseName}}</text>
      </view>
    </view>
    <view class="title" wx:if="{{active =='0'}}">
      收货人情况
    </view>
    <view class="receiverInfo" wx:if="{{active =='0'}}">
      <view class="item">
        <text class="label">姓名：</text>
        <view class="item-content">
          <input class="weui-input" name="userName" auto-focus="true" adjust-position="true" value="{{contactInfo.fullName}}" placeholder="请输入姓名" bindinput="bindTnputBlur" />
        </view>
      </view>
      <view class="item">
        <text class="label">联系电话：</text>
        <view class="item-content">
          <input class="weui-input" name="userName" auto-focus="true" adjust-position="true" value="{{contactInfo.phone}}" placeholder="请输入联系电话" bindinput="bindTnputBlur" />
        </view>
      </view>
      <view class="item">
        <text class="label">详细地址：</text>
        <view class="item-content">
          <input class="weui-input" name="userName" auto-focus="true" adjust-position="true" value="{{contactInfo.detailedAddress}}" placeholder="请输入详细地址" bindinput="bindTnputBlur" />
        </view>
      </view>
    </view>
  </view>
  <view class="btn-area">
    <button class="submit" bindtap="submit">提交</button>
  </view>

</view>