zzc/spring-festival-greetings
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make move content

Browse Source
This commit is contained in:
zzc
2026-02-06 00:50:55 +08:00
parent b3de7defdc
commit 27fe2e5a52
1 changed files with 64 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
pages/make/index.vue
View File

@@ -212,6 +212,22 @@
/>
</view>
<!-- 署名 -->
<view class="form-item">
<text class="label">署名</text>
<view class="input-wrapper">
<input
class="input-box"
v-model="signatureName"
placeholder="请输入署名"
placeholder-style="color:#ccc"
maxlength="10"
@blur="handleSignatureBlur"
/>
<text class="edit-icon">✎</text>
</view>
</view>
<!-- 祝福语库 -->
<view class="form-item">
<view class="label-row">
@@ -243,21 +259,37 @@
</view>
</scroll-view>
</view>
<!-- 署名 -->
<view class="form-item">
<text class="label">署名</text>
<view class="input-wrapper">
<input
class="input-box"
v-model="signatureName"
placeholder="请输入署名"
placeholder-style="color:#ccc"
maxlength="10"
@blur="handleSignatureBlur"
/>
<text class="edit-icon">✎</text>
</view>
<!-- 样式与位置 -->
<view v-if="activeTool === 'position'" class="section position-section">
<view class="section-title">
<text>调整样式与位置</text>
</view>
<!-- 字体大小 -->
<view class="form-item" style="margin-top: 20rpx">
<text class="label">字体大小</text>
<slider
:value="fontSize"
min="24"
max="64"
show-value
@change="(e) => (fontSize = e.detail.value)"
activeColor="#ff3b30"
/>
</view>
<view class="form-item">
<text class="label">祝福语宽窄</text>
<slider
:value="bubbleMaxWidth"
min="200"
max="460"
show-value
@change="(e) => (bubbleMaxWidth = e.detail.value)"
activeColor="#ff3b30"
/>
</view>
<!-- 字体选择 -->
@@ -280,19 +312,6 @@
</scroll-view>
</view>
<!-- 字体大小 -->
<view class="form-item">
<text class="label">字体大小</text>
<slider
:value="fontSize"
min="24"
max="64"
show-value
@change="(e) => (fontSize = e.detail.value)"
activeColor="#ff3b30"
/>
</view>
<!-- 文字颜色 -->
<view class="form-item">
<text class="label">祝福语颜色</text>
@@ -310,15 +329,25 @@
</view>
</view>
</view>
<view class="form-item">
<text class="label">署名颜色</text>
<view class="color-list">
<view
v-for="(color, index) in textColors"
:key="index"
class="color-item"
:style="{ background: color }"
@tap="signatureColor = color"
>
<view v-if="signatureColor === color" class="color-check"
>✔</view
>
</view>
</view>
</view>
<!-- 位置调整 -->
<view v-if="activeTool === 'position'" class="section position-section">
<view class="section-title">
<text>调整位置</text>
</view>
<view class="form-item" style="margin-top: 20rpx">
<!-- <view class="form-item">
<text class="label">祝福语气泡 (上下)</text>
<slider
:value="bubbleOffsetY"
@@ -330,18 +359,6 @@
/>
</view>
<view class="form-item">
<text class="label">祝福语气泡宽度</text>
<slider
:value="bubbleMaxWidth"
min="200"
max="460"
show-value
@change="(e) => (bubbleMaxWidth = e.detail.value)"
activeColor="#ff3b30"
/>
</view>
<view class="form-item">
<text class="label">个人信息 (上下)</text>
<slider
@@ -364,24 +381,7 @@
@change="(e) => (userOffsetX = e.detail.value)"
activeColor="#ff3b30"
/>
</view>
<view class="form-item">
<text class="label">署名颜色</text>
<view class="color-list">
<view
v-for="(color, index) in textColors"
:key="index"
class="color-item"
:style="{ background: color }"
@tap="signatureColor = color"
>
<view v-if="signatureColor === color" class="color-check"
>✔</view
>
</view>
</view>
</view>
</view> -->
</view>
</view>
</view>
@@ -944,8 +944,8 @@ const selectGreeting = (text) => {
const tools = [
{ type: "template", text: "1. 选模板", icon: "🎨", step: 1 },
{ type: "title", text: "2. 选标题", icon: "🧧", step: 2 },
{ type: "text", text: "3. 改文字", icon: "✍️", step: 3 },
{ type: "position", text: "4. 调位置", icon: "🎯", step: 4 },
{ type: "text", text: "3. 写祝福", icon: "✍️", step: 3 },
{ type: "position", text: "4. 设样式", icon: "✨", step: 4 },
];
const activeTool = ref("template");
const showPanel = ref(false);