jt-weapp-plugin-article v0.0.2

#jt-weapp-plugin-article

安装与使用

1. 在小程序根目录中依次执行

npm init
npm i jt-weapp-plugin-article -S --production

2. 微信开发者工具，项目配置开启使用npm模块，并执行“工具-构建npm”
3. 在小程序页面json文件中配置

"usingComponents": {
    "jt-weapp-plugin-article": "jt-weapp-plugin-article"
}

4. 在小程序页面中使用组件

<jt-weapp-plugin-article />

配置参数

完整的配置项及默认值如下：

<jt-weapp-plugin-article 
    article="{{articleInfoObj}}"
>
</jt-weapp-plugin-article>

data: {
    articleInfoObj:{
		backgroundColor: "#ffffff",
		backgroundImage: "",
		backgroundType: 1,
		btnOperationData: {
			bottomStyle: 3,
			consultId: "",
			consultName: "",
			downloadId: "",
			downloadName: "",
			shareId: "",
			shareName: "",
		},
		content:[
			{
				author: "标题组件---作者",
				title: "标题组件---标题",
				titleData: "这里是假文案这里是假文案这里是假文案 这里是假文案这里是假文案",
				type: 5,
			},
			{
				backgroundOpacity: 50,
				enterpriseLogoUrl: "/cms-h5/static/img/company-logo.63b483cc.png",
				fontBold: true,
				fontOpacity: 36,
				headImageUrl: "/cms-h5/static/img/heard-img1.e336697c.png",
				subTitle: "头图组件---副标题",
				text: "文本组件---内容",
				textAlign: "left",
				title: "头图组件---主标题",
				type: 6,
			},
			{
				paragraphContent: "正文组件---段落内容",
				paragraphTitle: "正文组件",
				type: 7,
			}
			{
				catalogList:[
					{
						catalogName: "目录组件---目录11",
						children:[
							{catalogName: '目录组件---目录12', page: 0, level: 2},
							{catalogName: '目录组件---目录12', page: 0, level: 2},
							{catalogName: '目录组件---目录12', page: 0, level: 2},
						],
						level: 1,
						page: 0,
					},
					{
						catalogName: "目录组件---目录21",
						children:[
							{catalogName: '目录组件---目录22', page: 0, level: 2},
							{catalogName: '目录组件---目录22', page: 0, level: 2},
							{catalogName: '目录组件---目录22', page: 0, level: 2},
						],
						level: 1,
						page: 0,
					},
				],
				catalogTitle: "目录标题",
				type: 8,
			},
			{
				Desc: "二维码描述文",
				qrCode: "",
				replenishDesc: "二维码补充描述",
				type: 9,
			},
			{
				height: 40,
				type: 4,
			}
		]
	}
}