代码如下这是前端<view class="content">

  <view class="stores-top">

    <header title="{{lang.announcements}}"></header>

  </view>

  <view class="detail-topbak"></view>

  <view class="detail-background">

    <view class="detail-title">

      <view class="title">{{detail.title}}</view>

      <view class="date">{{detail.noticeDate}}</view>

    </view>

    <view class="detail-con" user-select="true">

      <text user-select="true">{{detail.content}}</text>

    </view>

  </view>

</view>

css如下——————————————————————————————

.detail-topbak {

  border: 2rpx solid red;

  width: 100%;

  height: 232rpx;

  position: fixed;

  top: 0rpx;

  z-index: -1;

  background-image: linear-gradient(to right, #007BC6, #0054A6);

  border-bottom-left-radius: 72rpx;

}

.detail-background {

  border: 4rpx solid springgreen;

  width: 91.46%;

  position: absolute;

  top: 198rpx;

  z-index: 1;

  background-color: #FFFFFF;

  margin: 0rpx 4.27%;

  border-radius: 28rpx;

  box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.2);

  overflow-y: auto;

  overflow-x: hidden;

}

.detail-title {

  padding: 40rpx 32rpx;

  width: 100%;

  border-bottom: 1rpx solid #D0DBE9;

}

.title {

  color: #333333;

  font-weight: bold;

  margin-bottom: 6rpx;

  /* border: 1rpx solid black; */

}

.date {

  font-size: 24rpx;

  color: #A2A2A2;

  /* border: 1rpx solid black; */

}

.detail-con {

  border: gold 1rpx  solid;

  width: 85.46%;

  /* display: inline-block; */

  margin: 40rpx 32rpx;

  margin-bottom: 40rpx;

  color: #090605;

  /* border: 1rpx solid black; */

  font-size: 24rpx;

  white-space: pre-line;

  word-break: break-word;

  white-space: wrap;

}

.content{

  overflow: hidden;

}