分享
查看: 2300|回复: 0

[分享] 官方initThingJsTip的样式怎么用html写出来

[复制链接]

官方initThingJsTip的样式怎么用html写出来

发表于 2023-1-9 13:22:15 来自 分享 阅读模式 倒序浏览
zzv_icon2300 zzr_icon0 查看全部
  1.    let html =
  2.             `
  3.         <div id="pover_tip2" class="" role="alert" style="max-width:500px;color: #8a6d3b;background-color: #ffffff;position: absolute;top: 90px;left: 50%;transform: translateX(-50%);z-index: 999;padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;">
  4.         <span>
  5.             1.巡游状态下可由下方操作按钮控制暂停和继续巡游<br>
  6.             2.暂停状态下可通过左键自行调整视角查看设备<br>
  7.             3.可通过左侧的切换按钮来进行视角切换<br>
  8.             4.右侧退出按钮可关闭功能<br>
  9.         </span>
  10.         <div id="poclose2" style="box-sizing: content-box;cursor: pointer;position: absolute;top: -7px;right: -8px;width: 16px;height: 16px;border-radius: 50%;background-color: #777777;border: 3px solid #ffffff;">   
  11.             <div style="position: absolute;width: 10px;height: 2px;background-color: #fff;transform: rotate(45deg);top: 7px;left: 3px;"></div>   
  12.             <div style="position: absolute;width: 10px;height: 2px;background-color: #fff;transform: rotate(-45deg);top: 7px;left: 3px;"></div>
  13.         </div>
  14.         </div>
  15.         `
  16.         $('#div2d').append($(html))
  17.         $('#poclose2').on('click', () => {
  18.             $("#pover_tip2").remove();
  19.         })
复制代码


avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t