New file |
| | |
| | | // packageBookService/pages/bookServices/detail/components/tag/index.js |
| | | Component({ |
| | | /** |
| | | * 组件的属性列表 |
| | | */ |
| | | properties: { |
| | | |
| | | }, |
| | | |
| | | /** |
| | | * 组件的初始数据 |
| | | */ |
| | | data: { |
| | | list: [ |
| | | { id: 1, name: '图书简介' }, |
| | | { id: 2, name: '电子书' }, |
| | | { id: 3, name: '教学资源' }, |
| | | { id: 2, name: '云学习' }, |
| | | { id: 2, name: '云测试' }, |
| | | { id: 2, name: '云笔记' }, |
| | | ] |
| | | }, |
| | | |
| | | /** |
| | | * 组件的方法列表 |
| | | */ |
| | | methods: { |
| | | |
| | | } |
| | | }) |
New file |
| | |
| | | { |
| | | "component": true, |
| | | "usingComponents": {} |
| | | } |
New file |
| | |
| | | <!--packageBookService/pages/bookServices/detail/components/tag/index.wxml--> |
| | | <scroll-view scroll-x="{{true}}"> |
| | | <view wx:for="{{list}}" wx:key="id"> |
| | | <view> |
| | | <text>{{item.name}}</text> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
New file |
| | |
| | | /* packageBookService/pages/bookServices/detail/components/tag/index.wxss */ |
| | |
| | | "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel", |
| | | "t-button": "tdesign-miniprogram/button/button", |
| | | "t-checkbox": "tdesign-miniprogram/checkbox/checkbox", |
| | | "tree": "/packageBookService/pages/bookServices/detail/components/tree/index" |
| | | "tree": "/packageBookService/pages/bookServices/detail/components/tree/index", |
| | | "t-empty": "tdesign-miniprogram/empty/empty" |
| | | } |
| | | } |
| | |
| | | <view class="tree"> |
| | | <t-collapse |
| | | default-value="{{openIds}}" |
| | | expandIcon="{{false}}" |
| | | bind:change="handleChange" |
| | | > |
| | | <t-collapse default-value="{{openIds}}" bind:change="handleChange"> |
| | | <t-collapse-panel |
| | | wx:for="{{treeList}}" |
| | | wx:for-item="item" |
| | | wx:for-index="index" |
| | | wx:key="id" |
| | | value="{{item.id}}" |
| | | disabled="{{!item.children.length}}" |
| | | > |
| | | <view slot="header" class="header-title"> |
| | | <view> |
| | |
| | | wx:if="{{isShowCheck}}" |
| | | /> |
| | | <!-- <t-checkbox icon="rectangle" checked="{{true}}" data-item="{{item}}" bind:change="checkResourceTitle" /> --> |
| | | <text>{{item.name}}</text> |
| | | <text>{{item.name}} </text |
| | | ><text wx:if="{{item.sysType =='CmsFolder'}}" |
| | | >({{item.children ? item.children.length : 0}})</text |
| | | > |
| | | </view> |
| | | <image |
| | | src="{{item.open ? '/static/images/bookService/detail/up.png' : '/static/images/bookService/detail/down.png'}}" |
| | | class="list-icon" |
| | | wx:if="{{item.children.length}}" |
| | | /> |
| | | </view> |
| | | <view |
| | | class="list" |
| | |
| | | |
| | | ></tree> |
| | | </view> |
| | | <!-- 暂无数据 --> |
| | | <view wx:if="{{!item.children || !item.children.length}}" class="noData"> |
| | | <t-empty icon="folder-open" description="暂无数据" /> |
| | | </view> |
| | | <view class="listItems" wx:if="{{children.length <= 0 && !loading}}"> |
| | | 暂无数据 |
| | | </view> |
| | |
| | | buyResourceData: { |
| | | productLinkPath: '', |
| | | refCode: '', |
| | | }, |
| | | briefIcon: { |
| | | name: "/static/images/bookService/detail/tushujianjie-g.png" |
| | | }, |
| | | briefIconClick: { |
| | | name: '/static/images/bookService/detail/tushujianjie-click.png' |
| | | }, |
| | | eBookIcon: { |
| | | name: '/static/images/bookService/detail/ebook-g.png' |
| | | }, |
| | | eBookClickIcon: { |
| | | name: '/static/images/bookService/detail/ebook-click.png' |
| | | }, |
| | | teachResourcesIcon: { |
| | | name: '/static/images/bookService/detail/jiaoxueziyuan.png' |
| | | }, |
| | | teachResourcesClickIcon: { |
| | | name: '/static/images/bookService/detail/jiaoxueziyuan-click.png' |
| | | }, |
| | | learnResourceIcon: { |
| | | name: '/static/images/bookService/detail/yunxuexi.png' |
| | | }, |
| | | learnResourceClickIcon: { |
| | | name: '/static/images/bookService/detail/yunxuexi-click.png' |
| | | }, |
| | | testResourceIocn: { |
| | | name: '/static/images/bookService/detail/test-icon-g.png' |
| | | }, |
| | | testResourceClickIocn: { |
| | | name: '/static/images/bookService/detail/test-click-icon.png' |
| | | }, |
| | | noteIcon: { |
| | | name: '/static/images/bookService/detail/biji-icon-g.png' |
| | | }, |
| | | noteClickIcon: { |
| | | name: '/static/images/bookService/detail/biji-click-icon.png' |
| | | }, |
| | | icon1: { |
| | | name: "/static/images/bookService/detail/dangdang.png" |
| | | } |
| | | }, |
| | | |
| | |
| | | t-class-content="custom-panel" |
| | | class="tab-class" |
| | | > |
| | | <t-tab-panel label="图书简介" value="brief" style="{{tabPanelstyle}}"> |
| | | <t-tab-panel |
| | | label="图书简介" |
| | | icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}" |
| | | value="brief" |
| | | style="{{tabPanelstyle}}" |
| | | > |
| | | <book-brief |
| | | content="{{bookDetail.content}}" |
| | | authorIntroduction="{{bookDetail.authorIntroduction}}" |
| | |
| | | </t-tab-panel> |
| | | <t-tab-panel |
| | | label="电子书" |
| | | icon="{{tabValue == 'jsek_eBook' ? eBookClickIcon : eBookIcon}}" |
| | | value="jsek_eBook" |
| | | style="{{tabPanelstyle}}" |
| | | > |
| | |
| | | </t-tab-panel> |
| | | <t-tab-panel |
| | | label="教学资源" |
| | | icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}" |
| | | value="jsek_teachingResources" |
| | | class="{{loading ? 'loading': ''}}" |
| | | > |
| | |
| | | </t-tab-panel> |
| | | <t-tab-panel |
| | | label="云学习" |
| | | icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}" |
| | | value="jsek_cloudLearning" |
| | | style="{{tabPanelstyle}}" |
| | | > |
| | |
| | | </t-tab-panel> |
| | | <t-tab-panel |
| | | label="云测试" |
| | | icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}" |
| | | value="questionBank" |
| | | style="{{tabPanelstyle}}" |
| | | > |
| | |
| | | <t-empty icon="folder-open" description="暂无数据" /> |
| | | </view> |
| | | </t-tab-panel> |
| | | <t-tab-panel label="云笔记" value="jsek_note" style="{{tabPanelstyle}}"> |
| | | <t-tab-panel |
| | | label="云笔记" |
| | | icon="{{tabValue == 'jsek_note' ? noteClickIcon: noteIcon}}" |
| | | value="jsek_note" |
| | | style="{{tabPanelstyle}}" |
| | | > |
| | | <note bookInfo="{{bookDetail}}" id="note" class="note-list"></note> |
| | | </t-tab-panel> |
| | | </t-tabs> |
| | |
| | | .webView { |
| | | height: 500rpx; |
| | | } |
| | | |
| | | .t-tabs__item-inner { |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .t-tabs .t-tabs__item--active { |
| | | /* color: #ff6d00; |
| | | font-size: 30rpx; */ |
| | | background-repeat: no-repeat; |
| | | background-size: 40% 64%; |
| | | background-position: right; |
| | | background-image: url(http://jsysf.bnuic.com/website/image/click-icon.png); |
| | | } |
| | |
| | | "t-button": "tdesign-miniprogram/button/button", |
| | | "t-loading": "tdesign-miniprogram/loading/loading" |
| | | }, |
| | | "navigationStyle": "custom" |
| | | "navigationStyle": "custom", |
| | | "navigationBarBackgroundColor": "#010101" |
| | | } |
| | |
| | | ></view> |
| | | <view |
| | | class="nacigationBar" |
| | | style="width: 75%; height: {{navBarHeight}}px; background-color: {{isNight ? '#191919' : '#fff'}}" |
| | | style="width: 100%; height: {{navBarHeight}}px; background-color: {{isNight ? '#191919' : '#fff'}}" |
| | | > |
| | | <view> |
| | | <t-icon |
| | |
| | | > |
| | | </view> |
| | | <!-- 题目列表 --> |
| | | <swiper class="swiper" bind:change="changeSwiper" current="{{currentIndex}}"> |
| | | <swiper |
| | | class="swiper" |
| | | bindanimationfinish="changeSwiper" |
| | | current="{{currentIndex}}" |
| | | > |
| | | <swiper-item wx:for="{{questionList}}" wx:key="id" style="overflow-y: auto"> |
| | | <!-- 题干 --> |
| | | <view |
| | |
| | | <t-checkbox |
| | | block="{{false}}" |
| | | value="{{contentItem.value}}" |
| | | style="background-color:{{isNight ? '#000' :'#fff'}}; " |
| | | style="background-color:{{isNight ? '#222' :'#fff'}}; " |
| | | > |
| | | <!-- 仅文字 --> |
| | | <text |
| | | wx:if="{{item.optionStyle == 'Txt'}}" |
| | | style="color:{{ isNight ? '#fff' : '#000'}}" |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | >{{contentItem.value}}、{{contentItem.txt}}</text |
| | | > |
| | | <!-- 仅图片 --> |
| | | <view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center"> |
| | | <text style="color:{{ isNight ? '#fff' : '#000'}}" |
| | | <text |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | >{{contentItem.value}}、</text |
| | | > |
| | | <t-image src="{{contentItem.img}}" /> |
| | |
| | | wx:if="{{item.optionStyle == 'TxtAndImage'}}" |
| | | class="fl-center" |
| | | > |
| | | <text style="color:{{ isNight ? '#fff' : '#000'}}" |
| | | <text |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | >{{contentItem.value}}、</text |
| | | > |
| | | <text style="color:{{ isNight ? '#fff' : '#000'}}" |
| | | <text |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | >{{contentItem.txt}}</text |
| | | > |
| | | <t-image src="{{contentItem.img}}" /> |
| | |
| | | // 滑块变化 |
| | | onChangeSlider(e) { |
| | | const value = e.detail.value |
| | | console.log(value); |
| | | this.triggerEvent('onChangeSlider', { value }) |
| | | }, |
| | | // 设置遮罩层点击 |
| | |
| | | radioItem: e.detail.value |
| | | }) |
| | | const value = e.detail.value == 'night' ? true : false |
| | | wx.setNavigationBarColor({ |
| | | backgroundColor: '#222', |
| | | frontColor: '#222', |
| | | }) |
| | | |
| | | this.triggerEvent('changeBGColor', { value }) |
| | | }, |
| | | // 重做按钮 |
| | |
| | | } |
| | | }) |
| | | this.submitPaper() |
| | | } |
| | | }, |
| | | } |
| | | }) |
| | |
| | | max="{{48}}" |
| | | step="{{7}}" |
| | | activeColor="#ff6c00" |
| | | bind:changing="onChangeSlider" |
| | | bind:change="onChangeSlider" |
| | | /> |
| | | </view> |
| | | |
| | |
| | | options="{{stairList.options}}" |
| | | value="{{stairList.value}}" |
| | | bindchange="onChangeStair" |
| | | style="background-color: #f6f6f6" |
| | | /> |
| | | <t-dropdown-item |
| | | label="二级" |
| | |
| | | } |
| | | |
| | | .list-header { |
| | | overflow: hidden; |
| | | display: flex; |
| | | height: 96rpx; |
| | | } |
| | |
| | | } |
| | | |
| | | .header-sort { |
| | | box-sizing: border-box; |
| | | position: relative; |
| | | background-color: #fff; |
| | | line-height: 90rpx; |
| | | height: 100%; |
| | | line-height: 48px; |
| | | height: 48px; |
| | | width: 15vw; |
| | | font-size: 28rpx; |
| | | color: #999; |
| | | display: flex; |
| | | border-bottom: 1px solid #ededed; |
| | | } |
| | | |
| | | .header-sort::after { |
| | | content: ''; |
| | | height: 1rpx; |
| | | display: block; |
| | | position: absolute; |
| | | bottom: 0; |
| | | left: 0; |
| | | right: 0; |
| | | transform: scaleY(0.5); |
| | | background-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc)); |
| | | } |
| | | |
| | | .sort-name { |
| | | padding: 4rpx 0 0 10rpx; |
| | | padding: 0 0 0 10rpx; |
| | | } |
| | | |
| | | .header-scroll { |
| | | height: 96rpx; |
| | | height: 100%; |
| | | width: 85vw; |
| | | } |
| | | |
| | |
| | | field: 'state' |
| | | } |
| | | ], |
| | | coverSize: { |
| | | width: 76 |
| | | }, |
| | | queryType: '\\', |
| | | searchList: [], |
| | | size: '30', |