在微信小程序，将这段代码设计成在整个页面的中间，字体为24号，黑体：<!--pages/Viewing/Viewing.wxml--> <text>上车地点：{{boardingPoint}}</text> <text>下车地点：{{dropoffPoint}}</text>

可以使用以下代码将其设计成在整个页面的中间，字体为24号，黑体：

<view style="display: flex; justify-content: center; align-items: center; height: 100vh;">
  <view style="text-align: center;">
    <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>

其中，外层 `<view>` 标签使用了 `display: flex; justify-content: center; align-items: center; height: 100vh;` 的样式，使得其内部的元素在垂直和水平方向上都居中对齐，并且占据整个页面的高度。内层 `<view>` 标签设置了 `text-align: center;` 样式，将其中的两个 `<text>` 标签居中对齐。`<text>` 标签中的样式设置了字体大小为24px，字重为bold，字体为黑体。