下面是我的代码，劳烦大家了 wxml: <view class='session'> <view class='dateList'> <view class='nowdate'> {{nowdate}} </view> <view class='date'wx:for="{{array}}"> {{item.message}} </view> </view> <view class='dcopinion'> <image src= "../img/timg.jpg"></image> <text class='text1'>\n"全副武装、远离冷气、饮食温热、热水洗漱、不摸凉物、及时报告"使用奥沙利铂的患者一定要牢记！ \n\n</text> <view class='textstyle'> <text class='text7'>奥沙利铂的治疗每2周重复，共12个周期（6个月）。\n</text> <text class='text2'>在每次治疗后10天需要观察身体反应，并注意是否有身体不适感：\n</text> <text class='text3'>1.神经毒性，表现为感觉迟钝、感觉异常、遇冷加重，偶见喉咙感觉异常。\n</text> <text class='text4'>2.胃肠道反应，有恶心、呕吐和腹泻。\n</text> <text class='text5'>3.血液学毒性，多为轻、中度，严重者少见。\n</text> <text class='text6'>4.其他反应，局部筋脉炎，轻度氨基转移酶升高，发热、便秘、皮疹、脱发等\n</text> </view> </view> <view class='tips'> <text class='tiptext'>{{tips}}</text> <button class='button1'type='default'plain="true">好的，我知道了</button> </view> </view> wmss: .session{ height: 1206rpx; background-color:#F5F5F5; } .dateList{ float: left; width: 90rpx; background-repeat:repeat-y; background-color: #FFFFFF; } .date{ margin-left:10rpx; margin-top: 40rpx; text-align: center; width: 60rpx; border-radius:50%; } .nowdate{ margin-left: 10rpx; margin-top: 60rpx; text-align: center; width: 70rpx; height: 70rpx; color: #FFFFFF; border-radius:50%; background-color: #51C4D3; } image{ float:left; width: 155rpx; height: 155rpx; margin: 20rpx; border-radius: 50%; } .dcopinion{ font-size:27rpx; width:550rpx; height: 770rpx; border-style: outset; border-color:#CCCCCC; border-width: thin; margin-left: 35rpx; margin-top: 60rpx; float:left; background-color:#c6e6e8; } .textstyle{ line-height: 0.7cm; } .text1{ margin-top: 20rpx; font-weight:900; text-shadow: 0.2rpx 0.2rpx black; } text.text7{ text-indent: 2rem; } .text2{ text-indent: 2cm; } .tips{ float: left; width: 550rpx; border-style: outset; border-color:#CCCCCC; border-width: thin; margin-left: 35rpx; margin-top: 25rpx; background-color: #FFFFFF; } .tiptext{ font-size: 24rpx; } .button1{ font-size: 25rpx; width: 270rpx; float: right; margin: 20rpx; color: #51C4D3; }