一：说明： 列表组件的封装

二：使用： npm i @zsqcli/gbackground

import React from 'react'; import GBackground from '@zsqcli/gbackground';

const MyComponent = () => { return ( <GBackground draggable={true} configer={ x: 0, y: 0, clazz: '', title:'title', width:'400px', height:'100px', backgroundUrl:'/packages/gbackground/src/img/background.png', top: '7px', left: '481px', color: 'red', fontSize: '18px', fontFamily : 'Arial,Helvetica,sans-serif', fontWeight : '700' } /> ) }

三：字段说明 x: y: clazz: 可添加的组件的className title:标题title, width:背景块宽度, height:背景块高度, backgroundUrl:'背景块背景图片, top: 标题定位高度, left: 标题定位距离右边的距离, color: 标题字体颜色, fontSize: 标题大小, fontFamily : 标题字体