/* pages/art/art.wxss */ .art { width: 100%; padding: 0 15rpx; box-sizing: border-box; } .material, .works, .share { width: 100%; margin: 20rpx 0; border-radius: 25rpx; padding: 20rpx 0; box-sizing: border-box; background: #fff; position: relative; } .this-week { display: flex; padding: 0 25rpx; box-sizing: border-box; } .this-week image { width: 86rpx; height: 86rpx; } .lesson-name { display: flex; flex-direction: column; margin: 8rpx 16rpx; } .lesson-name text:nth-child(1) { height: 38rpx; font-size: 32rpx; font-weight: 600; } .lesson-name text:nth-child(2) { height: 30rpx; margin-top: 10rpx; font-size: 24rpx; color: #C3C3C3; } /* 答疑讨论 */ .questions { padding-bottom: 28rpx; } .questions .head { padding:20rpx 0; position: relative; } .dian { position: absolute; right: 45rpx; top: 40rpx; width: 20rpx; height: 20rpx; border-radius: 50%; background: #FD025F; } /* 标题定位到顶部 */ .adsorb { position: fixed; left: 0; top: 72rpx; } /* 定位图片 */ .questions-one { position: fixed; right: 20rpx; bottom: 30rpx; width: 100rpx; height: 100rpx; border-radius: 50%; } .questions-one image { width: 100%; height: 100%; } .upload-one { position: fixed; right: 20rpx; bottom: 150rpx; width: 100rpx; height: 100rpx; border-radius: 50%; } .upload-one image { width: 100%; height: 100%; } .row { position: absolute; right: 0; top: 0; width: 32rpx; height: 32rpx; text-align: center; line-height: 32rpx; color: #fff; background: #F73861; font-size: 24rpx; border-radius: 50%; }