MurasameNoa/chatgpt-plugin
1
0
Fork 0
mirror of https://github.com/ikechan8370/chatgpt-plugin.git synced 2025-12-16 21:37:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add picture mode

Browse source
This commit is contained in:
葛胤池 2022-12-10 19:45:54 +08:00
parent 6f0e62b54d
commit 70044eb6c0
21 changed files with 663 additions and 371 deletions
Download patch file Download diff file Expand all files Collapse all files

135
resources/help/help.css Normal file
View file

@ -0,0 +1,135 @@
@font-face {
font-family: "tttgbnumber";
src: url("../../../../../resources/font/tttgbnumber.ttf");
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
user-select: none;
}
body {
font-family: sans-serif;
font-size: 16px;
width: 530px;
color: #1e1f20;
transform: scale(1.5);
transform-origin: 0 0;
}
.container {
width: 530px;
padding: 20px 15px 10px 15px;
background-color: #f5f6fb;
}
.head_box {
border-radius: 15px;
font-family: tttgbnumber;
padding: 10px 20px;
position: relative;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);
}
.head_box .id_text {
font-size: 24px;
}
.head_box .day_text {
font-size: 20px;
}
.head_box .chatgpt_logo {
position: absolute;
top: 12px;
right: 15px;
width: 50px;
}
.base_info {
position: relative;
padding-left: 10px;
}
.uid {
font-family: tttgbnumber;
}
.data_box {
border-radius: 15px;
margin-top: 20px;
margin-bottom: 15px;
padding: 20px 0px 5px 0px;
background: #fff;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);
position: relative;
}
.tab_lable {
position: absolute;
top: -10px;
left: -8px;
background: #d4b98c;
color: #fff;
font-size: 14px;
padding: 3px 10px;
border-radius: 15px 0px 15px 15px;
z-index: 20;
}
.data_line {
display: flex;
justify-content: space-around;
margin-bottom: 14px;
}
.data_line_item {
width: 100px;
text-align: center;
/*margin: 0 20px;*/
}
.num {
font-family: tttgbnumber;
font-size: 24px;
}
.data_box .lable {
font-size: 14px;
color: #7f858a;
line-height: 1;
margin-top: 3px;
}
.list{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.list .item {
width: 235px;
display: flex;
align-items: center;
background: #f1f1f1;
padding: 8px 6px 8px 6px;
border-radius: 8px;
margin: 0 0px 10px 10px;
}
.list .item .icon{
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
flex-shrink: 0;
}
.list .item .title{
font-size: 16px;
margin-left: 6px;
line-height: 20px;
}
/* .list .item .title .text{
white-space: nowrap;
} */
.list .item .title .dec{
font-size: 12px;
color: #999;
margin-top: 2px;
}
.logo {
font-size: 14px;
font-family: "tttgbnumber";
text-align: center;
color: #7994a7;
}

38
resources/help/index.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="{{pluResPath}}help/help.css" />
<link rel="shortcut icon" href="#" />
</head>
{{@headStyle}}
<body>
<div class="container" id="container">
<div class="head_box">
<div class="id_text">ChatGPT-Plugin</div>
<h2 class="day_text">使用说明</h2>
<img class="chatgpt_logo" src="{{pluResPath}}img/icon/chatgpt.png"/>
</div>
{{each helpData val}}
<div class="data_box">
<div class="tab_lable">{{val.group}}</div>
<div class="list">
{{each val.list item}}
<div class="item">
<img class="icon" src="{{pluResPath}}img/icon/{{item.icon}}.png" />
<div class="title">
<div class="text">{{item.title}}</div>
<div class="dec">{{item.desc}}</div>
</div>
</div>
{{/each}}
</div>
</div>
{{/each}}
<div class="logo">Created By Yunzai-Bot and ChatGPT-Plugin</div>
</div>
</body>
</html>