From 453256031ee0e3c147105997e58fac2c58ae18a3 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 1 May 2025 10:25:16 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E3=80=91=E5=BA=97=E9=93=BA=E8=A3=85=E4=BF=AE-=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E6=A0=8F=EF=BC=9A=E5=A2=9E=E5=8A=A0=20skew=20?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=8F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DiyEditor/components/mobile/TitleBar/config.ts     |  3 +++
 .../DiyEditor/components/mobile/TitleBar/index.vue     |  6 ++++--
 .../DiyEditor/components/mobile/TitleBar/property.vue  | 10 ++++++++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/DiyEditor/components/mobile/TitleBar/config.ts b/src/components/DiyEditor/components/mobile/TitleBar/config.ts
index 0c104c95..8e87ad0d 100644
--- a/src/components/DiyEditor/components/mobile/TitleBar/config.ts
+++ b/src/components/DiyEditor/components/mobile/TitleBar/config.ts
@@ -4,6 +4,8 @@ import {ComponentStyle, DiyComponent} from '@/components/DiyEditor/util'
 export interface TitleBarProperty {
   // 偏移
   marginLeft: number
+  // 偏移量
+  skew: number
   // 显示位置
   textAlign: 'left' | 'center'
   // 主标题
@@ -52,6 +54,7 @@ export const component = {
     descriptionWeight: 200,
     titleColor: 'rgba(50, 50, 51, 10)',
     descriptionColor: 'rgba(150, 151, 153, 10)',
+    skew: 0,
     more: {
       //查看更多
       show: false,
diff --git a/src/components/DiyEditor/components/mobile/TitleBar/index.vue b/src/components/DiyEditor/components/mobile/TitleBar/index.vue
index 7b907293..93c950e3 100644
--- a/src/components/DiyEditor/components/mobile/TitleBar/index.vue
+++ b/src/components/DiyEditor/components/mobile/TitleBar/index.vue
@@ -17,7 +17,8 @@
           fontSize: `${property.titleSize}px`,
           fontWeight: property.titleWeight,
           color: property.titleColor,
-          textAlign: property.textAlign
+          textAlign: property.textAlign,
+          marginLeft: property.skew + 'px'
         }"
       >
         {{ property.title }}
@@ -29,7 +30,8 @@
           fontSize: `${property.descriptionSize}px`,
           fontWeight: property.descriptionWeight,
           color: property.descriptionColor,
-          textAlign: property.textAlign
+          textAlign: property.textAlign,
+          marginLeft: property.skew + 'px'
         }"
         class="m-t-8px"
       >
diff --git a/src/components/DiyEditor/components/mobile/TitleBar/property.vue b/src/components/DiyEditor/components/mobile/TitleBar/property.vue
index b31b1e2c..b5269122 100644
--- a/src/components/DiyEditor/components/mobile/TitleBar/property.vue
+++ b/src/components/DiyEditor/components/mobile/TitleBar/property.vue
@@ -16,6 +16,16 @@
             </el-tooltip>
           </el-radio-group>
         </el-form-item>
+        <el-form-item label="偏移量" prop="skew">
+          <el-slider
+            v-model="formData.skew"
+            :max="100"
+            :min="0"
+            :step="1"
+            input-size="small"
+            show-input
+          />
+        </el-form-item>
       </el-card>
       <el-card class="property-group" header="主标题" shadow="never">
         <el-form-item label="文字" label-width="40px" prop="title">