├── results
    └── .gitkeep
├── resources
    └── 2025p3.csv
├── screenshot.jpg
├── .gitignore
├── scripts
    ├── requirements.txt
    ├── config_sample.py
    └── main.py
├── LICENSE
├── README.md
└── index.html


/results/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/resources/2025p3.csv:
--------------------------------------------------------------------------------
1 | 标题,日期,开始时间,结束时间,备注
2 | 数据、模型与决策@建德楼202,2025.05.24,08:50,12:10,课程导论


--------------------------------------------------------------------------------
/screenshot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idealclover/Calender-Subscribe/main/screenshot.jpg


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .vscode
2 | .DS_Store
3 | scripts/__pycache__
4 | scripts/venv
5 | scripts/config.py
6 | 


--------------------------------------------------------------------------------
/scripts/requirements.txt:
--------------------------------------------------------------------------------
1 | icalendar
2 | pandas
3 | caldav
4 | cos-python-sdk-v5
5 | tencentcloud-sdk-python


--------------------------------------------------------------------------------
/scripts/config_sample.py:
--------------------------------------------------------------------------------
 1 | # 腾讯云COS配置
 2 | COS_SECRET_ID = ""  # 替换为您的SecretId
 3 | COS_SECRET_KEY = ""  # 替换为您的SecretKey
 4 | COS_REGION = ""  # 替换为您的地域，如ap-beijing、ap-guangzhou等
 5 | COS_BUCKET = ""  # 替换为您的存储桶名称
 6 | 
 7 | COS_PATH = ""
 8 | # COS_PATH = ""
 9 | 
