-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (141 loc) · 5.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>pet</title>
<meta name="renderer" content="webkit" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<style>
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="root"></div>
<script src="./pet.js"></script>
<script>
var opt = {
drag: true,
showChat: true,
themeUrl: "./pet.less", //自定义主题less文件链接 使用themeUrl下面的color会失效
color: "brown",
size: "auto",
menu: {
$title: '你想做什么呢？',
'关于小精灵': function () {
window.open("https://www.npmjs.com/package/pet2");
},
'多久没洗澡': '(╯﹏╰）我已经有 ' + Math.floor((+new Date - 1456998485780) / (1000 * 60 * 60 * 24)) + '天没洗澡了~',
'拍打喂食': {
$title: '要来点什么呢？',
'小饼干': '嗷呜~ 多谢款待 >ω<',
'胡萝卜': '人家又不是小兔子 QwQ'
},
唤起输入框: ["你想知道什么呢？", (val, done) => {
// val, 输入值
// done 关闭对话框函数
pet.sayWords(val);
done()
}],
说出一段话: "balabalabalabalabala......",
说出一段话2: function () {
pet.sayWords("我是聊天内容2");
},
无线级菜单: {
$title: "我是第二级进入标题",
第二级功能: function () {
alert("我是第二级")
},
第三级: {
$title: "我是第三级进入标题",
第四级: {
$title: "我是第四级进入标题",
第五级: "我是第五级内容",
},
},
},
"帮它洗澡": {
$title: "洗啊洗啊洗澡澡",
"蓝色": function () {
pet.changeColor("blue");
},
"绿色": function () {
pet.changeColor("green");
},
"黄色": function () {
pet.changeColor("yellow");
},
"红色": function () {
pet.changeColor("red");
},
"粉红": function () {
pet.changeColor("pink");
},
"紫色": function () {
pet.changeColor("purple");
},
"黑色": function () {
pet.changeColor("black");
},
"棕色": function () {
pet.changeColor("brown");
}
},
"改变大小": {
$title: "变变变",
"超大": function () {
pet.changeSize("large");
},
"大": function () {
pet.changeSize("big");
},
"正常": function () {
pet.changeSize("small");
},
"小": function () {
pet.changeSize("mini");
},
},
"还原设置": {
$title: "你想还原哪项设置？",
所有: function () {
pet.clearAll();
pet.sayWords("操作成功");
},
大小: function () {
pet.clearAll("size");
pet.sayWords("操作成功");
},
颜色: function () {
pet.clearAll("color");
pet.sayWords("操作成功");
},
位置: function () {
pet.clearAll("pos");
pet.sayWords("操作成功");
},
},
'隐藏小精灵': function () {
pet.hide();
},
},
words: [
"我们一起聊天吧 ヽ(✿ﾟ▽ﾟ)ノ",
"咦你想说什么 oAo ?",
"o(╯□╰)o主人你今天是不是忘记吃药了！",
"你走，我没有你这么蠢的主人╮(╯▽╰)╭",
"不要调戏我，我生气超凶的٩(๑`^´๑)۶",
"看什么看，没见过这么可爱的的小精灵吗？(o°ω°o)",
"咕~~(╯﹏╰)b，铲屎的，我已经很久没洗澡了，你看着办！",
]
};
pet.init(opt);
</script>
</body>
</html>