更新 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);">
|
<table style="border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
|
||||||
<thead>
|
<thead>
|
||||||
<tr style="background: linear-gradient(135deg, #667eea, #764ba2);">
|
<tr style="background: linear-gradient(135deg, #667eea, #764ba2);">
|
||||||
<th style="color: white; padding: 15px; text-align: left;">技术分类</th>
|
<th style="color: black; 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: white; padding: 15px; text-align: left;">说明</th>
|
<th style="color: black; padding: 15px; text-align: left;">说明</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@ -88,7 +75,7 @@
|
|||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<h3 style="background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
<h3 style="background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||||
🏠 核心浏览功能
|
🏠 核心界面浏览
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -98,14 +85,14 @@
|
|||||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
<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>
|
<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;"/>
|
<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>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
<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;">
|
<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>
|
<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;"/>
|
<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>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -113,7 +100,7 @@
|
|||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<h3 style="background: linear-gradient(135deg, #f093fb, #f5576c); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
<h3 style="background: linear-gradient(135deg, #f093fb, #f5576c); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||||
📝 发布管理功能
|
📝 发布工作界面
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -123,7 +110,7 @@
|
|||||||
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
|
<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>
|
<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;"/>
|
<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>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
<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">
|
<div align="center">
|
||||||
<h3 style="background: linear-gradient(135deg, #4ECDC4, #44A08D); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
<h3 style="background: linear-gradient(135deg, #4ECDC4, #44A08D); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||||
🎭 交互体验功能
|
🎭 交互体验
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -146,16 +133,16 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
<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;">
|
<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;"/>
|
<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>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
|
<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;">
|
<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>
|
<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;"/>
|
<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>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -163,13 +150,12 @@
|
|||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<h3 style="background: linear-gradient(135deg, #FF6B6B, #FF8E53); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
<h3 style="background: linear-gradient(135deg, #FF6B6B, #FF8E53); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
|
||||||
👤 个人中心功能
|
👤 个人界面
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 20px; display: inline-block;">
|
<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;">
|
<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;"/>
|
<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>
|
</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;">
|
<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://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://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>
|
<li><a href="https://developer.apple.com/design/human-interface-guidelines/" style="color: white;">HIG 设计指南</a></li>
|
||||||
</ul>
|
</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;">
|
<ul style="list-style: none; padding: 0;">
|
||||||
<li><a href="https://leancloud.cn/" style="color: white;">LeanCloud 后端</a></li>
|
<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/onevcat/Kingfisher" style="color: white;">Kingfisher 图片库</a></li>
|
||||||
<li><a href="https://github.com/LottieFiles/dotlottie-ios" style="color: white;">DotLottie 动画</a></li>
|
<li><a href="https://github.com/LottieFiles/dotlottie-ios" style="color: white;">DotLottie 动画</a></li>
|
||||||
</ul>
|
</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;">
|
<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);">
|
<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" />
|
<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" />
|
<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>
|
</h2>
|
||||||
|
|
||||||
<p style="color: white; font-size: 18px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
|
|
||||||
感谢你的支持!🚀
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
Loading…
x
Reference in New Issue
Block a user