下面是我的代码,劳烦大家了
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;
}