101 lines
3.6 KiB
Plaintext
101 lines
3.6 KiB
Plaintext
<view class="page">
|
||
<view class="header">
|
||
<image class="logo" src="/assets/icons/webicon.png" mode="aspectFill" />
|
||
<image class="title" src="/assets/icons/星程字体转换.svg" mode="widthFix" />
|
||
</view>
|
||
|
||
<view class="toolbar">
|
||
<view class="tool-item" bindtap="onToggleThemeSheet">
|
||
<text>选择主题</text>
|
||
<image class="tool-icon" src="/assets/icons/choose-color.svg" mode="aspectFit" />
|
||
</view>
|
||
|
||
<view class="tool-item">
|
||
<image class="tiny-icon" src="/assets/icons/content.svg" mode="aspectFit" />
|
||
<text>文件上传</text>
|
||
<image class="tool-icon" src="/assets/icons/upload.svg" mode="aspectFit" />
|
||
</view>
|
||
|
||
<view class="export-box">
|
||
<image class="export-main" src="/assets/icons/export.svg" mode="aspectFit" />
|
||
<image class="export-icon" src="/assets/icons/export-svg.svg" mode="aspectFit" />
|
||
<image class="export-icon" src="/assets/icons/export-png.svg" mode="aspectFit" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="preview-block">
|
||
<text class="block-title">效果预览</text>
|
||
<view class="preview-canvas" />
|
||
</view>
|
||
|
||
<view class="bottom-grid">
|
||
<view class="block">
|
||
<text class="block-title">源数据</text>
|
||
<view class="field">
|
||
<view class="field-title">
|
||
<image src="/assets/icons/expand.svg" mode="aspectFit" />
|
||
<text>数据列</text>
|
||
</view>
|
||
|
||
<view class="row" wx:for="{{sourceColumns}}" wx:key="*this">
|
||
<image src="/assets/icons/data.svg" mode="aspectFit" />
|
||
<text class="label">{{item}}</text>
|
||
<image
|
||
src="{{sourceDataIndex === index ? '/assets/icons/radiobutton.svg' : '/assets/icons/radiobutton-no.svg'}}"
|
||
mode="aspectFit"
|
||
/>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="field">
|
||
<view class="field-title">
|
||
<image src="/assets/icons/expand.svg" mode="aspectFit" />
|
||
<text>描述列</text>
|
||
</view>
|
||
|
||
<view class="row" wx:for="{{sourceColumns}}" wx:key="*this">
|
||
<image src="/assets/icons/description.svg" mode="aspectFit" />
|
||
<text class="label">{{item}}</text>
|
||
<image
|
||
src="{{sourceDescChecked.indexOf(index) > -1 ? '/assets/icons/checkbox.svg' : '/assets/icons/checkbox-no.svg'}}"
|
||
mode="aspectFit"
|
||
/>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="block">
|
||
<text class="block-title">目标数据</text>
|
||
<view class="field">
|
||
<view class="field-title">
|
||
<image src="/assets/icons/expand.svg" mode="aspectFit" />
|
||
<text>描述列</text>
|
||
</view>
|
||
|
||
<view class="row" wx:for="{{targetColumns}}" wx:key="*this">
|
||
<image src="/assets/icons/description.svg" mode="aspectFit" />
|
||
<text class="label">{{item}}</text>
|
||
<image
|
||
src="{{targetDescChecked.indexOf(index) > -1 ? '/assets/icons/checkbox.svg' : '/assets/icons/checkbox-no.svg'}}"
|
||
mode="aspectFit"
|
||
/>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="footer">@版权说明：星程社所有，反馈邮箱：douboer@gmail.com</view>
|
||
|
||
<view class="theme-sheet-mask" wx:if="{{showThemeSheet}}" bindtap="onCloseThemeSheet" />
|
||
<view class="theme-sheet" wx:if="{{showThemeSheet}}">
|
||
<text class="theme-title">选择配色主题</text>
|
||
<view class="theme-row" wx:for="{{4}}" wx:key="index">
|
||
<image
|
||
src="{{selectedThemeIndex === index ? '/assets/icons/radiobutton.svg' : '/assets/icons/radiobutton-no.svg'}}"
|
||
mode="aspectFit"
|
||
/>
|
||
<view class="theme-bar" />
|
||
</view>
|
||
</view>
|
||
</view>
|