|
1 | 1 | <template>
|
2 | 2 | <div class="ahome-nav">
|
3 | 3 | <div class="nav-bar">
|
4 |
| - <b class="name">我想要</b> |
| 4 | + <b class="name">点击我想要</b> |
5 | 5 | <a class="btn-home-nav" :class="{'active': navId === 1}" @click="navId=1">关注公众号</a>
|
6 | 6 | <a class="btn-home-nav" :class="{'active': navId === 2}" @click="navId=2">加入群聊</a>
|
7 | 7 | <a class="btn-home-nav" :class="{'active': navId === 3}" @click="navId=3">贡献翻译</a>
|
|
16 | 16 | <p>掌上中文数据科学社区,关注公众号获取各种Python的奇淫技巧、赚钱技巧,更有机会获得大厂内推。</p>
|
17 | 17 | </div>
|
18 | 18 | <div class="qr-item mpqr-item">
|
19 |
| - <img src="https://static.numpy.org.cn/qrcode/mp_mydataset.png@qrcode" alt="数量集公众号二维码" /> |
| 19 | + <img :src="staticDomain + 'qrcode/mp_mydataset.png/qrcode'" alt="DATA中文公众号二维码" /> |
20 | 20 | </div>
|
21 | 21 | </div>
|
22 | 22 |
|
|
25 | 25 | <div class>
|
26 | 26 | <p>
|
27 | 27 | 欢迎加入
|
28 |
| - <b>NumPy 中文社区</b> 群聊,群内有BAT公司大牛、常春藤校友、中国顶尖高校的各类学霸,以及众多大佬! |
| 28 | + <b>{{name}} 中文社区</b> 群聊,群内有BAT公司大牛、常春藤校友、中国顶尖高校的各类学霸,以及众多大佬! |
29 | 29 | </p>
|
30 | 30 | </div>
|
31 | 31 | <div class="qr-item">
|
32 | 32 | <img
|
33 |
| - src="https://static.numpy.org.cn/qrcode/wx_master.jpg@qrcode" |
| 33 | + :src="staticDomain + 'qrcode/wx_master.jpg@qrcode'" |
34 | 34 | alt="站长微信二维码"
|
35 | 35 | />
|
36 |
| - <span class="text">站长微信(可拉微信群,备注:numpy)</span> |
| 36 | + <span class="text">站长微信(可拉微信群,备注:{{name | lowercase}})</span> |
37 | 37 | </div>
|
38 | 38 | <div class="qr-item">
|
39 | 39 | <img
|
40 |
| - src="https://static.numpy.org.cn/qrcode/qq_group_numpy.jpg@qrcode" |
| 40 | + :src="staticDomain + 'qrcode/qq_group_' + lowercase(name) + '.jpg@qrcode'" |
41 | 41 | alt="QQ群二维码(群号:294639068)"
|
42 | 42 | />
|
43 |
| - <span class="text">QQ群二维码(群号:294639068)</span> |
| 43 | + <span class="text">QQ群二维码(群号:{{qqGroupNumber}})</span> |
44 | 44 | </div>
|
45 | 45 | </div>
|
46 | 46 |
|
47 | 47 | <!-- 贡献翻译 -->
|
48 | 48 | <div class="block" :class="{'show': navId === 3}">
|
49 | 49 | <p>
|
50 | 50 | 首先感谢
|
51 |
| - <a href="https://github.com/teadocs/numpy-cn/graphs/contributors" target="_blank">这些小伙伴</a> 对数据科学汉化事业的做出的翻译贡献!🙏 |
| 51 | + <a :href="'https://github.com/teadocs/' + lowercase(name) + '-cn/graphs/contributors'" target="_blank">这些小伙伴</a> 对数据科学汉化事业的做出的翻译贡献!🙏 |
52 | 52 | </p>
|
53 | 53 | <p>
|
54 | 54 | 贡献翻译不需要太多门槛,想参与翻译的小伙伴,可以先查看
|
55 | 55 | <a
|
56 |
| - href="https://github.com/teadocs/numpy-cn/blob/v1.17/Contribution.md" |
| 56 | + :href="'https://github.com/teadocs/' + lowercase(name) + '-cn/blob/' + version + '/Contribution.md'" |
57 | 57 | target="_blank"
|
58 | 58 | >《本文档翻译贡献指南》</a>。
|
59 | 59 | </p>
|
|
76 | 76 | <p>捐赠数额不限,特大数额可以加入网站鸣谢列表或全站推荐。</p>
|
77 | 77 | <div class="qr-item">
|
78 | 78 | <img
|
79 |
| - src="https://static.numpy.org.cn/qrcode/wechat_payee.jpeg@qrcode" |
| 79 | + :src="staticDomain + 'qrcode/wechat_payee.jpeg@qrcode'" |
80 | 80 | alt="微信付款码"
|
81 | 81 | />
|
82 | 82 | <span class="text">
|
|
85 | 85 | </div>
|
86 | 86 | <div class="qr-item">
|
87 | 87 | <img
|
88 |
| - src="https://static.numpy.org.cn/qrcode/alipay_payee.jpg@qrcode" |
| 88 | + :src="staticDomain + 'qrcode/alipay_payee.jpg@qrcode'" |
89 | 89 | alt="支付宝付款码"
|
90 | 90 | />
|
91 | 91 | <span class="text">
|
|
111 | 111 | </div>
|
112 | 112 | <div class="qr-item">
|
113 | 113 | <img
|
114 |
| - src="https://static.numpy.org.cn/qrcode/paddlepaddle_mp.png@qrcode" |
| 114 | + :src="staticDomain + 'qrcode/paddlepaddle_mp.png@qrcode'" |
115 | 115 | alt="paddle微信公众号"
|
116 | 116 | />
|
117 | 117 | <span class="text">Paddle官方微信公众号</span>
|
118 | 118 | </div>
|
119 | 119 | <div class="qr-item">
|
120 | 120 | <img
|
121 |
| - src="https://static.numpy.org.cn/qrcode/paddlepaddle_qq_group.jpg@qrcode" |
| 121 | + :src="staticDomain + 'qrcode/paddlepaddle_qq_group.jpg@qrcode'" |
122 | 122 | alt="qq群二维码"
|
123 | 123 | />
|
124 | 124 | <span class="text">QQ群二维码(群号:796771754)</span>
|
125 | 125 | </div>
|
126 | 126 | <div class="qr-item">
|
127 | 127 | <img
|
128 |
| - src="https://static.numpy.org.cn/qrcode/paddlepaddle_github.png@qrcode" |
| 128 | + :src="staticDomain + 'qrcode/paddlepaddle_github.png@qrcode'" |
129 | 129 | alt="Paddle的github地址"
|
130 | 130 | />
|
131 | 131 | <span class="text">Paddle的GitHub地址</span>
|
|
135 | 135 | </template>
|
136 | 136 |
|
137 | 137 | <script>
|
| 138 | +// 名称 |
| 139 | +const name = 'NumPy'; |
| 140 | +// 静态文件地址 |
| 141 | +const staticDomain = 'https://static.numpy.org.cn/'; |
| 142 | +// qq群号码 |
| 143 | +const qqGroupNumber = '294639068'; |
| 144 | +// 版本 |
| 145 | +const version = 'v1.17'; |
| 146 | +
|
| 147 | +const lowercase = str => str.toLowerCase(); |
| 148 | +
|
138 | 149 | export default {
|
| 150 | + filters: { |
| 151 | + lowercase |
| 152 | + }, |
| 153 | +
|
139 | 154 | data() {
|
140 | 155 | return {
|
141 |
| - navId: 0 |
| 156 | + navId: 1, |
| 157 | + name, |
| 158 | + staticDomain, |
| 159 | + qqGroupNumber, |
| 160 | + version |
142 | 161 | };
|
| 162 | + }, |
| 163 | +
|
| 164 | + methods: { |
| 165 | + lowercase |
143 | 166 | }
|
144 | 167 | };
|
145 | 168 | </script>
|
@@ -178,7 +201,10 @@ export default {
|
178 | 201 | }
|
179 | 202 |
|
180 | 203 | &.donation {
|
181 |
| - border: 2px solid $accentColor; |
| 204 | + background: -webkit-gradient(linear, left top, right top, from(#ffe4b2), to(#c79354)); |
| 205 | + background: linear-gradient(90deg, #ffe4b2, #c79354); |
| 206 | + color: #333333; |
| 207 | + border-color: gray; |
182 | 208 | }
|
183 | 209 | }
|
184 | 210 | }
|
|
0 commit comments