|
1 | 1 | <!DOCTYPE html> |
2 | | -<html lang="zh"> |
| 2 | +<html> |
3 | 3 |
|
4 | 4 | <head> |
5 | | - <meta charset="UTF-8" /> |
6 | | - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
7 | | - <meta http-equiv="X-UA-Compatible" content="ie=edge" /> |
8 | | - <title>clicli-APP发布页-c站APP</title> |
9 | | - <style> |
10 | | - * { |
11 | | - margin: 0; |
12 | | - padding: 0; |
13 | | - } |
14 | | - |
15 | | - ul, |
16 | | - li { |
17 | | - list-style: none; |
18 | | - } |
19 | | - |
20 | | - html { |
21 | | - height: 100%; |
22 | | - background: #f4f6fa; |
23 | | - } |
24 | | - |
| 5 | + <meta charset="UTF-8"> |
| 6 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 7 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 8 | + <title>半次元 难民版</title> |
| 9 | +</head> |
| 10 | +<style> |
25 | 11 | body { |
26 | | - transition: 1s; |
27 | | - height: 100%; |
28 | | - /* background: url(https://pic.superbed.cn/item/5cc52fce3a213b041729af94.png); */ |
| 12 | + background: #f5f5fa; |
| 13 | + color: #fa4b8b; |
| 14 | + text-align: center; |
| 15 | + margin: 50px; |
29 | 16 | } |
30 | 17 |
|
31 | | - .main { |
32 | | - width: 900px; |
33 | | - margin: 0 auto; |
34 | | - display: flex; |
35 | | - align-items: center; |
36 | | - justify-content: center; |
37 | | - height: 100vh; |
| 18 | + img { |
| 19 | + border-radius: 10px; |
| 20 | + box-shadow: 5px 5px 5px #eee; |
| 21 | + width: 200px; |
38 | 22 | } |
39 | 23 |
|
40 | | - .left { |
41 | | - transition: 0.5s; |
42 | | - text-align: center; |
43 | | - } |
44 | | - |
45 | | - .right { |
46 | | - width: 270px; |
47 | | - background: url(https://cdn-us.imgs.moe/2023/04/28/644bcbb1e9d68.jpg) no-repeat left; |
48 | | - height: 600px; |
49 | | - background-size: 100%; |
50 | | - margin-right: 100px; |
51 | | - border-radius: 10px; |
52 | | - box-shadow: 2px 2px 10px #b3a5de; |
53 | | - border: 1px solid #7e5fd9; |
54 | | - } |
55 | | - |
56 | | - |
57 | | - .logo { |
58 | | - height: 100px; |
59 | | - width: 100px; |
60 | | - border-radius: 20px; |
61 | | - background: url(https://avatars.githubusercontent.com/u/40594375?s=200&v=4); |
62 | | - background-size: cover; |
63 | | - margin: 30px auto; |
| 24 | + button { |
| 25 | + border-radius: 5px; |
| 26 | + color: #fff; |
| 27 | + background: #fa4b8b; |
| 28 | + border: none; |
| 29 | + padding: 10px 50px; |
| 30 | + margin: 30px; |
| 31 | + cursor: pointer; |
64 | 32 | } |
65 | 33 |
|
66 | 34 | h1 { |
67 | | - color: #7e5fd9; |
68 | | - text-align: center; |
69 | | - font-size: 16px; |
70 | | - letter-spacing: 4px; |
71 | | - margin-top: 50px; |
| 35 | + color: #83a6ff; |
72 | 36 | } |
73 | 37 |
|
74 | | - .link { |
75 | | - margin-top: 30px; |
76 | | - } |
77 | 38 |
|
78 | | - .link a { |
79 | | - display: inline-block; |
80 | | - text-align: center; |
81 | | - color: #7e5fd9; |
82 | | - text-decoration: none; |
83 | | - margin: 10px; |
84 | | - } |
85 | | - |
86 | | - .link li { |
87 | | - text-align: center; |
88 | | - padding: 15px 30px; |
89 | | - background: rgba(148, 108, 230, 0.2); |
90 | | - display: inline-block; |
91 | | - margin: 20px auto; |
92 | | - border-radius: 4px; |
93 | | - transition: 0.5s; |
94 | | - } |
95 | | - |
96 | | - .link li:hover { |
97 | | - background: #7e5fd9; |
98 | | - color: #fff; |
99 | | - } |
100 | | - |
101 | | - .old { |
102 | | - font-size: 14px; |
103 | | - } |
104 | | - |
105 | | - .qcode, |
106 | | - .qcode img { |
107 | | - width: 180px; |
108 | | - margin: 20px auto; |
109 | | - border-radius: 5px; |
110 | | - } |
111 | | - |
112 | | - @media screen and (max-width: 500px) { |
113 | | - |
114 | | - .main, |
115 | | - .left { |
116 | | - width: 100%; |
117 | | - } |
118 | | - |
119 | | - .right { |
120 | | - display: none; |
121 | | - } |
122 | | - } |
123 | | - </style> |
124 | | -</head> |
| 39 | +</style> |
125 | 40 |
|
126 | 41 | <body> |
127 | | - <div class="main"> |
128 | | - <div class="right"></div> |
129 | | - <div class="left"> |
130 | | - <div class="logo"></div> |
131 | | - <h1>人·生·就·是·佛</h1> |
132 | | - <ul class="link"> |
133 | | - <!-- <a href="https://pan.quark.cn/s/8a92d8c0a8d5" target="_blank"> --> |
134 | | -<a href="https://npm.elemecdn.com/@clicli/app@latest/web/app-release.apk" target="_blank"> |
135 | | - <li>Android.apk</li> |
136 | | - </a> |
137 | | - <a href="https://npm.elemecdn.com/@clicli/app@latest/web/CliCli.ipa" target="_blank"> |
138 | | - <li>IOS.ipa</li> |
139 | | - </a> |
140 | | - <div> |
141 | | - <a href="https://www.clicli.cc" target="_blank" class="old"> |
142 | | - > 进入官网 |
143 | | - </a> |
144 | | - <a href="https://www.bilibili.com/video/BV19L411P7Vy" target="_blank" class="old"> |
145 | | - > IOS 安装教程 |
146 | | - </a> |
147 | | - <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=jQ5UINcJCGRyk98TW-pbFf03CDhSGO0Z&authKey=pPk%2FsfANp%2FrxSQcINzIUyUVUzObNPcb8J7xN9Pmoo%2FCzVqQqG9O%2B%2FGEt%2FVnm6YgQ&noverify=0&group_code=399395607" target="_blank" class="old"> |
148 | | - > QQ 群反馈交流 |
149 | | - </a> |
150 | | - </div> |
151 | | - </ul> |
152 | | - </div> |
153 | | - </div> |
| 42 | + <h1>半次元难民版</h1> |
| 43 | + <div><img src="https://cdn-us.imgs.moe/2023/06/16/648c3b0a1beaa.png" alt=""></div> |
| 44 | + <a href="https://npm.elemecdn.com/bcy-app@latest/web/app-release.apk"><button>下载</button></a> |
| 45 | + <div>数据迁移请加群：863417519</div> |
154 | 46 | </body> |
155 | 47 |
|
156 | 48 | </html> |
0 commit comments