10 | CDN_URL = ""
11 | # CDN_URL = ""
12 | 
13 | # CalDAV配置
14 | CALDAV_UPLOAD_URL = ""
15 | CALDAV_CREDENTIALS = {
16 |     "2025p3.ics": {"username": "test", "password": "test"},
17 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2025 idealclover
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Calender-Subscribe
  2 | 
  3 | > 都上清华了，还是逃不了做课表的命运 🥺
  4 | 
  5 | 将 CSV 格式的日程安排转换为 ICS 日历文件&上传到 CalDAV 服务器并提供订阅服务的工具。
  6 | 
  7 | 支持苹果、小米、华为、OPPO、VIVO 等手机系统日历应用订阅。
  8 | 
  9 | 目前供 2025 级清华大学 MBA 预录取新生使用。
 10 | 
 11 | 暂不提供公开访问地址，可下载后点击 `index.html` 查看效果。
 12 | 
 13 | ![](./screenshot.jpg)
 14 | 
 15 | ## ✨ 功能特性
 16 | 
 17 | - 📅 CSV 转 ICS 转换：将 CSV 格式的课程表自动转换为标准的 ICS 日历文件
 18 | - 🔐 ICS 文件&CalDAV 支持：支持通过订阅文件/CalDAV 方式订阅
 19 | - 🌐 在线订阅服务：提供 Web 界面，支持各种品牌手机的日历应用订阅
 20 | - 📱 多平台兼容：支持 iOS、安卓各手机品牌系统日历订阅
 21 | 
 22 | ## 📄 项目结构
 23 | 
 24 | ```
 25 | Calender-Subscribe/
 26 | ├── README.md              # 项目说明文档
 27 | ├── index.html             # Web 订阅界面
 28 | ├── resources/             # 资源文件夹
 29 | │   └── 2025p3.csv        # 示例课程表 CSV 文件
 30 | ├── results/               # 生成的 ICS 文件输出目录
 31 | │   └── .gitkeep
 32 | └── scripts/               # 脚本文件夹
 33 |     ├── config_sample.py   # 配置文件模板
 34 |     ├── main.py           # 主程序脚本
 35 |     └── requirements.txt   # Python 依赖包列表
 36 | ```
 37 | 
 38 | ## 🔨 订阅原理
 39 | 
 40 | 根据当前手机日历订阅功能，提供两种订阅方式：ICS文件直接订阅、CalDAV服务器订阅。
 41 | 
 42 | * ICS文件直接订阅：将 ICS 文件上传到 CDN 服务器，通过 CDN 域名提供订阅链接。适用手机型号：iPhone、小米、OPPO等；
 43 | * CalDAV服务器订阅：将 ICS 文件上传到 CalDAV 服务器，通过 CalDAV 服务器提供订阅链接。适用手机型号：华为、VIVO等。
 44 | 
 45 | ## 📦 快速开始
 46 | 
 47 | ### 1. 环境准备
 48 | 
 49 | 确保您的系统已安装 Python 3.6+，然后安装依赖包：
 50 | 
 51 | ```
 52 | cd scripts
 53 | pip install -r requirements.txt
 54 | ```
 55 | 
 56 | ### 2. 配置设置
 57 | 
 58 | 复制配置文件模板并填入您的配置信息：
 59 | 
 60 | ```
 61 | cp config_sample.py config.py
 62 | ```
 63 | 
 64 | 编辑 config.py 文件，填入以下配置：
 65 | 
 66 | ```
 67 | # 腾讯云 COS 配置
 68 | COS_SECRET_ID = "your_secret_id"        # 腾讯云 SecretId
 69 | COS_SECRET_KEY = "your_secret_key"      # 腾讯云 SecretKey
 70 | COS_REGION = "ap-beijing"               # 地域，如 ap-beijing、ap-guangzhou 等
 71 | COS_BUCKET = "your_bucket_name"         # 存储桶名称
 72 | COS_PATH = "calendar/"                  # 存储路径
 73 | 
 74 | # CDN 配置
 75 | CDN_URL = "https://your-cdn-domain.com" # CDN 域名
 76 | 
 77 | # CalDAV 配置（可选）
 78 | CALDAV_UPLOAD_URL = "https://your-caldav-server.com"
 79 | CALDAV_CREDENTIALS = {
 80 |     "2025p3.ics": {"username": "your_username", "password": "your_password"},
 81 | }
 82 | ```
 83 | 
 84 | ### 3. 部署 CalDAV 服务器
 85 | 
 86 | 由于一些品牌的手机日历应用不支持 Ics 文件直接订阅，所以需要部署一个 CalDAV 服务器。
 87 | 
 88 | > 参考 [radicale](https://radicale.org/master.html)
 89 | 
 90 | ### 3. 准备 CSV 文件
 91 | 
 92 | 将您的课程表 CSV 文件放入 resources/ 目录。CSV 文件格式要求：
 93 | 
 94 | | 标题                        | 日期       | 开始时间 | 结束时间 | 备注     |
 95 | | --------------------------- | ---------- | -------- | -------- | -------- |
 96 | | 数据、模型与决策@建德楼 202 | 2025.05.24 | 08:50    | 12:10    | 课程导论 |
 97 | 
 98 | ### 4. 运行转换
 99 | 
100 | 执行主程序进行转换和上传：
101 | 
102 | ```
103 | cd scripts
104 | python main.py
105 | ```
106 | 
107 | 程序将自动：
108 | 
109 | - 读取 resources/ 目录中的所有 CSV 文件
110 | - 转换为 ICS 格式并保存到 results/ 目录
111 | - 上传到腾讯云 COS
112 | - 刷新 CDN 缓存
113 | - 可选：上传到 CalDAV 服务器
114 | 
115 | ### 5. 网站配置修改
116 | 
117 | 修改 index.html 中的配置：
118 | 
119 | ```
120 | CDN_BASE_URL: "",
121 | CALDAV_SERVER: "",
122 | ```
123 | 
124 | ## 📃 许可证
125 | 
126 | MIT LICENSE, have fun coding!
127 | 


--------------------------------------------------------------------------------
/scripts/main.py:
--------------------------------------------------------------------------------
  1 | import os
  2 | import csv
  3 | from datetime import datetime
  4 | from icalendar import Calendar, Event
  5 | import pandas as pd
  6 | import caldav
  7 | from caldav.elements import dav
  8 | import uuid
  9 | 
 10 | # 添加腾讯云COS SDK
 11 | from qcloud_cos import CosConfig
 12 | from qcloud_cos import CosS3Client
 13 | 
 14 | # 添加腾讯云CDN SDK
 15 | from tencentcloud.common import credential
 16 | from tencentcloud.common.profile.client_profile import ClientProfile
 17 | from tencentcloud.common.profile.http_profile import HttpProfile
 18 | from tencentcloud.cdn.v20180606 import cdn_client, models
 19 | 
 20 | # 导入配置文件
 21 | from config import (
 22 |     COS_SECRET_ID,
 23 |     COS_SECRET_KEY,
 24 |     COS_REGION,
 25 |     COS_BUCKET,
 26 |     COS_PATH,
 27 |     CALDAV_UPLOAD_URL,
 28 |     CALDAV_CREDENTIALS,
 29 |     CDN_URL,
 30 | )
 31 | 
 32 | 
 33 | def convert_csv_to_ics(input_folder, output_folder):
 34 |     """
 35 |     将指定文件夹中的所有CSV文件转换为ICS文件。
 36 |     """
 37 |     if not os.path.exists(output_folder):
 38 |         os.makedirs(output_folder)
 39 | 
 40 |     for filename in os.listdir(input_folder):
 41 |         if filename.endswith(".csv"):
 42 |             csv_filepath = os.path.join(input_folder, filename)
 43 |             ics_filename = os.path.splitext(filename)[0] + ".ics"
 44 |             ics_filepath = os.path.join(output_folder, ics_filename)
 45 | 
 46 |             # 从文件名提取班级信息（如2025p1.csv -> p1）
 47 |             class_name = os.path.splitext(filename)[0]  # 获取不带扩展名的文件名
 48 |             calendar_name = class_name  # 直接使用文件名作为日历名称，如"2025p1"
 49 | 
 50 |             cal = Calendar()
 51 |             cal.add("prodid", "-//My Calendar Events//mxm.dk//")
 52 |             cal.add("version", "2.0")
 53 |             cal.add("x-wr-calname", calendar_name)  # 设置日历名称
 54 |             cal.add("x-wr-timezone", "Asia/Shanghai")  # 设置日历时区
 55 | 
 56 |             try:
 57 |                 df = pd.read_csv(csv_filepath)
 58 |             except Exception as e:
 59 |                 print(
 60 |                     f"Error reading {csv_filepath} with pandas: {e}. Trying with csv module."
 61 |                 )
 62 |                 with open(csv_filepath, "r", encoding="utf-8") as f:
 63 |                     reader = csv.reader(f)
 64 |                     data = list(reader)
 65 |                 df = pd.DataFrame(data[1:], columns=data[0])
 66 | 
 67 |             for index, row in df.iterrows():
 68 |                 try:
 69 |                     event = Event()
 70 |                     summary = row.get("标题", "No Summary")
 71 |                     date_str = str(row.get("日期"))
 72 |                     start_time_str = str(row.get("开始时间", "00:00"))
 73 |                     end_time_str = str(row.get("结束时间", "00:00"))
 74 |                     # 修改这一行，确保当备注为NaN时返回空字符串
 75 |                     description = row.get("备注", "")
 76 |                     if pd.isna(description):
 77 |                         description = ""
 78 |                     location = ""
 79 | 
 80 |                     try:
 81 |                         start_dt = datetime.strptime(
 82 |                             f"{date_str} {start_time_str}", "%Y.%m.%d %H:%M"
 83 |                         )
 84 |                         end_dt = datetime.strptime(
 85 |                             f"{date_str} {end_time_str}", "%Y.%m.%d %H:%M"
 86 |                         )
 87 |                     except ValueError:
 88 |                         print(
 89 |                             f"Warning: Could not parse date/time for row {index} in {filename}. Skipping event."
 90 |                         )
 91 |                         continue
 92 | 
 93 |                     event.add("summary", summary)
 94 |                     event.add("dtstart", start_dt)
 95 |                     event.add("dtend", end_dt)
 96 |                     event.add("description", description)
 97 |                     event.add("location", location)
 98 |                     event.add("uid", str(uuid.uuid4()))  # 在ICS生成时添加UID
 99 |                     cal.add_component(event)
100 | 
101 |                 except Exception as e:
102 |                     print(f"Error processing row {index} in {filename}: {e}")
103 | 
104 |             with open(ics_filepath, "wb") as f:
105 |                 f.write(cal.to_ical())
106 |             print(f"Converted {filename} to {ics_filename}")
107 | 
108 |             # 添加腾讯云COS上传部分
109 |             upload_to_cos(ics_filepath, ics_filename)
110 | 
111 |             # 刷新CDN目录缓存
112 |             refresh_cdn_directory()
113 | 
114 |             # CalDAV 上传部分
115 |             upload_ics_files(ics_filepath, ics_filename)
116 | 
117 | 
118 | def upload_to_cos(ics_filepath, ics_filename):
119 |     """
120 |     上传ICS文件到腾讯云COS
121 |     """
122 |     # 检查文件是否在CALDAV_CREDENTIALS中
123 |     if ics_filename not in CALDAV_CREDENTIALS:
124 |         print(f"Skipping COS upload for {ics_filename}. Not in CALDAV_CREDENTIALS.")
125 |         return False
126 | 
127 |     # 如果没有配置密钥，则跳过上传
128 |     if not COS_SECRET_ID or not COS_SECRET_KEY:
129 |         print(
130 |             f"Skipping COS upload for {ics_filename}. Please configure SecretId/SecretKey in config.py."
131 |         )
132 |         return False
133 | 
134 |     try:
135 |         # 配置COS客户端
136 |         config = CosConfig(
137 |             Region=COS_REGION, SecretId=COS_SECRET_ID, SecretKey=COS_SECRET_KEY
138 |         )
139 |         client = CosS3Client(config)
140 | 
141 |         # 上传文件
142 |         response = client.upload_file(
143 |             Bucket=COS_BUCKET,
144 |             LocalFilePath=ics_filepath,
145 |             Key=f"{COS_PATH}{ics_filename}",  # 存储在COS上的路径
146 |         )
147 | 
148 |         print(f"Successfully uploaded {ics_filename} to COS bucket {COS_BUCKET}")
149 |         return True
150 |     except Exception as e:
151 |         print(f"Error uploading {ics_filename} to COS: {e}")
152 |         return False
153 | 
154 | 
155 | def refresh_cdn_directory():
156 |     """
157 |     刷新腾讯云CDN目录缓存
158 |     """
159 |     try:
160 |         # 实例化一个认证对象，入参需要传入腾讯云账户secretId，secretKey
161 |         cred = credential.Credential(COS_SECRET_ID, COS_SECRET_KEY)
162 | 
163 |         # 实例化一个http选项，可选的，没有特殊需求可以跳过
164 |         httpProfile = HttpProfile()
165 |         httpProfile.endpoint = "cdn.tencentcloudapi.com"
166 | 
167 |         # 实例化一个client选项，可选的，没有特殊需求可以跳过
168 |         clientProfile = ClientProfile()
169 |         clientProfile.httpProfile = httpProfile
170 | 
171 |         # 实例化要请求产品的client对象，入参需要传入腾讯云账户secretId，secretKey
172 |         client = cdn_client.CdnClient(cred, "", clientProfile)
173 | 
174 |         # 实例化一个请求对象，每个接口都会对应一个request对象
175 |         req = models.PurgePathCacheRequest()
176 | 
177 |         # 填充请求参数，这里以刷新目录为例
178 |         req.Paths = [CDN_URL]
179 |         req.FlushType = "flush"
180 | 
181 |         # 通过client对象调用刷新目录缓存接口，返回响应
182 |         resp = client.PurgePathCache(req)
183 | 
184 |         print(f"Successfully refreshed CDN cache for directory: {CDN_URL}")
185 |         return True
186 |     except Exception as e:
187 |         print(f"Error refreshing CDN cache: {e}")
188 |         return False
189 | 
190 | 
191 | def upload_ics_files(ics_filepath, ics_filename):
192 |     # 从配置文件获取CalDAV上传URL
193 |     caldav_upload_url = CALDAV_UPLOAD_URL
194 |     username = ""
195 |     password = ""
196 | 
197 |     # 从配置文件获取凭据
198 |     if ics_filename in CALDAV_CREDENTIALS:
199 |         username = CALDAV_CREDENTIALS[ics_filename]["username"]
200 |         password = CALDAV_CREDENTIALS[ics_filename]["password"]
201 |     else:
202 |         print(
203 |             f"Skipping CalDAV upload for {ics_filename}. Please configure username/password in config.py."
204 |         )
205 |         return  # 跳过本次循环的上传
206 | 
207 |     if username and password:
208 |         print(f"Attempting to upload {ics_filename} to CalDAV...")
209 |         upload_ics_to_caldav(ics_filepath, caldav_upload_url, username, password)
210 | 
211 | 
212 | def upload_ics_to_caldav(ics_filepath, caldav_url, username, password):
213 |     try:
214 |         client = caldav.DAVClient(url=caldav_url, username=username, password=password)
215 |         principal = client.principal()
216 |         calendars = principal.calendars()
217 |         if not calendars:
218 |             print(f"Error: No calendars found for {username} at {caldav_url}")
219 |             return False
220 | 
221 |         calendar = calendars[0]
222 | 
223 |         # 清空日历中原有的内容
224 |         print(f"Clearing existing events from calendar {calendar.name}...")
225 |         try:
226 |             # 使用 calendar.events() 获取所有事件
227 |             for event in calendar.events():
228 |                 event.delete()  # caldav.Event 对象有 delete 方法
229 |             print(
230 |                 f"Successfully cleared all existing events from calendar {calendar.name}."
231 |             )
232 |         except Exception as e:
233 |             print(f"Error clearing existing events: {e}")
234 |             # 如果清空失败，可以选择继续上传或直接返回
235 |             # return False # 如果清空失败就停止上传
236 | 
237 |         with open(ics_filepath, "rb") as f:
238 |             ics_content = f.read()
239 | 
240 |         cal = Calendar.from_ical(ics_content)
241 | 
242 |         uploaded_count = 0
243 |         for component in cal.walk():
244 |             if component.name == "VEVENT":
245 |                 event_ical = component.to_ical()
246 |                 event_uid = component.get("uid")
247 |                 # 确保UID存在且以.ics结尾，因为现在UID在ICS生成时就已添加
248 |                 if not event_uid:
249 |                     print(
250 |                         f"Warning: Event in {ics_filepath} missing UID. Skipping upload for this event."
251 |                     )
252 |                     continue
253 | 
254 |                 resource_name = str(event_uid) + ".ics"  # 确保以.ics结尾
255 | 
256 |                 try:
257 |                     calendar.save_event(
258 |                         ical=event_ical, overwrite=True, etag=None, path=resource_name
259 |                     )
260 |                     print(
261 |                         f"Successfully uploaded event {event_uid} from {ics_filepath} to CalDAV at {caldav_url}"
262 |                     )
263 |                     uploaded_count += 1
264 |                 except Exception as e:
265 |                     print(
266 |                         f"Error uploading event {event_uid} from {ics_filepath} to CalDAV: {e}"
267 |                     )
268 | 
269 |         if uploaded_count > 0:
270 |             return True
271 |         else:
272 |             print(f"No events found or uploaded from {ics_filepath}.")
273 |             return False
274 | 
275 |     except Exception as e:
276 |         print(f"Error processing {ics_filepath} for CalDAV upload: {e}")
277 |         return False
278 | 
279 | 
280 | if __name__ == "__main__":
281 |     input_dir = "../resources"
282 |     output_dir = "../results"
283 |     convert_csv_to_ics(input_dir, output_dir)
284 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zh-CN">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6 |     <title>清华25级MBA日历订阅</title>
  7 |     <style>
  8 |       body {
  9 |         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
 10 |           Helvetica, Arial, sans-serif;
 11 |         margin: 0;
 12 |         padding: 0;
 13 |         display: flex;
 14 |         justify-content: center;
 15 |         align-items: center;
 16 |         min-height: 100vh;
 17 |         background-color: #f5f5f5;
 18 |         flex-direction: column;
 19 |         text-align: center;
 20 |       }
 21 |       .container {
 22 |         width: 95%;
 23 |         max-width: 500px;
 24 |         padding: 20px;
 25 |         background-color: white;
 26 |         border-radius: 10px;
 27 |         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 28 |         box-sizing: border-box;
 29 |       }
 30 |       h2 {
 31 |         color: #333;
 32 |         margin-bottom: 20px;
 33 |         font-size: 1.5rem;
 34 |         word-wrap: break-word;
 35 |       }
 36 |       p {
 37 |         color: #666;
 38 |         line-height: 1.6;
 39 |         margin-bottom: 15px;
 40 |         font-size: 0.95rem;
 41 |         word-wrap: break-word;
 42 |       }
 43 |       .intro-text {
 44 |         color: #4a154b;
 45 |         font-weight: bold;
 46 |         margin: 15px 0;
 47 |         padding: 10px;
 48 |         background-color: #f9f9f9;
 49 |         border-radius: 6px;
 50 |         border-left: 4px solid #4a154b;
 51 |       }
 52 |       .btn {
 53 |         display: inline-block;
 54 |         background-color: #4a154b; /* 清华紫 */
 55 |         color: white;
 56 |         padding: 10px 20px;
 57 |         border-radius: 6px;
 58 |         text-decoration: none;
 59 |         font-weight: bold;
 60 |         transition: background-color 0.3s;
 61 |         border: none;
 62 |         cursor: pointer;
 63 |         font-size: 0.95rem;
 64 |         margin: 5px;
 65 |         max-width: 100%;
 66 |         white-space: normal;
 67 |         word-wrap: break-word;
 68 |       }
 69 |       .btn:hover {
 70 |         background-color: #3a1039;
 71 |       }
 72 |       .wechat-tip {
 73 |         display: none;
 74 |         margin-top: 20px;
 75 |       }
 76 |       .wechat-tip img {
 77 |         max-width: 100%;
 78 |         margin-top: 10px;
 79 |       }
 80 |       /* 手风琴样式 */
 81 |       .accordion {
 82 |         margin-top: 20px;
 83 |         border-radius: 8px;
 84 |         overflow: hidden;
 85 |       }
 86 |       .accordion-item {
 87 |         border-bottom: 1px solid #eee;
 88 |         overflow: hidden;
 89 |       }
 90 |       .accordion-item:last-child {
 91 |         border-bottom: none;
 92 |       }
 93 |       .accordion-header {
 94 |         background-color: #f9f9f9;
 95 |         padding: 15px;
 96 |         cursor: pointer;
 97 |         position: relative;
 98 |         display: flex;
 99 |         align-items: center;
100 |         justify-content: center;
101 |         font-weight: bold;
102 |         color: #4a154b;
103 |         transition: background-color 0.3s;
104 |       }
105 |       .accordion-header:hover {
106 |         background-color: #f0e6f0;
107 |       }
108 |       .accordion-header.active {
109 |         background-color: #4a154b;
110 |         color: white;
111 |       }
112 |       .accordion-header::after {
113 |         content: "\25BC"; /* 向下箭头 Unicode */
114 |         position: absolute;
115 |         right: 15px;
116 |         font-size: 0.8rem;
117 |         transition: transform 0.3s;
118 |       }
119 |       .accordion-header.active::after {
120 |         transform: rotate(180deg); /* 旋转箭头 */
121 |       }
122 |       .accordion-content {
123 |         max-height: 0;
124 |         overflow: hidden;
125 |         transition: max-height 0.3s ease-out;
126 |         background-color: white;
127 |         padding: 0 15px;
128 |       }
129 |       .accordion-content.active {
130 |         max-height: 1000px;
131 |         padding: 15px;
132 |       }
133 |       .copy-success {
134 |         color: #4a154b;
135 |         font-weight: bold;
136 |         margin-top: 10px;
137 |         display: none;
138 |       }
139 |       /* 添加图片样式控制 */
140 |       .accordion-content img {
141 |         max-width: 100%;
142 |         max-height: 300px; /* 限制图片最大高度 */
143 |         height: auto;
144 |         margin: 10px 0;
145 |         border-radius: 6px;
146 |         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
147 |         display: block; /* 确保图片为块级元素 */
148 |       }
149 |       .footer {
150 |         margin-top: 20px;
151 |         margin-bottom: 20px;
152 |         color: #999;
153 |         font-size: 0.8rem;
154 |         text-align: center;
155 |       }
156 |       .footer a {
157 |         color: #777;
158 |         text-decoration: none;
159 |       }
160 |       .footer a:hover {
161 |         text-decoration: underline;
162 |       }
163 |       .pLabels {
164 |         margin-top: 10px;
165 |       }
166 |       .class-selector {
167 |         margin: 15px 0;
168 |         padding: 15px;
169 |         background-color: #f9f9f9;
170 |         border-radius: 8px;
171 |         text-align: center;
172 |         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
173 |       }
174 |       .class-selector span {
175 |         display: block;
176 |         font-weight: bold;
177 |         color: #4a154b;
178 |       }
179 |       .class-selector label {
180 |         display: inline-flex;
181 |         align-items: center;
182 |         justify-content: center;
183 |         margin: 5px;
184 |         cursor: pointer;
185 |         background-color: #f0f0f0;
186 |         border-radius: 50%;
187 |         width: 36px;
188 |         height: 36px;
189 |         transition: all 0.3s ease;
190 |         border: 2px solid transparent;
191 |         font-size: 0.9rem;
192 |       }
193 |       .class-selector label:hover {
194 |         background-color: #e6e6e6;
195 |       }
196 |       .class-selector input[type="radio"] {
197 |         display: none;
198 |       }
199 |       .class-selector input[type="radio"]:checked + span {
200 |         color: #4a154b;
201 |         font-weight: bold;
202 |       }
203 |       .class-selector label.selected {
204 |         background-color: #f0e6f0;
205 |         border-color: #4a154b;
206 |         color: #4a154b;
207 |         font-weight: bold;
208 |       }
209 |       .class-selector input[type="radio"] {
210 |         margin-right: 3px;
211 |       }
212 |     </style>
213 |   </head>
214 |   <body>
215 |     <div class="container">
216 |       <h2>清华25级MBA日历订阅</h2>
217 | 
218 |       <div id="wechatTip" class="wechat-tip">
219 |         <p>
220 |           当前在微信内置浏览器中<br />请点击右上角的"..."，然后选择"在浏览器中打开"以使用完整功能。
221 |         </p>
222 |         <img
223 |           src="https://cdn.idealclover.cn/Projects/thu/imgs/wechat.jpg"
224 |           alt="在浏览器中打开示意图"
225 |         />
226 |       </div>
227 | 
228 |       <div id="deviceAccordion" style="display: none">
229 |         <p class="intro-text">
230 |           请参考下方不同机型的步骤订阅日历<br />相关日程与备注将会自动更新<br />如遇问题可联系
231 |           P3 idealclover
232 |         </p>
233 | 
234 |         <div class="class-selector">
235 |           <span>选择班级</span>
236 |           <div class="pLabels">
237 |             <label id="p1Label"
238 |               ><input type="radio" name="class" value="p1" /><span
239 |                 >P1</span
240 |               ></label
241 |             >
242 |             <label id="p2Label"
243 |               ><input type="radio" name="class" value="p2" /><span
244 |                 >P2</span
245 |               ></label
246 |             >
247 |             <label id="p3Label" class="selected"
248 |               ><input type="radio" name="class" value="p3" checked /><span
249 |                 >P3</span
250 |               ></label
251 |             >
252 |             <label id="p4Label"
253 |               ><input type="radio" name="class" value="p4" /><span
254 |                 >P4</span
255 |               ></label
256 |             >
257 |             <label id="p5Label"
258 |               ><input type="radio" name="class" value="p5" /><span
259 |                 >P5</span
260 |               ></label
261 |             >
262 |           </div>
263 |         </div>
264 | 
265 |         <div class="accordion">
266 |           <!-- 苹果设备 -->
267 |           <div class="accordion-item" id="iosItem">
268 |             <div class="accordion-header" id="iosHeader">苹果</div>
269 |             <div class="accordion-content" id="iosContent">
270 |               <p>请使用Safari浏览器点击下方按钮订阅</p>
271 |               <button class="subscribeBtn btn">点击按钮订阅P3班日历</button>
272 |               <p>自动刷新建议设置为每天</p>
273 |             </div>
274 |           </div>
275 | 
276 |           <!-- 小米设备 -->
277 |           <div class="accordion-item" id="xiaomiItem">
278 |             <div class="accordion-header" id="xiaomiHeader">小米</div>
279 |             <div class="accordion-content" id="xiaomiContent">
280 |               <p>请使用小米官方浏览器点击下方按钮</p>
281 |               <button class="subscribeBtn btn">点击按钮订阅P3班日历</button>
282 |             </div>
283 |           </div>
284 | 
285 |           <!-- 华为设备 -->
286 |           <div class="accordion-item" id="huaweiItem">
287 |             <div class="accordion-header" id="huaweiHeader">华为鸿蒙</div>
288 |             <div class="accordion-content" id="huaweiContent">
289 |               <p>1. 打开华为日历APP</p>
290 |               <p>2. 点击左上角菜单</p>
291 |               <p>3. 选择"添加"-"添加CalDAV日历"</p>
292 |               <img
293 |                 src="https://cdn.idealclover.cn/Projects/thu/imgs/huawei_1.jpg"
294 |                 alt="华为日历添加CalDAV日历界面"
295 |               />
296 |               <p>4. 输入以下信息订阅日历：</p>
297 |               <div
298 |                 style="
299 |                   margin: 10px 0;
300 |                   padding: 10px;
301 |                   background-color: #f9f9f9;
302 |                   border-radius: 6px;
303 |                   border-left: 4px solid #4a154b;
304 |                 "
305 |               >
306 |                 <p>
307 |                   <strong>账户：25p3</strong>
308 |                   <button
309 |                     id="huaweiAccountCopyBtn"
310 |                     class="btn"
311 |                     style="
312 |                       padding: 5px 10px;
313 |                       font-size: 0.8rem;
314 |                       margin-left: 10px;
315 |                     "
316 |                   >
317 |                     复制
318 |                   </button>
319 |                 </p>
320 |                 <p id="huaweiAccountCopySuccess" class="copy-success">
321 |                   账户已复制到剪贴板！
322 |                 </p>
323 | 
324 |                 <p>
325 |                   <strong>密码：25p3</strong>
326 |                   <button
327 |                     id="huaweiPasswordCopyBtn"
328 |                     class="btn"
329 |                     style="
330 |                       padding: 5px 10px;
331 |                       font-size: 0.8rem;
332 |                       margin-left: 10px;
333 |                     "
334 |                   >
335 |                     复制
336 |                   </button>
337 |                 </p>
338 |                 <p id="huaweiPasswordCopySuccess" class="copy-success">
339 |                   密码已复制到剪贴板！
340 |                 </p>
341 | 
342 |                 <p>
343 |                   <strong
344 |                     >订阅地址：<span id="huaweiServerAddress"></span
345 |                   ></strong>
346 |                   <button
347 |                     id="huaweiServerCopyBtn"
348 |                     class="btn"
349 |                     style="
350 |                       padding: 5px 10px;
351 |                       font-size: 0.8rem;
352 |                       margin-left: 10px;
353 |                     "
354 |                   >
355 |                     复制
356 |                   </button>
357 |                 </p>
358 |                 <p id="huaweiServerCopySuccess" class="copy-success">
359 |                   订阅地址已复制到剪贴板！
360 |                 </p>
361 |               </div>
362 |             </div>
363 |           </div>
364 | 
365 |           <!-- OPPO设备 -->
366 |           <div class="accordion-item" id="oppoItem">
367 |             <div class="accordion-header" id="oppoHeader">OPPO</div>
368 |             <div class="accordion-content" id="oppoContent">
369 |               <p>
370 |                 1. 打开OPPO日历APP<br />
371 |                 2. 点击右上角三个点<br />
372 |                 3. 选择“日程导入与同步”
373 |               </p>
374 |               <img
375 |                 src="https://cdn.idealclover.cn/Projects/thu/imgs/oppo_1.jpg"
376 |                 alt="OPPO日历导入_1"
377 |               />
378 |               <p>4. 下滑找到“URL日历”</p>
379 |               <img
380 |                 src="https://cdn.idealclover.cn/Projects/thu/imgs/oppo_2.jpg"
381 |                 alt="OPPO日历导入_2"
382 |               />
383 |               <p>5. 复制以下日历订阅链接，粘贴到URL中</p>
384 |               <button id="oppoCopyBtn" class="btn">复制P3班日历订阅链接</button>
385 |               <p id="oppoCopySuccess" class="copy-success">
386 |                 链接已复制到剪贴板！
387 |               </p>
388 |             </div>
389 |           </div>
390 | 
391 |           <!-- vivo设备 -->
392 |           <div class="accordion-item" id="vivoItem">
393 |             <div class="accordion-header" id="vivoHeader">VIVO</div>
394 |             <div class="accordion-content" id="vivoContent">
395 |               <p>1. 打开vivo日历APP</p>
396 |               <p>2. 点击右上角三个点</p>
397 |               <p>3. 选择"日程导入与管理"</p>
398 |               <img
399 |                 src="https://cdn.idealclover.cn/Projects/thu/imgs/vivo_1.jpg"
400 |                 alt="VIVO日历导入_1"
401 |               />
402 |               <p>4. 点击“添加账号”并选择 CalDAV</p>
403 |               <img
404 |                 src="https://cdn.idealclover.cn/Projects/thu/imgs/vivo_2.jpg"
405 |                 alt="VIVO日历导入_2"
406 |               />
407 |               <p>5. 输入以下信息：</p>
408 |               <div
409 |                 style="
410 |                   margin: 10px 0;
411 |                   padding: 10px;
412 |                   background-color: #f9f9f9;
413 |                   border-radius: 6px;
414 |                   border-left: 4px solid #4a154b;
415 |                 "
416 |               >
417 |                 <p style="margin: 5px 0">
418 |                   <strong>账户：25p3</strong>
419 |                   <button
420 |                     id="vivoAccountCopyBtn"
421 |                     class="btn"
422 |                     style="
423 |                       padding: 5px 10px;
424 |                       font-size: 0.8rem;
425 |                       margin-left: 10px;
426 |                     "
427 |                   >
428 |                     复制
429 |                   </button>
430 |                   <span
431 |                     id="vivoAccountCopySuccess"
432 |                     class="copy-success"
433 |                     style="display: none; margin-left: 10px"
434 |                     >已复制！</span
435 |                   >
436 |                 </p>
437 | 
438 |                 <p style="margin: 5px 0">
439 |                   <strong>密码：25p3</strong>
440 |                   <button
441 |                     id="vivoPasswordCopyBtn"
442 |                     class="btn"
443 |                     style="
444 |                       padding: 5px 10px;
445 |                       font-size: 0.8rem;
446 |                       margin-left: 10px;
447 |                     "
448 |                   >
449 |                     复制
450 |                   </button>
451 |                   <span
452 |                     id="vivoPasswordCopySuccess"
453 |                     class="copy-success"
454 |                     style="display: none; margin-left: 10px"
455 |                     >已复制！</span
456 |                   >
457 |                 </p>
458 | 
459 |                 <p style="margin: 5px 0">
460 |                   <strong
461 |                     >订阅地址：<span id="vivoServerAddress"></span
462 |                   ></strong>
463 |                   <button
464 |                     id="vivoServerCopyBtn"
465 |                     class="btn"
466 |                     style="
467 |                       padding: 5px 10px;
468 |                       font-size: 0.8rem;
469 |                       margin-left: 10px;
470 |                     "
471 |                   >
472 |                     复制
473 |                   </button>
474 |                   <span
475 |                     id="vivoServerCopySuccess"
476 |                     class="copy-success"
477 |                     style="display: none; margin-left: 10px"
478 |                     >已复制！</span
479 |                   >
480 |                 </p>
481 |               </div>
482 |             </div>
483 |           </div>
484 | 
485 |           <!-- 其他设备 -->
486 |           <div class="accordion-item" id="otherItem">
487 |             <div class="accordion-header" id="otherHeader">其他设备</div>
488 |             <div class="accordion-content" id="otherContent">
489 |               <p>您可以联系群内 @idealclover 获取支持</p>
490 |             </div>
491 |           </div>
492 |         </div>
493 |       </div>
494 |     </div>
495 |     <div class="footer">
496 |       Proudly made with ❤ by
497 |       <a href="https://idealclover.top" target="_blank">@idealclover</a>
498 |     </div>
499 | 
500 |     <script>
501 |       // 配置项
502 |       const CONFIG = {
503 |         CDN_BASE_URL: "",
504 |         CALDAV_SERVER: "",
505 |       };
506 | 
507 |       // 检测是否是微信浏览器
508 |       function isWechat() {
509 |         return /MicroMessenger/i.test(navigator.userAgent);
510 |       }
511 | 
512 |       // 检测是否是iOS设备
513 |       function isIOS() {
514 |         return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
515 |       }
516 | 
517 |       // 检测是否是小米设备
518 |       function isXiaomi() {
519 |         return (
520 |           /XiaoMi/i.test(navigator.userAgent) ||
521 |           /MI\s/i.test(navigator.userAgent) ||
522 |           /Redmi/i.test(navigator.userAgent)
523 |         );
524 |       }
525 | 
526 |       // 检测是否是华为设备
527 |       function isHuawei() {
528 |         return (
529 |           /HUAWEI/i.test(navigator.userAgent) ||
530 |           /HONOR/i.test(navigator.userAgent)
531 |         );
532 |       }
533 | 
534 |       // 检测是否是OPPO设备
535 |       function isOPPO() {
536 |         return /OPPO/i.test(navigator.userAgent);
537 |       }
538 | 
539 |       // 检测是否是vivo设备
540 |       function isVivo() {
541 |         return /vivo/i.test(navigator.userAgent);
542 |       }
543 | 
544 |       // 复制文本到剪贴板
545 |       function copyToClipboard(text) {
546 |         const textarea = document.createElement("textarea");
547 |         textarea.value = text;
548 |         textarea.style.position = "fixed";
549 |         textarea.style.opacity = "0";
550 |         document.body.appendChild(textarea);
551 |         textarea.select();
552 | 
553 |         let success = false;
554 |         try {
555 |           success = document.execCommand("copy");
556 |         } catch (err) {
557 |           console.error("复制失败:", err);
558 |         }
559 | 
560 |         document.body.removeChild(textarea);
561 |         return success;
562 |       }
563 | 
564 |       // 切换手风琴项目
565 |       function toggleAccordion(headerId) {
566 |         // 获取当前点击的头部和内容
567 |         const currentHeader = document.getElementById(headerId);
568 |         const contentId = headerId.replace("Header", "Content");
569 |         const currentContent = document.getElementById(contentId);
570 | 
571 |         // 检查当前项目是否已经激活
572 |         const isActive = currentHeader.classList.contains("active");
573 | 
574 |         if (isActive) {
575 |           // 如果已经激活，则关闭它
576 |           currentHeader.classList.remove("active");
577 |           currentContent.classList.remove("active");
578 |         } else {
579 |           // 如果未激活，先关闭所有项目，再打开当前项目
580 |           const headers = document.querySelectorAll(".accordion-header");
581 |           const contents = document.querySelectorAll(".accordion-content");
582 | 
583 |           headers.forEach((header) => header.classList.remove("active"));
584 |           contents.forEach((content) => content.classList.remove("active"));
585 | 
586 |           currentHeader.classList.add("active");
587 |           currentContent.classList.add("active");
588 |         }
589 |       }
590 | 
591 |       // 页面加载完成后执行
592 |       document.addEventListener("DOMContentLoaded", function () {
593 |         // 当前选择的班级
594 |         let currentClass = "p3";
595 | 
596 |         // 获取所有手风琴头部
597 |         const accordionHeaders = document.querySelectorAll(".accordion-header");
598 | 
599 |         // 为每个手风琴头部添加点击事件
600 |         accordionHeaders.forEach((header) => {
601 |           header.addEventListener("click", function () {
602 |             toggleAccordion(this.id);
603 |           });
604 |         });
605 | 
606 |         // 班级选择器样式处理
607 |         const classRadios = document.querySelectorAll(
608 |           '.class-selector input[type="radio"]'
609 |         );
610 |         classRadios.forEach((radio) => {
611 |           radio.addEventListener("change", function () {
612 |             // 移除所有label的selected类
613 |             document
614 |               .querySelectorAll(".class-selector label")
615 |               .forEach((label) => {
616 |                 label.classList.remove("selected");
617 |               });
618 |             // 为当前选中的radio的父label添加selected类
619 |             if (this.checked) {
620 |               currentClass = this.value;
621 |               updateSubscriptionLinks();
622 |               this.closest("label").classList.add("selected");
623 |             }
624 |           });
625 |         });
626 | 
627 |         // 更新所有订阅链接和按钮文本
628 |         function updateSubscriptionLinks() {
629 |           // 更新按钮文本
630 |           const subscribeButtons =
631 |             document.getElementsByClassName("subscribeBtn");
632 |           for (let i = 0; i < subscribeButtons.length; i++) {
633 |             subscribeButtons[
634 |               i
635 |             ].textContent = `点击按钮订阅${currentClass.toUpperCase()}班日历`;
636 |           }
637 | 
638 |           // 更新华为账户和密码
639 |           const huaweiAccountCopyBtn = document.getElementById(
640 |             "huaweiAccountCopyBtn"
641 |           );
642 |           const huaweiPasswordCopyBtn = document.getElementById(
643 |             "huaweiPasswordCopyBtn"
644 |           );
645 |           if (huaweiAccountCopyBtn && huaweiPasswordCopyBtn) {
646 |             huaweiAccountCopyBtn.previousElementSibling.textContent = `账户： 25${currentClass}`;
647 |             huaweiPasswordCopyBtn.previousElementSibling.textContent = `密码： 25${currentClass}`;
648 |           }
649 | 
650 |           // 更新OPPO复制按钮文本
651 |           const oppoCopyBtn = document.getElementById("oppoCopyBtn");
652 |           if (oppoCopyBtn) {
653 |             oppoCopyBtn.textContent = `复制${currentClass.toUpperCase()}班日历订阅链接`;
654 |           }
655 | 
656 |           // 更新vivo账户和密码
657 |           const vivoAccountCopyBtn =
658 |             document.getElementById("vivoAccountCopyBtn");
659 |           const vivoPasswordCopyBtn = document.getElementById(
660 |             "vivoPasswordCopyBtn"
661 |           );
662 |           if (vivoAccountCopyBtn && vivoPasswordCopyBtn) {
663 |             vivoAccountCopyBtn.previousElementSibling.textContent = `账户： 25${currentClass}`;
664 |             vivoPasswordCopyBtn.previousElementSibling.textContent = `密码： 25${currentClass}`;
665 |           }
666 |         }
667 | 
668 |         if (isWechat()) {
669 |           // 微信浏览器
670 |           document.getElementById("wechatTip").style.display = "block";
671 |           document.getElementById("deviceAccordion").style.display = "none";
672 |         } else {
673 |           // 非微信浏览器，显示手风琴
674 |           document.getElementById("wechatTip").style.display = "none";
675 |           document.getElementById("deviceAccordion").style.display = "block";
676 | 
677 |           // 根据设备类型自动选择默认选项
678 |           if (isIOS()) {
679 |             toggleAccordion("iosHeader");
680 |           } else if (isHuawei()) {
681 |             toggleAccordion("huaweiHeader");
682 |           } else if (isOPPO()) {
683 |             toggleAccordion("oppoHeader");
684 |           } else if (isVivo()) {
685 |             toggleAccordion("vivoHeader");
686 |           } else if (isXiaomi()) {
687 |             toggleAccordion("xiaomiHeader");
688 |           } else {
689 |             toggleAccordion("otherHeader");
690 |           }
691 |         }
692 | 
693 |         // 设置CalDAV服务器地址
694 |         document.getElementById("huaweiServerAddress").textContent =
695 |           CONFIG.CALDAV_SERVER;
696 |         document.getElementById("vivoServerAddress").textContent =
697 |           CONFIG.CALDAV_SERVER;
698 | 
699 |         // 为订阅按钮添加点击事件（iOS & 小米）
700 |         const subscribeButtons =
701 |           document.getElementsByClassName("subscribeBtn");
702 |         for (let i = 0; i < subscribeButtons.length; i++) {
703 |           subscribeButtons[i].addEventListener("click", function () {
704 |             // 构建webcal链接
705 |             const webcalUrl = `webcal://${CONFIG.CDN_BASE_URL}${currentClass}.ics`;
706 |             // 跳转到webcal链接
707 |             window.location.href = webcalUrl;
708 |           });
709 |         }
710 | 
711 |         // 为华为账户复制按钮添加点击事件
712 |         document
713 |           .getElementById("huaweiAccountCopyBtn")
714 |           .addEventListener("click", function () {
715 |             if (copyToClipboard(`25${currentClass}`)) {
716 |               document.getElementById(
717 |                 "huaweiAccountCopySuccess"
718 |               ).style.display = "block";
719 |               setTimeout(function () {
720 |                 document.getElementById(
721 |                   "huaweiAccountCopySuccess"
722 |                 ).style.display = "none";
723 |               }, 3000);
724 |             }
725 |           });
726 | 
727 |         // 为华为密码复制按钮添加点击事件
728 |         document
729 |           .getElementById("huaweiPasswordCopyBtn")
730 |           .addEventListener("click", function () {
731 |             if (copyToClipboard(`25${currentClass}`)) {
732 |               document.getElementById(
733 |                 "huaweiPasswordCopySuccess"
734 |               ).style.display = "block";
735 |               setTimeout(function () {
736 |                 document.getElementById(
737 |                   "huaweiPasswordCopySuccess"
738 |                 ).style.display = "none";
739 |               }, 3000);
740 |             }
741 |           });
742 | 
743 |         // 为华为服务器地址复制按钮添加点击事件
744 |         document
745 |           .getElementById("huaweiServerCopyBtn")
746 |           .addEventListener("click", function () {
747 |             if (copyToClipboard(CONFIG.CALDAV_SERVER)) {
748 |               document.getElementById("huaweiServerCopySuccess").style.display =
749 |                 "block";
750 |               setTimeout(function () {
751 |                 document.getElementById(
752 |                   "huaweiServerCopySuccess"
753 |                 ).style.display = "none";
754 |               }, 3000);
755 |             }
756 |           });
757 | 
758 |         // 为复制按钮添加点击事件（OPPO）
759 |         document
760 |           .getElementById("oppoCopyBtn")
761 |           .addEventListener("click", function () {
762 |             if (
763 |               copyToClipboard(
764 |                 `https://${CONFIG.CDN_BASE_URL}${currentClass}.ics`
765 |               )
766 |             ) {
767 |               document.getElementById("oppoCopySuccess").style.display =
768 |                 "block";
769 |               setTimeout(function () {
770 |                 document.getElementById("oppoCopySuccess").style.display =
771 |                   "none";
772 |               }, 3000);
773 |             }
774 |           });
775 | 
776 |         // 为vivo账户复制按钮添加点击事件
777 |         document
778 |           .getElementById("vivoAccountCopyBtn")
779 |           .addEventListener("click", function () {
780 |             if (copyToClipboard(`25${currentClass}`)) {
781 |               document.getElementById("vivoAccountCopySuccess").style.display =
782 |                 "inline";
783 |               setTimeout(function () {
784 |                 document.getElementById(
785 |                   "vivoAccountCopySuccess"
786 |                 ).style.display = "none";
787 |               }, 3000);
788 |             }
789 |           });
790 | 
791 |         // 为vivo密码复制按钮添加点击事件
792 |         document
793 |           .getElementById("vivoPasswordCopyBtn")
794 |           .addEventListener("click", function () {
795 |             if (copyToClipboard(`25${currentClass}`)) {
796 |               document.getElementById("vivoPasswordCopySuccess").style.display =
797 |                 "inline";
798 |               setTimeout(function () {
799 |                 document.getElementById(
800 |                   "vivoPasswordCopySuccess"
801 |                 ).style.display = "none";
802 |               }, 3000);
803 |             }
804 |           });
805 | 
806 |         // 为vivo服务器地址复制按钮添加点击事件
807 |         document
808 |           .getElementById("vivoServerCopyBtn")
809 |           .addEventListener("click", function () {
810 |             if (copyToClipboard(CONFIG.CALDAV_SERVER)) {
811 |               document.getElementById("vivoServerCopySuccess").style.display =
812 |                 "inline";
813 |               setTimeout(function () {
814 |                 document.getElementById("vivoServerCopySuccess").style.display =
815 |                   "none";
816 |               }, 3000);
817 |             }
818 |           });
819 |       });
820 |     </script>
821 |   </body>
822 | </html>
823 | 


--------------------------------------------------------------------------------