cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
87 lines (86 loc) • 2.99 kB
JavaScript
const DEFAULTLIST = [
{
title: "\u6211\u662F1\u53F7",
imgSrc: "/data/web/components/images/single.png",
link: "http://www.baidu.com"
},
{
title: "\u6211\u662F2\u53F7",
imgSrc: "/data/web/components/images/single.png",
link: "http://www.baidu.com"
},
{
title: "\u6211\u662F3\u53F7",
imgSrc: "/data/web/components/images/single.png",
link: "http://www.baidu.com"
},
{
title: "\u6211\u662F4\u53F7",
imgSrc: "/data/web/components/images/single.png",
link: "http://www.baidu.com"
},
{
title: "\u6211\u662F5\u53F7",
imgSrc: "/data/web/components/images/single.png",
link: "http://www.baidu.com"
},
{
title: "\u6211\u662F6\u53F7",
imgSrc: "/data/web/components/images/single.png",
link: "http://www.baidu.com"
},
{
title: "\u6211\u662F7\u53F7",
imgSrc: "/data/web/components/images/single.png",
link: "http://www.baidu.com"
}
];
const TEXTSTYLE = {
size: { type: Number, default: 20 },
color: { type: String, default: "rgba(255,255,255,1)" },
fontFamily: { type: String, default: "\u5FAE\u8F6F" },
fontWeight: { type: String, default: "normal" },
align: { type: String, default: "left" },
padding: { type: Number, default: 10 }
};
const Props = {
dataKey: {
type: String,
required: true
},
list: { type: Array, default: DEFAULTLIST },
width: { type: Number, default: 130 },
height: { type: Number, default: 50 },
transformY: { type: Number, default: 0 },
diameter: { type: Number, default: 4 },
rotationSpeed: { type: Number, default: 10 },
fontTop: { type: Number, default: 50 },
fontSize: { type: Number, default: 16 },
fontColor: { type: String, default: `rgba(255,255,255,1)` },
fontWeight: { type: Number, default: 600 },
fontFamily: { type: String, default: "\u5FAE\u8F6F\u96C5\u9ED1" },
fontWidth: { type: Number, default: 100 },
fontHeight: { type: Number, default: 60 },
fontTextAlign: { type: String, default: `center` },
fontPadding: { type: Number, default: 0 },
angle: { type: Number, default: -5 },
wrapRotateZ: { type: Number, default: 0 },
yuanWidth: { type: Number, default: 480 },
yuanHeight: { type: Number, default: 125 },
yuanTop: { type: Number, default: 10 },
yuanColor: { type: String, default: "rgba(255,255,255,1)" },
yuanBorder: { type: Number, default: 1 },
yuanBgImg: { type: String, default: "/data/images/coRotate/bg.png" },
borColor: { type: String, default: "rgba(16,115,150,1)" },
borWidth: { type: Number, default: 15 },
borTop: { type: Number, default: 20 },
index: { type: Number, default: 0 },
indexColor: { type: String, default: "rgba(16,115,150,1)" },
indexBgColor: { type: String, default: "" },
fontBgImg: { type: String, default: "" },
textStyle: { type: Object, default: TEXTSTYLE },
imageWidth: { type: Number, default: 200 },
imageHeight: { type: Number, default: 215 },
imageTop: { type: Number, default: 40 }
};
export { Props as default };