safe-gen-robot

v0.0.9

Published

9 months ago

``` bash npm i safe-gen-robot ``` ### 二、使用 #### 1.引入样式文件在main.js引入样式文件 ``` javascript import "safe-gen-robot/dist/index.css" ``` 或者在当前页面中引入样式文件 ``` css <style> @import url("safe-gen-robot/dist/index.css"); </style> ``` #### 2.初始化实例 V2.x

Downloads

0High
0Medium
0Low

caoyu1995

一、安装

npm i safe-gen-robot

二、使用

1.引入样式文件

在main.js引入样式文件

import "safe-gen-robot/dist/index.css"

或者在当前页面中引入样式文件

<style>
@import url("safe-gen-robot/dist/index.css");
</style>

2.初始化实例

V2.x

<script>
import SafeGenRobot from "safe-gen-robot";

const robot = new SafeGenRobot();
export default {
  mounted() {
    robot.init({
      appKey: "您的集成密钥"
    });
  }
}
</script>

V3.x

<script setup>
import SafeGenRobot from "safe-gen-robot";

const robot = new SafeGenRobot();
robot.init({
  appKey: "您的集成密钥"
});
</script>

在非工程化项目中使用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo</title>
    <link rel="stylesheet" href="./dist/index.css">
    <script type="text/javascript" src="./dist/index.js"></script>
</head>

<body class="demo-body">
    <script type="text/javascript">
        const robot = new SafeGenRobot();
        robot.init({
            appKey: "您的集成密钥",
        });
    </script>
</body>

</html>

三、配置项

robot.init(config); config详细配置参考如下：

appKey 应用密钥 类型 | String
trigger 触发器
接受三种类型数据
| | 描述 | 默认值 | | -------- | -------- | -------- | | Boolean | 是否显示触发器 | true | | String | 指定触发器关联页面元素 .trigger #trigger | | | Object | trigger.show Boolean 是否显示触发器 | true | | | trigger.style Object 同style 自定义触发器样式 | |
container 容器
| | 描述 | 默认值 | | -------- | -------- | -------- | | container.el | 对话区域渲染容器 .container #container | body | | container.style | Object 同style 自定义对话框样式 | |
showAfterInit 初始化后是否展示 类型 | String 默认值 false

四、内置方法

robot.show(); 展示对话框
robot.hide(); 隐藏对话框
robot.destroy(); 销毁当前实例

Published

Vulnerabilities

Links

Maintainers

Keywords