mini-prog/miniprogram/pages/experience-webview/experience-webview.wxml

<view class="experience-shell experience-shell--{{presentation}}">
  <view class="experience-shell__backdrop" catchtap="handleCloseTap"></view>
  <view class="experience-shell__panel experience-shell__panel--{{presentation}}">
    <view class="experience-shell__header">
      <view class="experience-shell__header-copy">
        <view class="experience-shell__title">{{pageTitle}}</view>
        <view wx:if="{{pageSubtitle}}" class="experience-shell__subtitle">{{pageSubtitle}}</view>
      </view>
      <view class="experience-shell__close" catchtap="handleCloseTap">关闭</view>
    </view>

    <view class="experience-shell__body" style="height: {{panelBodyHeightPx}}px;">
      <view wx:if="{{!webViewReady}}" class="experience-webview__loading">
        <view class="experience-webview__loading-title">内容页加载中</view>
        <view wx:if="{{loadErrorText}}" class="experience-webview__loading-error">{{loadErrorText}}</view>
      </view>

      <web-view
        wx:if="{{webViewReady && webViewSrc}}"
        style="height: 100%;"
        src="{{webViewSrc}}"
        bindmessage="handleWebViewMessage"
        binderror="handleWebViewError"
      ></web-view>
    </view>
  </view>
</view>