<scroll-view class="content" scroll-x="true" style="white-space: nowrap;"> <view class="course-item"> <image src="https://images.clwy.cn/video/course/27/image/a9261f.jpg!thumb" class="image" /> <text class="name"> 简单要死的 Git（GitHub）入门教程 </text> </view> <view class="course-item"> <image src="https://images.clwy.cn/video/course/10/image/2ede85.jpg!thumb" class="image" /> <text class="name"> Node.js 入门 - 使用 Express + Sequelize 实作 API </text> </view> <view class="course-item"> <image src="https://images.clwy.cn/video/course/10/image/2ede85.jpg!thumb" class="image" /> <text class="name"> Node.js 入门 - 使用 Express + Sequelize 实作 API </text> </view> </scroll-view>修改代码使其能滚动

你需要在 CSS 文件中为 `scroll-view` 组件设置一个固定的宽度，才能使其可以横向滚动。以下是一个示例代码，你可以在自己的代码中进行修改：

.content {
  width: 100%; /* 设置一个固定的宽度，可以是百分比或者像素值 */
  white-space: nowrap;
}

.course-item {
  display: inline-block;
  margin-right: 10px;
}

.image {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

注意，`display: inline-block;` 和 `margin-right: 10px;` 是为了让每个课程卡片在同一行中显示，并且之间有一定的间距。`object-fit: cover;` 则是为了让图片按比例缩放，并且填满整个图片框。