From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/DiyEditor/components/mobile/Divider/property.vue | 80 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 80 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/Divider/property.vue b/src/components/DiyEditor/components/mobile/Divider/property.vue
new file mode 100644
index 0000000..dc2a4da
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/Divider/property.vue
@@ -0,0 +1,80 @@
+<template>
+ <el-form label-width="80px" :model="formData">
+ <el-form-item label="楂樺害" prop="height">
+ <el-slider v-model="formData.height" :min="1" :max="100" show-input input-size="small" />
+ </el-form-item>
+ <el-form-item label="閫夋嫨鏍峰紡" prop="borderType">
+ <el-radio-group v-model="formData!.borderType">
+ <el-tooltip
+ placement="top"
+ v-for="(item, index) in BORDER_TYPES"
+ :key="index"
+ :content="item.text"
+ >
+ <el-radio-button :value="item.type">
+ <Icon :icon="item.icon" />
+ </el-radio-button>
+ </el-tooltip>
+ </el-radio-group>
+ </el-form-item>
+ <template v-if="formData.borderType !== 'none'">
+ <el-form-item label="绾垮" prop="lineWidth">
+ <el-slider v-model="formData.lineWidth" :min="1" :max="30" show-input input-size="small" />
+ </el-form-item>
+ <el-form-item label="宸﹀彸杈硅窛" prop="paddingType">
+ <el-radio-group v-model="formData!.paddingType">
+ <el-tooltip content="鏃犺竟璺�" placement="top">
+ <el-radio-button value="none">
+ <Icon icon="tabler:box-padding" />
+ </el-radio-button>
+ </el-tooltip>
+ <el-tooltip content="宸﹀彸鐣欒竟" placement="top">
+ <el-radio-button value="horizontal">
+ <Icon icon="vaadin:padding" />
+ </el-radio-button>
+ </el-tooltip>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="棰滆壊">
+ <!-- 鍒嗗壊绾块鑹� -->
+ <ColorInput v-model="formData.lineColor" />
+ </el-form-item>
+ </template>
+ </el-form>
+</template>
+
+<script setup lang="ts">
+import { DividerProperty } from './config'
+import { useVModel } from '@vueuse/core'
+// 瀵艰埅鏍忓睘鎬ч潰鏉�
+defineOptions({ name: 'DividerProperty' })
+const props = defineProps<{ modelValue: DividerProperty }>()
+const emit = defineEmits(['update:modelValue'])
+const formData = useVModel(props, 'modelValue', emit)
+
+//绾跨被鍨�
+const BORDER_TYPES = [
+ {
+ icon: 'vaadin:line-h',
+ text: '瀹炵嚎',
+ type: 'solid'
+ },
+ {
+ icon: 'tabler:line-dashed',
+ text: '铏氱嚎',
+ type: 'dashed'
+ },
+ {
+ icon: 'tabler:line-dotted',
+ text: '鐐圭嚎',
+ type: 'dotted'
+ },
+ {
+ icon: 'entypo:progress-empty',
+ text: '鏃�',
+ type: 'none'
+ }
+]
+</script>
+
+<style scoped lang="scss"></style>
--
Gitblit v1.8.0