cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
69 lines (68 loc) • 2.32 kB
JavaScript
const DEFAULTLIST = [
{
speed: 100,
list: [{ id: 1, text: "\u6D4B\u8BD5\u6587\u6863", imgSrc: "/data/images/coMixRotate/ball_1.png", videoSrc: "" }],
textData: { speed: 50, list: [{ id: 1, text: "\u6D4B\u8BD5\u6587\u6863", imgSrc: "/data/images/coMixRotate/ball_2.png", videoSrc: "" }] }
},
{
speed: 70,
list: [{ id: 1, text: "\u6D4B\u8BD5\u6587\u6863", imgSrc: "/data/images/coMixRotate/ball_2.png", videoSrc: "" }],
textData: { speed: 50, list: [{ id: 1, text: "\u6D4B\u8BD5\u6587\u6863", imgSrc: "/data/images/coMixRotate/ball_2.png", videoSrc: "" }] }
},
{
speed: 50,
list: [{ id: 1, text: "\u6D4B\u8BD5\u6587\u6863", imgSrc: "/data/images/coMixRotate/ball_3.png", videoSrc: "" }],
textData: { speed: 50, list: [{ id: 1, text: "\u6D4B\u8BD5\u6587\u6863", imgSrc: "/data/images/coMixRotate/ball_2.png", videoSrc: "" }] }
}
];
const DEFAULTIMAGE = {
width: 360,
height: 280,
url: "/data/images/coMixRotate/center.png"
};
const DEFAULTCONTAINER = {
width: 120,
height: 120
};
const DEFAULTTITLE = {
top: 30,
fontSize: 16,
fontFamily: "\u5FAE\u8F6F\u96C5\u9ED1",
fontWeight: "normal",
color: "rgba(255,255,255,1)"
};
const DEFAULTTEXT = {
top: 30,
fontSize: 16,
fontFamily: "\u5FAE\u8F6F\u96C5\u9ED1",
fontWeight: "normal",
color: "rgba(255,255,255,1)"
};
const DEFAULTLINE = {
show: true,
lineWidth: 1,
lineColor: "rgba(78, 229, 247, 0.4)"
};
const DEFAULTPOINT = {
show: false,
size: 20,
color: "rgba(78, 229, 247, 0.4)"
};
const Props = {
dataKey: { type: String, required: true, default: "test" },
list: { type: Array, default: DEFAULTLIST },
angle: { type: Number, default: 20 },
speed: { type: Number, default: 50 },
startDistance: { type: Number, default: 140 },
interval: { type: Number, default: 110 },
perspectivePercenter: { type: Number, default: 0 },
transformY: { type: Number, default: 0 },
containerY: { type: Number, default: -70 },
imageStyle: { type: Object, default: DEFAULTIMAGE },
containerStyle: { type: Object, default: DEFAULTCONTAINER },
titleStyle: { type: Object, default: DEFAULTTITLE },
textStyle: { type: Object, default: DEFAULTTEXT },
lineStyle: { type: Object, default: DEFAULTLINE },
pointStyle: { type: Object, default: DEFAULTPOINT }
};
export { Props as default };