testzm0318
/
farris-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore: modify home features description

This commit is contained in:
Sagi 2022-10-06 22:03:06 +08:00
parent 6dc7511b0b
commit b97a9eb5a4
1 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
packages/ui-vue/docs/.vitepress/farris-theme/components/VPHomeFeatures.vue
View File

@ -54,11 +54,13 @@ const { frontmatter: fm } = useData();
<div class="f-news-card">
<div class="f-news-card-hero">
<div id="f-card-01">
<img src="/assets/General.svg" />
<img src="/assets/Pro.svg" />
</div>
</div>
<div class="f-news-card-title">Farris Design General</div>
<div class="f-news-card-content">公共产品设计方案</div>
<div class="f-news-card-title">
<a href="/components/">Farris UI 通用组件</a>
</div>
<div class="f-news-card-content">适用于桌面端应用的通用组件库</div>
</div>
<div class="f-news-card">
<div class="f-news-card-hero">
@ -66,8 +68,10 @@ const { frontmatter: fm } = useData();
<img src="/assets/Mobile.svg" />
</div>
</div>
<div class="f-news-card-title">Farris Design Mobile</div>
<div class="f-news-card-content">移动端设计解决方案和组件库</div>
<div class="f-news-card-title">
<a href="/mobiles/">Farris UI Mobile 组件</a>
</div>
<div class="f-news-card-content">移动端应用组件库</div>
</div>
<div class="f-news-card">
<div class="f-news-card-hero">
@ -75,8 +79,12 @@ const { frontmatter: fm } = useData();
<img src="/assets/Pro.svg" />
</div>
</div>
<div class="f-news-card-title">Farris Design Pro</div>
<div class="f-news-card-content">中后台页面设计方案和组件库</div>
<div class="f-news-card-title">
<a href="/advance-components/">Farris UI 业务组件库</a>
</div>
<div class="f-news-card-content">
为筛选数据、选取数据、社交等场景设计的业务组件库
</div>
</div>
</div>
<div class="f-news-container-row">
@ -86,8 +94,10 @@ const { frontmatter: fm } = useData();
<img src="/assets/Dashboard.svg" />
</div>
</div>
<div class="f-news-card-title">Farris Design Dashboard</div>
<div class="f-news-card-content">工作台和分析部件设计方案</div>
<div class="f-news-card-title">
<a href="/patterns/">Farris UI 页面模式</a>
</div>
<div class="f-news-card-content">使用 Farris UI 搭建的页面模板库</div>
</div>
<div class="f-news-card">
<div class="f-news-card-hero">
@ -95,8 +105,10 @@ const { frontmatter: fm } = useData();
<img src="/assets/Portal.svg" />
</div>
</div>
<div class="f-news-card-title">Farris Design Portal</div>
<div class="f-news-card-content">内外网门户设计方案和门户模板</div>
<div class="f-news-card-title">
<a href="/mobile-patterns/">Farris UI Mobile 页面模式</a>
</div>
<div class="f-news-card-content">使用 Farris UI Mobile 搭建的页面模板库</div>
</div>
<div class="f-news-card">
<div class="f-news-card-hero">
@ -104,8 +116,10 @@ const { frontmatter: fm } = useData();
<img src="/assets/Pix.svg" />
</div>
</div>
<div class="f-news-card-title">Farris Design Pix</div>
<div class="f-news-card-content">图片设计方案和插画库</div>
<div class="f-news-card-title">
<a href="/resources/">Farris UI Resources</a>
</div>
<div class="f-news-card-content">设计资源和图标库</div>
</div>
</div>
</div>
@ -224,6 +238,14 @@ const { frontmatter: fm } = useData();
margin: 12px 16px 6px;
}
.f-news-card-title a {
color: inherit;
}
.f-news-card-title a:hover {
color: #529dff;
}
.f-news-card-content {
font-size: 14px;
color: rgba(94, 109, 130, 0.8);