【记录】Vue把咨询控件插入到别人网站中
图片描述
文章图片
文章图片
思路
1、在网站加载完成后 onload 事件创建一个 div；
2、点击这个创建的 div 后生成 iframe
问题
创建的 iframe 限制了宽/高，所以咨询控件会特别的小。
解决
1、采用了插件实现了页面自适应，根部的 html 标签会有一个根据窗口自由变换的 font-size 自适应值。
2、当进去这个组件的时候在 onMounted 获取 html 给设置 font-size:'192px' 即可同比放大。
注意点
1、咨询控件组件，不能有其它不相关的东西；
2、位置要在屏幕右下角 0/0 位置，这样设置的时候同比放大才能刚好对上；
3、因为是要被别的网站拉去的，所以进去这个页面是不能有任何权限。
对应图示
【【记录】Vue把咨询控件插入到别人网站中】
文章图片
文章图片
文章图片
推荐阅读
- 科创人·智行者CEO张德兆（这个时代就是最大的背景、最硬的资源）
- 【面经】数据库面试突击
- RBE104TC 开发
- 『现学现忘』Docker基础|『现学现忘』Docker基础 — 14、Docker的卸载
- 历史上的今天|【历史上的今天】3 月 11 日（谷歌推出 Google Voice；互联网先驱诞生日；Foursquare 上线）
- 【面经】Java面试突击
- 一次SQL如何查重及去重的实战记录
- 【直播回顾】OpenHarmony知识赋能第四期直播——标准系统HDF开发
- 基于WEB快速开发平台的轻量ERP
- ESTR1002 2020