跳到主要内容

网页嵌套

WebView

网页嵌套组件是一个三端通用的组件，只需开发一次即可适配 PC、H5、小程序三端。

使用说明 ​

  1. 在编辑器中添加网页嵌套组件。

  2. 在属性面板中设置需要嵌套的网页链接

小程序端配置业务域名 ​

若您的小程序是通过全托管的方式认证的，则可以直接在微信公众平台配置业务域名，具体可参考 微信公众平台业务域名配置说明

若您的小程序是通过扫码授权方式认证的，则可以参考以下步骤在微搭低代码控制台配置业务域名。全托管认证和扫码授权认证的说明可参考 认证小程序到微搭

  1. 进入微搭低代码控制台，小程序开发认证模块，点击目标小程序进入小程序详情页（若您的小程序不支持点击，则说明您的小程序是全托管认证的小程序，可参考上述微信公众平台业务域名配置说明

  2. 选择编辑业务域名

  3. 将您需要添加的业务域名补充在输入框中

  4. 点击下载校验文件，并将文件放置在您的域名根目录下。可参考 校验文件自查指引验证校验文件是否放置成功

  5. 若您需要配置的业务域名为微搭的域名（如需要嵌套在微搭开发的应用页面）， 可以前往云开发控制台，找到微搭环境，进入静态托管模块，在根目录下上传校验文件。

组件使用限制 ​

小程序中用到网页嵌套组件时，需保证小程序为企业主体。

属性 ​

组件接收的外部传入的属性

属性名
属性标识
类型
说明
网页链接linkstring

小程序端以真机调试效果为准。除关联公众号文章链接外，其他链接需配置业务域名才可生效， 去配置

示例："https://cloud.tencent.com/product/weda"

事件 ​

组件暴露的事件，可以监听组件的事件来触发一些外部的动作

事件名
事件code
事件出参 event.detail
适用情况
说明
网页加载成功loadobject
  • src: string网页链接地址

    网页链接地址
兼容三端

-

网页加载失败errorobject
  • src: string网页链接地址

    网页链接地址
兼容三端

-

接收网页消息messageobject
  • data: object 接收信息内容

    接收信息内容
    		兼容三端

    -

    属性 API ​

    通过属性 API，可以获取组件内部的状态和属性值，可以通过$w.componentId.propertyName 来访问组件内部的值，如 $w.input1.value ，详请请参考 属性 API

    只读属性名
    属性标识
    类型
    说明
    网页链接linkstring

    样式 API ​

    通过样式 API，可以覆盖组件中内部元素的样式来实现自定义，例如在低代码编辑器中中通过 #wd-page-root .wd-btn 即可为所有的按钮组件编写样式，通过 :scope 可以控制单个组件样式， 详细说明请参考 样式 API

    名称
    类名
    说明和示例
    根元素.wd-web-view网页嵌套组件根元素
    /* :scope 指的是当前组件元素 */
/* 具体可参考样式 API 文档 */
:scope.wd-web-view {
  /* 在这里编写CSS 样式 */
}
    PC 端网页嵌套根元素.wd-pc-web-view可以为 PC 端的网页嵌套编写样式
    /* :scope 指的是当前组件元素 */
/* 具体可参考样式 API 文档 */
:scope.wd-pc-web-view {
  /* 在这里编写CSS 样式 */
}
    H5 端网页嵌套根元素.wd-h5-web-view可以为 H5 端的网页嵌套编写样式
    /* :scope 指的是当前组件元素 */
/* 具体可参考样式 API 文档 */
:scope.wd-h5-web-view {
  /* 在这里编写CSS 样式 */
}
    小程序端网页嵌套根元素.wd-mp-web-view可以为小程序端的网页嵌套编写样式
    /* :scope 指的是当前组件元素 */
/* 具体可参考样式 API 文档 */
:scope.wd-mp-web-view {
  /* 在这里编写CSS 样式 */
}

    了解样式 API

    代做工资流水公司吉林收入证明打印江门购房银行流水打印芜湖银行流水账淄博自存银行流水开具中山企业对公流水查询临沂自存银行流水打印重庆车贷流水模板郑州车贷工资流水 费用盐城开个人工资流水沈阳查贷款流水绍兴个人工资流水 查询廊坊查企业银行流水赣州办个人银行流水台州转账银行流水费用遵义开背调银行流水苏州打银行流水电子版长春工资流水办理沧州银行对公流水许昌自存流水代做青岛房贷工资流水 代做赣州车贷工资流水 代开太原工作收入证明样本宁德企业流水打印样本泰州银行流水修改公司泰安房贷工资流水 制作厦门银行流水单办理潮州办理流水单常德转账流水代办滁州做离职证明济宁入职工资流水打印香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人？张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身！外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

    代做工资流水公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化