微信小程序 使用 h5 页面 方法

微信小程序中可以使用 WebView 组件来加载 H5 页面。WebView 是一个可以用来承载网页的组件，它可以加载外部的 H5 页面并在小程序中展示。

具体步骤如下：

1. 在小程序页面的 wxml 文件中添加 WebView 组件：

<web-view src="https://www.example.com"></web-view>

其中，src 属性指定要加载的 H5 页面的 URL。

2. 在小程序页面的 js 文件中添加 WebView 组件的事件监听：

Page({
  onShareAppMessage: function () {
    return {
      title: 'WebView',
      path: '/pages/webview/webview',
      success: function (res) {
        // 分享成功
      }
    }
  },
  onReady: function () {
    wx.setNavigationBarTitle({
      title: 'WebView'
    })
  }
})

在这个示例中，我们添加了 onReady 事件监听，用来设置 WebView 组件的标题。

3. 在小程序页面的 wxss 文件中设置 WebView 组件的样式：

web-view {
  width: 100%;
  height: 100%;
}

这个示例中，我们设置了 WebView 组件的宽度和高度为 100%。

通过以上步骤，我们就可以在微信小程序中使用 WebView 组件来加载 H5 页面了。需要注意的是，由于 WebView 组件会加载外部的网页，因此需要考虑到安全性和性能问题。