|
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