营销:适配商城装修组件【用户资产】
This commit is contained in:
parent
2c1edfa781
commit
c058048fac
@ -0,0 +1,23 @@
|
|||||||
|
import { ComponentStyle, DiyComponent } from '@/components/DiyEditor/util'
|
||||||
|
|
||||||
|
/** 用户资产属性 */
|
||||||
|
export interface UserWalletProperty {
|
||||||
|
// 组件样式
|
||||||
|
style: ComponentStyle
|
||||||
|
}
|
||||||
|
|
||||||
|
// 定义组件
|
||||||
|
export const component = {
|
||||||
|
id: 'UserWallet',
|
||||||
|
name: '用户资产',
|
||||||
|
icon: 'ep:wallet-filled',
|
||||||
|
property: {
|
||||||
|
style: {
|
||||||
|
bgType: 'color',
|
||||||
|
bgColor: '',
|
||||||
|
marginLeft: 8,
|
||||||
|
marginRight: 8,
|
||||||
|
marginBottom: 8
|
||||||
|
} as ComponentStyle
|
||||||
|
}
|
||||||
|
} as DiyComponent<UserWalletProperty>
|
@ -0,0 +1,15 @@
|
|||||||
|
<template>
|
||||||
|
<el-image
|
||||||
|
src="https://shopro.sheepjs.com/admin/static/images/shop/decorate/couponCardStyle.png"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { UserWalletProperty } from './config'
|
||||||
|
|
||||||
|
/** 用户资产 */
|
||||||
|
defineOptions({ name: 'UserWallet' })
|
||||||
|
// 定义属性
|
||||||
|
defineProps<{ property: UserWalletProperty }>()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
@ -0,0 +1,17 @@
|
|||||||
|
<template>
|
||||||
|
<ComponentContainerProperty v-model="formData.style" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { UserWalletProperty } from './config'
|
||||||
|
import { usePropertyForm } from '@/components/DiyEditor/util'
|
||||||
|
|
||||||
|
// 用户资产属性面板
|
||||||
|
defineOptions({ name: 'UserWalletProperty' })
|
||||||
|
|
||||||
|
const props = defineProps<{ modelValue: UserWalletProperty }>()
|
||||||
|
const emit = defineEmits(['update:modelValue'])
|
||||||
|
const { formData } = usePropertyForm(props.modelValue, emit)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
Loading…
Reference in New Issue
Block a user