reader-settings.wxml 2.3 KB

1
  1. <block wx:if="{{show}}"><view class="settings-panel data-v-bcdd141a"><view class="settings-header data-v-bcdd141a"><text class="data-v-bcdd141a">设置</text><text data-event-opts="{{[['tap',[['onClose',['$event']]]]]}}" class="close-btn data-v-bcdd141a" bindtap="__e">×</text></view><view class="settings-section data-v-bcdd141a"><text class="section-title data-v-bcdd141a">页面颜色</text><view class="color-options data-v-bcdd141a"><block wx:for="{{bgColors}}" wx:for-item="color" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['onThemeChange',[index]]]]]}}" class="{{['color-option','data-v-bcdd141a',(themeIndex===index)?'active':'']}}" style="{{'background-color:'+(color.bg)+';'}}" bindtap="__e"></view></block></view></view><view class="settings-section data-v-bcdd141a"><text class="section-title data-v-bcdd141a">文字</text><view class="slider-container data-v-bcdd141a"><slider class="custom-slider data-v-bcdd141a" value="{{fontSize}}" activeColor="#cbbfa7" block-color="#988153" background-color="#f8f8f8" min="{{12}}" max="{{30}}" step="{{1}}" show-value="{{true}}" data-event-opts="{{[['change',[['onFontSizeChange',['$event']]]],['changing',[['onFontSizeChanging',['$event']]]]]}}" bindchange="__e" bindchanging="__e"></slider></view></view><view class="settings-section data-v-bcdd141a"><text class="section-title data-v-bcdd141a">边距</text><view class="slider-container data-v-bcdd141a"><slider class="custom-slider data-v-bcdd141a" value="{{margin}}" activeColor="#cbbfa7" block-color="#988153" background-color="#f8f8f8" min="{{10}}" max="{{50}}" step="{{5}}" show-value="{{true}}" data-event-opts="{{[['change',[['onMarginChange',['$event']]]],['changing',[['onMarginChanging',['$event']]]]]}}" bindchange="__e" bindchanging="__e"></slider></view></view><view class="settings-section data-v-bcdd141a"><text class="section-title data-v-bcdd141a">行距</text><view class="slider-container data-v-bcdd141a"><slider class="custom-slider data-v-bcdd141a" value="{{lineHeight}}" activeColor="#cbbfa7" block-color="#988153" background-color="#f8f8f8" min="{{1}}" max="{{3}}" step="{{0.1}}" show-value="{{true}}" data-event-opts="{{[['change',[['onLineHeightChange',['$event']]]],['changing',[['onLineHeightChanging',['$event']]]]]}}" bindchange="__e" bindchanging="__e"></slider></view></view></view></block>