-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
28 lines (25 loc) · 2.02 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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<title>即刻表情包</title>
<link href="https://fonts.loli.net//css?family=Lato:900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="http://project.wocai.de/jike-stickers/src.93a6ac8b.css">
</head>
<body style="display:flex;align-items:center;justify-content:center">
<div id="main" class="container bg-white mx-auto max-w-sm overflow-hidden p-6">
<div class="title text-center font-sans text-2xl mt-8 font-light text-grey-light"><a @click="changeTab(0)" :class="{'text-black':(tab!=2)}">即刻表情包</a>/<a @click="changeTab(2)" :class="{'text-black':(tab==2)}">即刻头像</a></div>
<div class="title text-center font-sans text-sm mt-2 font-light text-grey">输入文字，保存图片，就这么简单</div>
<div class="title mt-6 text-center text-grey font-sans" v-show="tab!=2"> <input class="mr-2 leading-tight" type="checkbox" value="1" v-model="tab"> <span class="text-sm"> 橘猫模式 </span> </div>
<div class="form flex mx-auto" style="width:240px"> <input v-model="text" class="mt-4 font-light text-center leading-loose text-2xl border-solid border-grey-light border rounded-lg"
style="flex:1;width:240px;height:3rem"> </div>
<div id="canvas" class="hidden"></div>
<div id="img" class="mt-6 text-center"> <img @click="downloadImg()" :src="dataUrl" style="width:240px"> </div>
<div class="text-center mt-2"> <a href="https://github.com/kokdemo/jike-stickers" class="text-center font-sans text-sm font-light text-grey"> github
给颗星啦 </a> <p class="mt-4 text-center font-sans text-sm font-light text-grey"> 站在巨人的肩膀上二次创作，感谢 @Arthur </p>
</div>
</div>
<script src="http://project.wocai.de/jike-stickers/src.a3660a92.js"></script>
</body>
</html>