叮当App组件化的使用方法 DIY组件

Answer 1

叮当App组件化刚刚推出，官方暂时也没有出一个使用教程，很多朋友都不会用，这里呢，我就简单分享一下我自己在捣鼓组件化时的一点点经验。

一、创建组件。 点击【组件库】菜单，进入组件库管理界面，点击【新增组件】，选择一个类型的组件样式，这里我们选择一个ListUI选项卡下面的样式，之后设置如图的一些参数，便可以创建一个组件。

二、使用组件之【DIY组件】 1.其实这里叫DIY组件，可能不太确切，原本意思是让用能够自由组合这些组件，并且展示在同一个页面（原来列表的界面）。 2.使用时，首先在组件库里面点击【去模块设置】，然后点击某一个模块，这里我们随便点击一个模块，找到模块类型区域，点击蓝色按钮，弹出【选择界面风格界面】，选择【DIY组件】，选好之后保存设置，然后找到【组件设置】，弹出组件设置界面，我们可以点击右边的组件选择该模块的界面由哪些组件所组成，同样的，我们也可以在左侧小手机里面对组件进行排序，排序的结果直接影响打包出来之后，按照什么样的顺序展示组件的内容。选择好之后，就ok了，可以自己打包看一看效果，因为组件功能刚上，官方还没有跟进组件页面的预览，所以您选好之后，页面的手机是看不到效果的，必须自己打包之后才能看出效果。

三、内容设置 1.经过上面两步，其实DIY组件的使用已经可以了，但是可能有些朋友打包打出来，看不到任何东西，这个时候，不用担心，我们点击【内容】菜单，进入内容管理界面，我们会看到列表中有一个【权重】的标签，任意点击某一条内容，就可以对这条内容的权重进行设置。 2.可能有朋友有疑问，设置这个权重有什么用呢？大家还记得在第一个步骤创建组件的时候，有一个设置组件权重的选项吗？这个地方就派上用场了。 举个例子：如果我创建了一个组件，并且设置了这个组件绑定的栏目叫【美食】，并且设置权重是在41 ~ 60 之间。设置好之后，如果我内容里面，【美食】这个栏目下，有某一条内容的权重是在41 ~ 60 之间的，那么该条内容就会显示在这个组件里面，【注】：前提是设置的数据数目不能为0。

四、打包出来的样子 这个是我打包出来的样子，紫色的部分是一个组件，下面是另外一个组件