以在线法会为例，模板中写一个组件，属性class，值为“flexp-2my-1align-centerjustify-between”，里面再写一个组件，属性class，值为“flex”，属性style，值为“font-size:40rpx;”，写一个tap事件，下面的方法中写上跳转的页面路径，里面写一个组件，属性src，值为图片路径，属性style，值为“width:

5）主页列表部分在首页上面写一个组件，给他一个属性v-for，值为“(item,index)inbookResources”，绑定属性key，值为“index”，在里面写一个组件，属性class，值为flex水平布局，justify-between两端对齐，p-2内边距20rpx，font-lg字体大小，在里面写两个组件，分为左右两部分，在左边的组件里写一

在listHeader文件中的模板中的最外面的组件中，写一个class属性，值为flex默认水平排列，align-center垂直居中，justify-between两端对齐，p-2内边距20rpx，my-1上下外边距都为10rpx，给大盒子里的右盒子一个class属性，值为flex默认水平布局，align-center垂直居中，给左盒子一个class属性，值为font-l