aidlab/FiDA_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更改字体

Browse Source
This commit is contained in:
lizhipeng
2026-02-05 13:55:37 +08:00
parent 79e25e486a
commit 826c6d28b2
15 changed files with 135 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/style.css
View File

@@ -12,7 +12,6 @@ p {
}
* {
box-sizing: border-box;
font-family: 'Medium';
}
html,
body,
@@ -20,6 +19,7 @@ body,
width: 100%;
height: 100%;
overflow: hidden;
font-family: 'Medium';
}
@keyframes loading {
0% {

2
src/assets/css/style.less
View File

@@ -13,7 +13,6 @@ p {
* {
box-sizing: border-box;
font-family: 'Medium';
}
html,
@@ -22,6 +21,7 @@ body,
width: 100%;
height: 100%;
overflow: hidden;
font-family: 'Medium';
}
@keyframes loading {

11
src/lang/en.ts
View File

@@ -1,9 +1,10 @@
export default {
Login: {
Login: 'Log in',
SignUp: 'Sign up',
LoginTo: 'Log on to',
LoginTitle: 'A multi-agent canvas for rapid, trend driven design iteration.',
login: 'Log in',
register: 'Register',
signUp: 'Sign up',
loginTo: 'Log on to',
loginTitle: 'A multi-agent canvas for rapid, trend driven design iteration.',
name: 'Name',
email: 'Email',
password: 'Password',
@@ -42,7 +43,7 @@ export default {
next: 'Next',
nuic2Title: `What's your dream <b>home vibe</b> ?`,
loadMore: 'Load more',
nuic3Title: `Where <b>are you based</b>? What do you <b>do</b> ?`,
nuic3Title: `<b>Where</b> are you based? What do you <b>do</b> ?`,
basedIn: 'Based in',
role: 'Role',
allSet: 'All set!'

11
src/lang/zh-cn.ts
View File

@@ -1,9 +1,10 @@
export default {
Login: {
Login: '登录',
SignUp: '注册',
LoginTo: '登录到',
LoginTitle: '一个多智能体画布，用于快速、趋势驱动的设计迭代。',
login: '登录',
register: '注册',
signUp: '注册',
loginTo: '登录到',
loginTitle: '一个多智能体画布，用于快速、趋势驱动的设计迭代。',
name: '姓名',
email: '邮箱',
password: '密码',
@@ -42,7 +43,7 @@ export default {
next: '下一步',
nuic2Title: `您理想中 <b>家的氛围</b> 是什么？`,
loadMore: '加载更多',
nuic3Title: `您在哪里 <b>工作</b> ？您从事什么 <b>工作</b> ？`,
nuic3Title: `您在 <b>哪里</b> 工作？您从事什么 <b>工作</b> ？`,
basedIn: '公司',
role: '角色',
allSet: '准备好了！',

63
src/views/home/left-nav.vue
View File

@@ -25,15 +25,24 @@
<div class="history-list" v-show="!isCollapse && showHistory">
<div v-for="item in historyList" :key="item.name" class="history-item">
<div v-if="item.title" class="title">{{ item.name }}</div>
<div v-else class="box" @click="onClickHistoryItem(item)">
<div
v-else
class="box"
@click="onClickHistoryItem(item)"
:class="{ active: item.id == id }"
>
<span>{{ item.name }}</span>
<el-popover placement="right" trigger="click">
<el-popover
placement="right"
trigger="click"
popper-style="padding: 1rem 0.5rem;"
>
<template #reference>
<span class="icon"><svg-icon name="more" size="16" /></span>
<span @click.stop class="icon"><svg-icon name="more" size="16" /></span>
</template>
<div class="button-box">
<div class="rename-btn">Rename</div>
<div class="delete-btn">Delete</div>
<div class="history-item-menu">
<div class="rename" @click="onRenameHistoryItem(item)">Rename</div>
<div class="delete" @click="onDeleteHistoryItem(item)">Delete</div>
</div>
</el-popover>
</div>
@@ -50,6 +59,7 @@
const route = useRoute()
const router = useRouter()
import { useGlobalStore } from '@/stores'
const id = computed(() => route.params.id)
const globalStore = useGlobalStore()
const isCollapse = computed(() => globalStore.state.homeLeftNavCollapse)
const onCollapse = () => {
@@ -97,9 +107,21 @@
showHistory.value = !showHistory.value
}
const onClickHistoryItem = (item: any) => {
console.log(item)
router.push({ name: 'test', params: { id: item.id } })
}
const onRenameHistoryItem = (item: any) => {
// const index = historyList.value.findIndex((i: any) => i.id == item.id)
// if (index != -1) {
// }
}
const onDeleteHistoryItem = (item: any) => {
console.log(item)
const index = historyList.value.findIndex((i: any) => i.id == item.id)
if (index != -1) {
historyList.value.splice(index, 1)
}
}
</script>
<style lang="less" scoped>
@@ -131,7 +153,7 @@
margin-right: 1rem;
}
> .logo-text {
font-family: Mazzard;
font-family: SemiBold;
font-weight: 600;
font-size: 3rem;
margin-right: auto;
@@ -204,14 +226,19 @@
> .title {
font-weight: 600;
font-size: 1.6rem;
font-family: SemiBold;
}
> .box {
font-family: Regular;
border-radius: 0.8rem;
cursor: pointer;
&.active,
&:hover {
background-color: rgba(0, 0, 0, 0.06);
}
&.active {
font-family: SemiBold;
}
> .label {
flex: 1;
font-weight: 400;
@@ -220,8 +247,28 @@
white-space: nowrap;
overflow: hidden;
}
>.icon{
width: 2.5rem;
height: 2.5rem;
}
}
}
}
}
.history-item-menu {
user-select: none;
> div {
cursor: pointer;
padding: 0.5rem 1rem;
&:hover {
background-color: rgba(0, 0, 0, 0.06);
}
}
> .rename {
color: #409eff;
}
> .delete {
color: #ff4d4f;
}
}
</style>

10
src/views/login/css/style.css
View File

@@ -98,8 +98,7 @@
.register > .right > .box > .tip,
.login > .right > .box > .tip {
font-weight: 400;
font-family: General Sans Variable;
font-style: Regular;
font-family: Regular;
font-size: 1.8rem;
color: #666;
margin-top: 0.4rem;
@@ -109,6 +108,10 @@
margin-top: 5rem;
width: 100%;
}
.register > .right > .box > .el-form::v-deep,
.login > .right > .box > .el-form::v-deep {
font-family: Regular;
}
.register > .right > .box > .el-form::v-deep .el-form-item,
.login > .right > .box > .el-form::v-deep .el-form-item {
margin-bottom: 2rem;
@@ -118,6 +121,7 @@
color: #252727;
font-size: 1.8rem;
margin-bottom: 0.8rem;
font-family: Medium;
}
.register > .right > .box > .el-form::v-deep .el-input,
.login > .right > .box > .el-form::v-deep .el-input {
@@ -167,12 +171,14 @@
border-radius: 0.8rem;
color: #fff;
font-weight: 600;
font-family: SemiBold;
}
.register > .right > .box > .tip-2,
.login > .right > .box > .tip-2 {
font-weight: 400;
font-size: 1.6rem;
color: #666;
font-family: Regular;
}
.register > .right > .box > .tip-2::v-deep > span,
.login > .right > .box > .tip-2::v-deep > span {

4
src/views/login/index.vue
View File

@@ -2,8 +2,8 @@
<div class="index background-pink">
<div class="header">
<p class="split"></p>
<button class="login" @click="onLogin">{{ $t('Login.Login') }}</button>
<button class="register" @click="onRegister">{{ $t('Login.SignUp') }}</button>
<button class="login" @click="onLogin">{{ $t('Login.login') }}</button>
<button class="register" @click="onRegister">{{ $t('Login.signUp') }}</button>
</div>
</div>
</template>

9
src/views/login/less/style.less
View File

@@ -95,8 +95,8 @@
>.tip {
font-weight: 400;
font-family: General Sans Variable;
font-style: Regular;
font-family: Regular;
// font-style: Regular;
font-size: 1.8rem;
color: #666;
margin-top: 0.4rem;
@@ -107,6 +107,8 @@
width: 100%;
&::v-deep {
font-family: Regular;
.el-form-item {
margin-bottom: 2rem;
}
@@ -115,6 +117,7 @@
color: #252727;
font-size: 1.8rem;
margin-bottom: 0.8rem;
font-family: Medium;
}
.el-input {
@@ -167,6 +170,7 @@
border-radius: 0.8rem;
color: #fff;
font-weight: 600;
font-family: SemiBold;
}
}
}
@@ -175,6 +179,7 @@
font-weight: 400;
font-size: 1.6rem;
color: #666;
font-family: Regular;
&::v-deep>span {
text-decoration: underline;

6
src/views/login/login.vue
View File

@@ -17,10 +17,10 @@
<img src="@/assets/images/login/elephant.png" />
<template v-if="!isVisible">
<div class="title">
<span>{{ $t('Login.LoginTo') }}</span>
<span>{{ $t('Login.loginTo') }}</span>
<img src="@/assets/images/logo-2.png" />
</div>
<div class="tip">{{ $t('Login.LoginTitle') }}</div>
<div class="tip">{{ $t('Login.loginTitle') }}</div>
<el-form :model="formData" :rules="ruleForm" label-position="top" ref="formRef">
<el-form-item :label="$t('Login.email')" prop="email">
<el-input
@@ -48,7 +48,7 @@
</el-form-item>
<el-form-item>
<el-button class="submit" type="primary" @click="onSubmit">{{
$t('Login.Login')
$t('Login.login')
}}</el-button>
</el-form-item>
</el-form>

2
src/views/login/other-login.vue
View File

@@ -30,7 +30,7 @@
align-items: center;
justify-content: center;
font-size: 1.6rem;
font-family: Regular;
&::before,
&::after {
content: '';

11
src/views/login/visible-code.vue
View File

@@ -44,7 +44,7 @@
clearTime()
})
onMounted(() => {
setTime(5)
setTime()
})
const onResend = () => {
if (time.value > 0) return
@@ -66,14 +66,16 @@
font-weight: 600;
font-size: 4rem;
color: #252727;
font-family: SemiBold;
}
> .tip {
margin-top: 2rem;
font-size: 1.8rem;
color: #666;
> span {
font-family: Regular;
&::v-deep > span {
color: #252727;
font-weight: 600;
font-family: Medium;
}
}
> .input-code {
@@ -87,17 +89,20 @@
border-radius: 0.8rem;
color: #fff;
font-weight: 600;
font-family: SemiBold;
}
> .time {
user-select: none;
margin-top: 2rem;
font-size: 1.6rem;
color: #666;
font-family: Regular;
> span {
color: #ff7a50;
text-decoration: underline;
cursor: pointer;
font-weight: 500;
font-family: Medium;
}
}
}

8
src/views/nuic/index.vue
View File

@@ -15,7 +15,11 @@
:key="i"
:state="active === i ? 1 : active > i ? 0 : 2"
>
<img v-show="i === active" src="@/assets/images/nuic/nav-active.png" draggable="false" />
<img
v-show="i === active"
src="@/assets/images/nuic/nav-active.png"
draggable="false"
/>
</div>
</div>
<component class="view" :is="list[active]" @next="onNext" />
@@ -68,6 +72,7 @@
> span {
font-weight: 600;
font-size: 3.3rem;
font-family: SemiBold;
}
}
> .header {
@@ -133,6 +138,7 @@
cursor: pointer;
margin-right: 3.4rem;
background-color: #fff;
font-family: SemiBold;
&:last-child {
margin-right: 0;
}

3
src/views/nuic/nuic-1.vue
View File

@@ -39,6 +39,8 @@
margin-bottom: 2rem;
&::v-deep > b {
font-size: 4.8rem;
font-family: Migra-Extrabold;
font-style: italic;
}
}
> .tip {
@@ -46,6 +48,7 @@
font-size: 2rem;
color: #585858;
margin-bottom: 8.7rem;
font-family: Regular;
}
}
</style>

3
src/views/nuic/nuic-2.vue
View File

@@ -45,6 +45,8 @@
margin-bottom: 6rem;
&::v-deep > b {
font-size: 4.8rem;
font-family: Migra-Extrabold;
font-style: italic;
}
}
> .list {
@@ -85,6 +87,7 @@
color: #fff;
margin-bottom: 1rem;
text-shadow: 1px 1px 4.7px #d9692b;
font-family: SemiBold;
}
}
}

27
src/views/nuic/nuic-3.vue
View File

@@ -5,13 +5,25 @@
<div class="select-item">
<div class="title">{{ $t('Nuic.basedIn') }}</div>
<el-select v-model="data.based">
<el-option v-for="v in data.basedList" :key="v.value" :label="v.label" :value="v.value" />
<el-option
class="el-select__option"
v-for="v in data.basedList"
:key="v.value"
:label="v.label"
:value="v.value"
/>
</el-select>
</div>
<div class="select-item">
<div class="title">{{ $t('Nuic.role') }}</div>
<el-select v-model="data.role">
<el-option v-for="v in data.roleList" :key="v.value" :label="v.label" :value="v.value" />
<el-option
class="el-select__option"
v-for="v in data.roleList"
:key="v.value"
:label="v.label"
:value="v.value"
/>
</el-select>
</div>
<div class="btns">
@@ -49,8 +61,10 @@
font-weight: 500;
font-size: 4rem;
margin-bottom: 9.8rem;
> b {
&::v-deep > b {
font-size: 4.8rem;
font-family: Migra-Extrabold;
font-style: italic;
}
}
> .select-item {
@@ -62,11 +76,14 @@
font-size: 3.6rem;
font-weight: 800;
color: #252727;
font-family: Migra-Extrabold;
font-style: italic;
}
> .el-select {
width: 100%;
--el-border-radius-base: 0.8rem;
&::v-deep {
font-family: Regular;
.el-select__wrapper {
min-height: auto;
height: 6rem;
@@ -80,4 +97,8 @@
margin-top: 15.8rem;
}
}
.el-select__option {
padding: 0 1.8rem;
}
</style>