work/code 3.0/pages/my/my.scss

page {
  background-color: #eeeeee;
}

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

.course_name {
  position: relative; 
  margin-bottom: 35rpx;  /* 组件下外边距 */
  font-size: 50rpx;
}

.option {
  width: 90%; /* 根据需要调整宽度 */
  height: 120rpx; /* 根据需要调整高度 */
  border-bottom: 1px solid #000000; /* 边框颜色 */
  display: flex;
  align-items: center;  
  justify-content: center;
  position: relative; 
  margin-top: 20rpx;  /* 组件上外边距 */
  font-size: 35rpx;
  text {
    position: absolute;
    left: 13%;
  }
}

.icon1 {
  width: 50rpx;
  height: 60rpx;
  position: absolute;
  left: 3%;
}

.icon2 {
  width: 70rpx;
  height: 80rpx;
  position: absolute;
  right: 0%;
}

.bottom_image {
  width:700rpx;
  height: 700rpx;
  margin-top: 20rpx;  /* 组件上外边距 */
}

.icon3 {
  width: 100rpx;
  height: 100rpx;
}