update at 2026-02-12 17:30:41

miniapp/pages/index/index.wxml

@@ -0,0 +1,100 @@
+<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>