reader-component.wxml 3.4 KB

1
  1. <view class="reader-container data-v-1cf64f5d" style="{{(containerStyle)}}"><reader-header vue-id="fc57c56e-1" show="{{showControls}}" capsule-info="{{capsuleInfo}}" header-height="{{headerHeight}}" data-event-opts="{{[['^back',[['goBack']]],['^search',[['handleSearch']]],['^addToShelf',[['handleAddToShelf']]],['^addBookmark',[['handleAddBookmark']]]]}}" bind:back="__e" bind:search="__e" bind:addToShelf="__e" bind:addBookmark="__e" class="data-v-1cf64f5d" bind:__l="__l"></reader-header><view data-event-opts="{{[['tap',[['toggleControls',['$event']]]]]}}" class="content-wrapper data-v-1cf64f5d" bindtap="__e"><sliding-container vue-id="fc57c56e-2" disabled="{{showControls||showSettingsPanel||showCatalogPanel}}" data-event-opts="{{[['^slidePrev',[['handleSlidePrev']]],['^slideNext',[['handleSlideNext']]]]}}" bind:slidePrev="__e" bind:slideNext="__e" class="data-v-1cf64f5d" bind:__l="__l" vue-slots="{{['prev','current','next']}}"><view class="content-area data-v-1cf64f5d" style="{{(contentAreaStyle)}}" slot="prev" wx:if="{{prevChapter}}"><view class="chapter-title data-v-1cf64f5d">{{prevChapter.title}}</view><view class="chapter-content data-v-1cf64f5d" style="{{(contentStyle)}}">{{prevChapter.content}}</view></view><view class="content-area data-v-1cf64f5d" style="{{(contentAreaStyle)}}" slot="current"><block wx:if="{{currentChapter.title}}"><view class="chapter-title data-v-1cf64f5d">{{currentChapter.title}}</view></block><view class="chapter-content data-v-1cf64f5d" style="{{(contentStyle)}}">{{currentChapter.content}}</view></view><view class="content-area data-v-1cf64f5d" style="{{(contentAreaStyle)}}" slot="next" wx:if="{{nextChapter}}"><view class="chapter-title data-v-1cf64f5d">{{nextChapter.title}}</view><view class="chapter-content data-v-1cf64f5d" style="{{(contentStyle)}}">{{nextChapter.content}}</view></view></sliding-container></view><reader-footer vue-id="fc57c56e-3" show="{{showControls}}" data-event-opts="{{[['^showCatalog',[['toggleCatalog']]],['^showNotes',[['toggleNotes']]],['^showProgress',[['toggleProgress']]],['^showSettings',[['toggleSettings']]]]}}" bind:showCatalog="__e" bind:showNotes="__e" bind:showProgress="__e" bind:showSettings="__e" class="data-v-1cf64f5d" bind:__l="__l"></reader-footer><reader-settings vue-id="fc57c56e-4" show="{{showSettingsPanel}}" theme-index="{{themeIndex}}" font-size="{{fontSize}}" margin="{{margin}}" line-height="{{lineHeight}}" bg-colors="{{bgColors}}" data-event-opts="{{[['^close',[['toggleSettings']]],['^themeChange',[['changeTheme']]],['^fontSizeChange',[['changeFontSize']]],['^marginChange',[['changeMargin']]],['^lineHeightChange',[['changeLineHeight']]]]}}" bind:close="__e" bind:themeChange="__e" bind:fontSizeChange="__e" bind:marginChange="__e" bind:lineHeightChange="__e" class="data-v-1cf64f5d" bind:__l="__l"></reader-settings><reader-catalog vue-id="fc57c56e-5" show="{{showCatalogPanel}}" chapters="{{chapters}}" current-chapter-id="{{currentChapterId}}" data-event-opts="{{[['^select',[['selectChapter']]],['^close',[['toggleCatalog']]]]}}" bind:select="__e" bind:close="__e" class="data-v-1cf64f5d" bind:__l="__l"></reader-catalog><block wx:if="{{showCatalogPanel||showNotesPanel||showProgressPanel}}"><view data-event-opts="{{[['tap',[['closeAllPanels',['$event']]]]]}}" class="mask data-v-1cf64f5d" bindtap="__e"></view></block><block wx:if="{{showPageTip}}"><view class="page-tip data-v-1cf64f5d"><text class="data-v-1cf64f5d">{{pageTipText}}</text></view></block></view>