product_wx/pages/subPackages/aboutThePark/index.vue

<template>
    <div class="aboutThePark">
       <div class="whiteBoard">
          <img src="../housingResources/testImg.png" class="testImg">
         <div class="info">
           XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
           XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
           XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
         </div>
       </div>
       <div class="whiteBoard">
         <div class="detailLi">
          <span class="liName">
            <span class="callName">招商电话：</span>
            <span class="callNumber">0510-680**808</span>
          </span>
           <img src="https://www.idea-co-sf.com/gardenProduct/image/phoneIcon.png" class="phoneIcon">
         </div>
       </div>
    </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style lang="scss">
    .aboutThePark{
      .whiteBoard{
        background: white;
        margin: 24rpx 0;
        padding: 24rpx;
        .testImg{
          width: 686rpx;
          height: 300rpx;
        }
        .info{
          color: #333333;
          font-size: 28rpx;
          line-height: 42rpx;
          margin: 24rpx 0;
          word-wrap: break-word;
        }
        .detailLi{
          display: flex;
          justify-content: space-between;
          align-items: center;
          .liInfo{
            display: inline-block;
            text-align: right;
            max-width: 428rpx;
            color: rgba(102, 102, 102, 1);
            font-size: 32rpx;
            line-height: 38rpx;
            overflow: hidden;
            word-wrap: break-word;
          }
          .callNumber{
            color: rgba(24, 23, 42, 1);
            font-size: 36rpx;
            font-weight: 600;
          }
          .callName{
            color: rgba(102, 102, 102, 1);
            font-size: 28rpx;
          }
        .phoneIcon{
          width: 64rpx;
          height: 64rpx;
        }
        }
      }
    }
</style>