可以这么写结构吗，但是样式为啥不生效呢

// index.js

const app = getApp()

Page({
   data:{
      list: [{
     'content': ['语文', '数学', '英语']
     }, {
     'content': ['语文', '物理', '英语']
     },
     {
     'content': ['语文', '英语', '化学']
     },
     {
     'content': ['体育', '数学', '英语']
     },
     {
     'content': ['语文', '数学', '英语']
     }]
   }
  
})

/**index.wxss**/

.container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

<!--index.wxml-->

<block class="container" wx:for="{{list}}" wx:key="*this">
  <view class="item">
    星期{{index+1}} {{item['content']}}
  </view>
</block>

清夏_ 2022-11-03

源自：小程序基础API 2-19 自由编程

收起

1回答

好帮手慕慕子回答被采纳获得+3积分 2022-11-03 15:15:47

同学你好，因为block只是一个包装元素，并不会实际渲染到页面上，检查元素也可以发现，标签中并不存在block，所以样式不生效，如下：

这里需要结合两层for循环遍历来实现效果，可以参考如下代码调整：

然后调整样式，如下：

祝学习愉快~

收起回答

清夏_ 提问者 #1

老师可以稍微讲讲组件标签吗比较常用的跟html能对上号的就比如这个循环就得用这个view吗

2022-11-03 16:36:05
清夏_ 提问者 #2

老师这里将 item 另存为 course 是有什么好处吗

2022-11-03 16:39:30
好帮手慕慕子回复提问者清夏_ #3

同学你好，问题解答如下：
1、实际开发中常用的组件标签在课程中都有介绍，在学习过程中做好笔记和总结。这里举几个简单的例子，如下：
image组件类似于html中的img标签；view组件类似于html中的div标签；text组件类似于html中的span标签。
2、不是必须要使用view。这里建议改成view是因为同学想要添加class设置样式，而block只是包装元素，不会渲染到页面中，自然也就无法设置类名了，所以才推荐换成view，你也完全可以使用text组件，然后再结合css设置样式去实现效果。
根据实际需求，灵活应用自己所学知识去实现效果就可以了。
祝学习愉快~

2022-11-03 16:47:06