update at 2026-02-13 23:27:50
This commit is contained in:
@@ -12,8 +12,6 @@
|
|||||||
<text class="upload-text">{{uploadMessage}}</text>
|
<text class="upload-text">{{uploadMessage}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="toolbar-spacer" />
|
|
||||||
|
|
||||||
<view class="export-box">
|
<view class="export-box">
|
||||||
<image class="export-main" src="../../assets/icons/export.svg" mode="aspectFit" />
|
<image class="export-main" src="../../assets/icons/export.svg" mode="aspectFit" />
|
||||||
<image class="export-icon" src="../../assets/icons/export-svg.svg" mode="aspectFit" bindtap="onExportSvg" />
|
<image class="export-icon" src="../../assets/icons/export-svg.svg" mode="aspectFit" bindtap="onExportSvg" />
|
||||||
@@ -47,10 +45,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="direction-item" bindtap="onToggleDirection">
|
<view class="direction-item" bindtap="onToggleDirection">
|
||||||
<view class="vertical-label">
|
<text class="inline-label">方向</text>
|
||||||
<text>方</text>
|
|
||||||
<text>向</text>
|
|
||||||
</view>
|
|
||||||
<view class="direction-switch {{direction === 'source-to-target' ? 'on' : ''}}">
|
<view class="direction-switch {{direction === 'source-to-target' ? 'on' : ''}}">
|
||||||
<text class="direction-text">{{direction === 'source-to-target' ? 'source' : 'target'}}</text>
|
<text class="direction-text">{{direction === 'source-to-target' ? 'source' : 'target'}}</text>
|
||||||
<view class="direction-thumb" />
|
<view class="direction-thumb" />
|
||||||
@@ -58,10 +53,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="picker-item">
|
<view class="picker-item">
|
||||||
<view class="vertical-label">
|
<text class="inline-label">位置</text>
|
||||||
<text>位</text>
|
|
||||||
<text>置</text>
|
|
||||||
</view>
|
|
||||||
<picker mode="selector" range="{{labelPositionOptionLabels}}" value="{{labelPositionIndex}}" bindchange="onChangeLabelPosition">
|
<picker mode="selector" range="{{labelPositionOptionLabels}}" value="{{labelPositionIndex}}" bindchange="onChangeLabelPosition">
|
||||||
<view class="select-pill">
|
<view class="select-pill">
|
||||||
<text>{{labelPositionOptionLabels[labelPositionIndex]}}</text>
|
<text>{{labelPositionOptionLabels[labelPositionIndex]}}</text>
|
||||||
@@ -71,10 +63,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="picker-item">
|
<view class="picker-item">
|
||||||
<view class="vertical-label">
|
<text class="inline-label">对齐</text>
|
||||||
<text>对</text>
|
|
||||||
<text>齐</text>
|
|
||||||
</view>
|
|
||||||
<picker mode="selector" range="{{targetAlignOptionLabels}}" value="{{targetAlignIndex}}" bindchange="onChangeTargetAlign">
|
<picker mode="selector" range="{{targetAlignOptionLabels}}" value="{{targetAlignIndex}}" bindchange="onChangeTargetAlign">
|
||||||
<view class="select-pill wide">
|
<view class="select-pill wide">
|
||||||
<text>{{targetAlignOptionLabels[targetAlignIndex]}}</text>
|
<text>{{targetAlignOptionLabels[targetAlignIndex]}}</text>
|
||||||
|
|||||||
@@ -73,11 +73,6 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar-spacer {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.export-box {
|
.export-box {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: 0.5px solid #e5e6eb;
|
border: 0.5px solid #e5e6eb;
|
||||||
@@ -116,6 +111,7 @@
|
|||||||
.preview-head {
|
.preview-head {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -126,7 +122,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.preview-controls {
|
.preview-controls {
|
||||||
flex: 1;
|
flex: 0 1 auto;
|
||||||
|
width: 286px;
|
||||||
|
max-width: calc(100% - 82px);
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -176,13 +174,12 @@
|
|||||||
height: 8px;
|
height: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vertical-label {
|
.inline-label {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.direction-switch {
|
.direction-switch {
|
||||||
|
|||||||
Reference in New Issue
Block a user