在微信小程序，将这段代码设计成上面距离为150px，左边距离为24px，字体为24号，黑体：<!--pages/Viewing/Viewing.wxml--> <text>上车地点：{{boardingPoint}}</text> <text>下车地点：{{dropoffPoint}}</text>

可以使用以下代码将其设计成上面距离为150px，左边距离为24px，字体为24号，黑体：

<view style="position: absolute; top: 150px; left: 24px;">
  <text style="font-size: 24px; font-weight: bold; font-family: 黑体;">
    上车地点:{{boardingPoint}}
  </text>
  <text style="font-size: 24px; font-weight: bold; font-family: 黑体;">
    下车地点:{{dropoffPoint}}
  </text>
</view>

其中，外层 `<view>` 标签使用了 `position: absolute; top: 150px; left: 24px;` 的样式，将其定位到页面的左上角，距离页面顶部150px，距离页面左侧24px。`<text>` 标签中的样式设置了字体大小为24px，字重为bold，字体为黑体。