forked from x2rr/funds
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (143 loc) · 6.39 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="基金,自选基金,自选基金助手,基金助手,自选,fund,chrome扩展,extension,chrome,funds,实时">
<meta name="description"
content="自选基金助手是一款Chrome扩展，实时查看您关注的基金，助您快速获取实时数据，可以用来查看您的自选基金的实时估值情况，可以自由的增减自选基金。您的自选基金数据会跟随账号同步。">
<title>自选基金助手</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<style>
body {
padding: 15px;
}
.content {
width: 800px;
margin: 0 auto;
}
@media (max-width: 850px) {
.content {
width: 100%;
}
}
h1 {
margin-top: 50px;
}
.img-row {
margin: 10px;
text-align: center;
}
.img-row img {
max-width: 100%;
}
#content>p {
margin: 6px 0;
}
#qrcode {
width: 200px;
height: 200px;
padding: 10px 5px;
}
</style>
</head>
<body>
<div class="content">
<h1>自选基金助手</h1>
<p>自选基金助手，实时查看您关注的基金，助您快速获取实时数据</p>
<p>可以用来查看您的自选基金的实时估值情况，可以自由的增减自选基金。您的自选基金数据会跟随账号同步。</p>
<h2>介绍</h2>
<p>买了基金后，一直想找一款pc端的chrome扩展插件，毕竟股票的交易时间都是在工作日进行的，可惜找不到，便打算自己写一个，忍痛花费5美刀上架扩展商店。扩展的形式很适合上班族，不用打开网站，仅以小窗口的形式展示，不会引起BOSS的注意，方便上班摸鱼。
</p>
<p>首先输入基金代码添加基金，将基金添加特别关注后，可以以角标的形式展示在浏览器中，更加简便直观。可以在设置中单独开启显示份额与收益选项，在编辑中输入持有的份额，可以计算出每个基金的实时估值与收益，以及总收益。</p>
<div class="img-row">
<img style="margin: 10px;" src="https://gitee.com/rabt/Picture/raw/master/img/20201016093442.png"
alt="主要功能">
</div>
<h2>如何使用</h2>
<p><strong>强烈推荐使用 Chrome 商店安装</strong>（这样才能获得自动更新）：<a
href="https://chrome.google.com/webstore/detail/dhdelcemeednchdmijiocipbjlknndff">点击跳转至Chrome扩展商店</a>
</p>
<p>若因网络问题，可以下载CRX文件手动安装（非常不建议）：<a href="https://github.com/x2rr/funds/releases">下载地址1</a> <a
href="https://gitee.com/rabt/funds/releases">下载地址2</a></p>
<p>插件已上架Microsoft Edge扩展商店：<a
href="https://microsoftedge.microsoft.com/addons/detail/kophadiajpobbfoobhclbobddkoindoi">点击跳转至Microsoft
Edge扩展商店</a></p>
<p>插件已上架火狐Firefox扩展商店：<a
href="https://addons.mozilla.org/zh-CN/firefox/addon/funds/">点击跳转至火狐Firefox扩展商店</a>
</p>
<div class="img-row">
<img style="margin: 10px;" src="https://gitee.com/rabt/Picture/raw/master/img/20200717165330.png"
alt="主界面1">
</div>
<div class="img-row">
<img style="margin: 10px;" src="https://gitee.com/rabt/Picture/raw/master/img/20200916120011.png"
alt="主界面2">
</div>
<div class="img-row">
<img style="margin: 10px;" src="https://gitee.com/rabt/Picture/raw/master/img/20200916120012.png"
alt="主界面3">
</div>
<div class="img-row">
<img style="margin: 10px;" src="https://gitee.com/rabt/Picture/raw/master/img/20200907111218.png"
alt="主界面4">
</div>
<div class="img-row">
<img style="margin: 10px;" src="https://gitee.com/rabt/Picture/raw/master/img/20200907111226.png"
alt="主界面5">
</div>
<div id="content">
<h2>交流反馈</h2>
<p>qq群：{{ changelog.qqGroup }}</p>
<p>电报群：{{ changelog.tgGroup }}</p>
<p>微信群二维码</p>
<div id="qrcode"></div>
<h2>更新说明</h2>
<div>
<div v-for="el in changelog.list" :key="el.version">
<h3>{{el.version}}</h3>
<ul>
<li v-for="(i, ind) in el.content" :key="ind">
{{i.content}}
</li>
</ul>
</div>
</div>
</div>
<!-- <h3>v1.8.0</h3>
<ul>
<li>新增查看基金详情功能，点击基金名称即可查看估值图、走势图等相关信息。</li>
<li>新增基金配置信息的导入导出功能。</li>
<li>修复页面布局中的bug。</li>
</ul> -->
<h2>隐私协议</h2>
<p><a href="https://x2rr.github.io/funds/privacy.html">点击跳转</a></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="./lib/qrcode.min.js"></script>
<script>
var vm = new Vue({
el: "#content",
data: {
changelog: {}
},
mounted() {
$.ajax({
type: "get",
url: "./src/common/changeLog.json",
dataType: "json",
success: (data) => {
this.changelog = data;
var qrcode = new QRCode('qrcode', {
text: data.qrcode,
width: 200,
height: 200,
});
},
error: function () {}
});
}
});
</script>
</body>
</html>