标签：index 佛家 值为 item 开发 组件 class 属性
5）主页列表部分
在首页上面写一个组件，给他一个属性v-for，值为“(item,index) in bookResources”，绑定属性key，值为“index”，在里面写一个组件，属性class，值为flex水平布局， justify-between两端对齐， p-2内边距20rpx ， font-lg字体大小，在里面写两个组件，分为左右两部分，在左边的组件里写一个组件，组件里的值为{{item.headerTitle}}子元素的头部标题，给右边的组件一个class属性，值为font字体大小， text-light-black浅灰色，组件里写一个组件和一个![]()
组件，组件里写“查看全部”，![]()
组件属性src，值为图片路径，属性style，值为“width: 25rpx;height: 25rpx;”，在组件里再写一个组件，属性v-for，值为(mitem,mindex) in item.books，绑定属性key，值为“mindex”，里面写一个组件，属性class，值为border-bottom底边线，属性style，值为height: 320rpx; ，在组件里写“![]()
”
6）页面跳转
新建三个页面“在线读经，在线修行，听知识”，在functionSort页面中的最里面的组件，给他一个tap事件，值为“switchToPage(index)”，在
标签：index,
佛家,
值为,
item,
开发,
组件,
class,
属性
From： https://www.cnblogs.com/sunfuxin/p/18359483