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/NavigationBar/property.vue | 91 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 91 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/NavigationBar/property.vue b/src/components/DiyEditor/components/mobile/NavigationBar/property.vue
new file mode 100644
index 0000000..654b3b2
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/NavigationBar/property.vue
@@ -0,0 +1,91 @@
+<template>
+ <el-form label-width="80px" :model="formData" :rules="rules">
+ <el-form-item label="鏍峰紡" prop="styleType">
+ <el-radio-group v-model="formData!.styleType">
+ <el-radio value="normal">鏍囧噯</el-radio>
+ <el-tooltip
+ content="娌変镜寮忓ご閮ㄤ粎鏀寔寰俊灏忕▼搴忋�丄PP锛屽缓璁〉闈㈢涓�涓粍浠朵负鍥剧墖灞曠ず绫荤粍浠�"
+ placement="top"
+ >
+ <el-radio value="inner">娌夋蹈寮�</el-radio>
+ </el-tooltip>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="甯搁┗鏄剧ず" prop="alwaysShow" v-if="formData.styleType === 'inner'">
+ <el-radio-group v-model="formData!.alwaysShow">
+ <el-radio :value="false">鍏抽棴</el-radio>
+ <el-tooltip content="甯搁┗鏄剧ず鍏抽棴鍚�,澶撮儴灏忕粍浠跺皢鍦ㄩ〉闈㈡粦鍔ㄦ椂娣″叆" placement="top">
+ <el-radio :value="true">寮�鍚�</el-radio>
+ </el-tooltip>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鑳屾櫙绫诲瀷" prop="bgType">
+ <el-radio-group v-model="formData.bgType">
+ <el-radio value="color">绾壊</el-radio>
+ <el-radio value="img">鍥剧墖</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鑳屾櫙棰滆壊" prop="bgColor" v-if="formData.bgType === 'color'">
+ <ColorInput v-model="formData.bgColor" />
+ </el-form-item>
+ <el-form-item label="鑳屾櫙鍥剧墖" prop="bgImg" v-else>
+ <div class="flex items-center">
+ <UploadImg v-model="formData.bgImg" :limit="1" width="56px" height="56px" />
+ <span class="text-xs text-gray-400 ml-2 mb-2">寤鸿瀹藉害锛�750</span>
+ </div>
+ </el-form-item>
+ <el-card class="property-group" shadow="never">
+ <template #header>
+ <div class="flex items-center justify-between">
+ <span>鍐呭锛堝皬绋嬪簭锛�</span>
+ <el-form-item prop="_local.previewMp" class="m-b-0!">
+ <el-checkbox
+ v-model="formData._local.previewMp"
+ @change="formData._local.previewOther = !formData._local.previewMp"
+ >
+ 棰勮
+ </el-checkbox>
+ </el-form-item>
+ </div>
+ </template>
+ <NavigationBarCellProperty v-model="formData.mpCells" is-mp />
+ </el-card>
+ <el-card class="property-group" shadow="never">
+ <template #header>
+ <div class="flex items-center justify-between">
+ <span>鍐呭锛堥潪灏忕▼搴忥級</span>
+ <el-form-item prop="_local.previewOther" class="m-b-0!">
+ <el-checkbox
+ v-model="formData._local.previewOther"
+ @change="formData._local.previewMp = !formData._local.previewOther"
+ >
+ 棰勮
+ </el-checkbox>
+ </el-form-item>
+ </div>
+ </template>
+ <NavigationBarCellProperty v-model="formData.otherCells" :is-mp="false" />
+ </el-card>
+ </el-form>
+</template>
+
+<script setup lang="ts">
+import { NavigationBarProperty } from './config'
+import { useVModel } from '@vueuse/core'
+import NavigationBarCellProperty from '@/components/DiyEditor/components/mobile/NavigationBar/components/CellProperty.vue'
+// 瀵艰埅鏍忓睘鎬ч潰鏉�
+defineOptions({ name: 'NavigationBarProperty' })
+// 琛ㄥ崟鏍￠獙
+const rules = {
+ name: [{ required: true, message: '璇疯緭鍏ラ〉闈㈠悕绉�', trigger: 'blur' }]
+}
+
+const props = defineProps<{ modelValue: NavigationBarProperty }>()
+const emit = defineEmits(['update:modelValue'])
+const formData = useVModel(props, 'modelValue', emit)
+if (!formData.value._local) {
+ formData.value._local = { previewMp: true, previewOther: false }
+}
+</script>
+
+<style scoped lang="scss"></style>
--
Gitblit v1.8.0