更新 README.md
This commit is contained in:
parent
eeb29880df
commit
564c49be54
58
README.md
58
README.md
@ -24,19 +24,6 @@
|
||||
|
||||
---
|
||||
|
||||
## 📖 项目简介
|
||||
|
||||
<div align="center">
|
||||
<table style="border: none;">
|
||||
<tr>
|
||||
<td width="60%" valign="top">
|
||||
|
||||
**iOS Boss** 是一个简单招聘应用演示项目，采用 **SwiftUI** 原生框架开发，集成现代化的 UI 设计理念和流畅的用户交互体验。
|
||||
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
## 🛠️ 技术栈
|
||||
@ -45,9 +32,9 @@
|
||||
<table style="border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
|
||||
<thead>
|
||||
<tr style="background: linear-gradient(135deg, #667eea, #764ba2);">
|
||||
<th style="color: white; padding: 15px; text-align: left;">技术分类</th>
|
||||
<th style="color: white; padding: 15px; text-align: left;">版本</th>
|
||||
<th style="color: white; padding: 15px; text-align: left;">说明</th>
|
||||
<th style="color: black; padding: 15px; text-align: left;">技术分类</th>
|
||||
<th style="color: black; padding: 15px; text-align: left;">版本</th>
|
||||
<th style="color: black; padding: 15px; text-align: left;">说明</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -88,7 +75,7 @@
|
||||
|
||||
<div align="center">
|
||||
<h3 style="background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||
🏠 核心浏览功能
|
||||
🏠 核心界面浏览
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@ -98,14 +85,14 @@
|
||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
||||
<h4 style="background: linear-gradient(135deg, #007AFF, #5856D6); color: white; margin: 0; padding: 15px;">📋 工作卡片展示</h4>
|
||||
<img src="./IOS_study/Img/Git/工作卡片样式.webp" alt="工作卡片样式" width="300" style="border-radius: 0 0 15px 15px;"/>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>卡片设计，信息层次清晰</em></p>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>卡片设计</em></p>
|
||||
</div>
|
||||
</td>
|
||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
||||
<h4 style="background: linear-gradient(135deg, #34C759, #30D158); color: white; margin: 0; padding: 15px;">📖 职位详情页面</h4>
|
||||
<img src="./IOS_study/Img/Git/工作详情样式.webp" alt="工作详情样式" width="300" style="border-radius: 0 0 15px 15px;"/>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>详细信息展示，完整职位描述</em></p>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>详细信息展示</em></p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -113,7 +100,7 @@
|
||||
|
||||
<div align="center">
|
||||
<h3 style="background: linear-gradient(135deg, #f093fb, #f5576c); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||
📝 发布管理功能
|
||||
📝 发布工作界面
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@ -123,7 +110,7 @@
|
||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
||||
<h4 style="background: linear-gradient(135deg, #FF9500, #FF9F0A); color: white; margin: 0; padding: 15px;">💼 发布招聘信息</h4>
|
||||
<img src="./IOS_study/Img/Git/发布工作样式.webp" alt="发布工作样式" width="300" style="border-radius: 0 0 15px 15px;"/>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>信息发布界面，表单验证完善</em></p>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>信息发布界面，表单验证</em></p>
|
||||
</div>
|
||||
</td>
|
||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
||||
@ -138,7 +125,7 @@
|
||||
|
||||
<div align="center">
|
||||
<h3 style="background: linear-gradient(135deg, #4ECDC4, #44A08D); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||
🎭 交互体验功能
|
||||
🎭 交互体验
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@ -146,16 +133,16 @@
|
||||
<tr>
|
||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
||||
<h4 style="background: linear-gradient(135deg, #FF3B30, #FF453A); color: white; margin: 0; padding: 15px;">💬 弹窗提醒系统</h4>
|
||||
<h4 style="background: linear-gradient(135deg, #FF3B30, #FF453A); color: white; margin: 0; padding: 15px;">💬 弹窗提醒</h4>
|
||||
<img src="./IOS_study/Img/Git/弹窗提醒.webp" alt="弹窗提醒" width="300" style="border-radius: 0 0 15px 15px;"/>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>简单提醒机制，提升用户体验</em></p>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>简单提醒机制</em></p>
|
||||
</div>
|
||||
</td>
|
||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
||||
<h4 style="background: linear-gradient(135deg, #5856D6, #5856D6); color: white; margin: 0; padding: 15px;">✅ 确认交互设计</h4>
|
||||
<img src="./IOS_study/Img/Git/下线确定样式.webp" alt="下线确定样式" width="300" style="border-radius: 0 0 15px 15px;"/>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>安全的操作确认，防止误操作</em></p>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>操作确认</em></p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@ -163,13 +150,12 @@
|
||||
|
||||
<div align="center">
|
||||
<h3 style="background: linear-gradient(135deg, #FF6B6B, #FF8E53); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||
👤 个人中心功能
|
||||
👤 个人界面
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 20px; display: inline-block;">
|
||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
||||
<h4 style="background: linear-gradient(135deg, #AF52DE, #BF5AF2); color: white; margin: 0; padding: 15px;">🎭 我的个人页面</h4>
|
||||
<img src="./IOS_study/Img/Git/我的页面.webp" alt="我的页面" width="300" style="border-radius: 0 0 15px 15px;"/>
|
||||
<p style="padding: 15px; margin: 0; background: white;"><em>用户中心</em></p>
|
||||
</div>
|
||||
@ -180,28 +166,18 @@
|
||||
|
||||
## 📚 学习资源
|
||||
|
||||
<div align="center">
|
||||
<table style="width: 100%; border-collapse: collapse;">
|
||||
<tr>
|
||||
<td width="33%" align="center" style="padding: 20px; background: linear-gradient(135deg, #007AFF, #5856D6); color: white; border-radius: 15px; margin: 5px;">
|
||||
<h3>📖 官方文档</h3>
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
<li><a href="https://developer.apple.com/documentation/swiftui" style="color: white;">SwiftUI 官方文档</a></li>
|
||||
<li><a href="https://docs.swift.org/swift-book/" style="color: white;">Swift 编程语言</a></li>
|
||||
<li><a href="https://developer.apple.com/design/human-interface-guidelines/" style="color: white;">HIG 设计指南</a></li>
|
||||
</ul>
|
||||
|
||||
<td width="33%" align="center" style="padding: 20px; background: linear-gradient(135deg, #FF9500, #FF9F0A); color: white; border-radius: 15px; margin: 5px;">
|
||||
<h3>🛠️ 开发工具</h3>
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
<li><a href="https://leancloud.cn/" style="color: white;">LeanCloud 后端</a></li>
|
||||
<li><a href="https://github.com/onevcat/Kingfisher" style="color: white;">Kingfisher 图片库</a></li>
|
||||
<li><a href="https://github.com/LottieFiles/dotlottie-ios" style="color: white;">DotLottie 动画</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
## 📋 备注
|
||||
@ -220,12 +196,8 @@
|
||||
<div align="center" style="background: linear-gradient(135deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3, #54a0ff); padding: 30px; border-radius: 20px; margin: 30px 0;">
|
||||
<h2 style="color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
|
||||
<img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Light%20Bulb.png" alt="Light Bulb" width="40" height="40" />
|
||||
如果这个项目对你有帮助，别忘了给个 ⭐ Star！
|
||||
如果这个项目对你有帮助，别忘了给个 ⭐️ ！
|
||||
<img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Star-Struck.png" alt="Star-Struck" width="40" height="40" />
|
||||
</h2>
|
||||
|
||||
<p style="color: white; font-size: 18px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
|
||||
感谢你的支持！🚀
|
||||
</p>
|
||||
|
||||
</div>
|
||||
Loading…
x
Reference in New Issue
Block a user