style:登录页，知识库首页，智能体首页字体样式优化

src/3rd-libs/jsencrypt.js

@@ -1,3 +1,6 @@
+/**
+ * @see https://www.npmjs.com/package/jsdecrypt
+ * */
 import JSEncrypt from 'jsencrypt/bin/jsencrypt.min';
 
 export default JSEncrypt;

src/modules/intelligent/MessageBody.vue

@@ -302,8 +302,8 @@ onBeforeUnmount(() => {
 }
 .label-btn {
   position: relative;
-  background-color: var(--color-neutral-2);
-  color: var(--color-neutral-6);
+  background-color: var(--color-bg-2);
+  color: var(--color-text-3);
   font-size: 12px;
   cursor: pointer;
   width: calc(100% - 60px);
@@ -323,7 +323,7 @@ onBeforeUnmount(() => {
   }
 }
 .label-btn:hover {
-  background-color: var(--color-neutral-3);
+  background-color: var(--color-fill-2);
 }
 .label-add {
   width: 240px;

src/modules/login/FormItem.vue

@@ -84,7 +84,7 @@ const form_type = ref(0);
 const loading = ref(false);
 
 const handleSubmit = (data) => {
-  loading.vaue = true;
+  loading.value = true;
   if (form_type.value) {
     // 注册
     toRegister();
@@ -144,21 +144,21 @@ const changeFormType = (e, type) => {
   line-height: 42px;
   font-size: 30px;
   font-weight: 600;
-  color: var(--color-neutral-10);
+  color: var(--color-text-1);
 }
 
 .submit-btn {
   width: 100%;
   height: 54px;
   background-color: rgb(var(--arcoblue-6));
-  color: var(--color-neutral-1);
+  color: var(--color-bg-1);
   font-size: 20px;
   border-radius: 3px;
 }
 
 .submit-btn:hover {
   background-color: rgba(var(--arcoblue-6), 0.8);
-  color: var(--color-neutral-1);
+  color: var(--color-bg-1);
 }
 
 .tips-register {

src/modules/login/auth.js

@@ -10,7 +10,7 @@ export function getLoginFormRules(t) {
     ],
     password: [
       { required: true, message: t('login.passwordTips'), trigger: 'blur' },
-      { min: 6, max: 20, message: t('login.passwordLength'), trigger: 'blur' }
+      { min: 8, max: 20, message: t('login.passwordLength'), trigger: 'blur' }
     ]
   };
 }

src/utils/jsencrypt.js

@@ -36,14 +36,23 @@ DPSg6QKBgAR7IMz5wCkdS//PbIS8UOmxXHwwkZgrtAf56+xyvyQiOdcZj/xFolY4
 X86xznY0cuDr9o5sWdNXDqcZFOGS4txwCOEyI3VntYReO005nS6vsfDiGqyutlZh
 9gAMVA6Hm3UFKvxrjgmpMOAMYqugRx5hFxhjiiaDRScoewx5abHN`;
 
-// 加密
+/**
+ * @description: 加密
+ * @param {string} txt 待加密字符串
+ * @return {string} 加密后的字符串
+ * */
+
 export function encrypt(txt) {
   const encryptor = new JSEncrypt();
   encryptor.setPublicKey(publicKey); // 设置公钥
   return encryptor.encrypt(txt); // 对数据进行加密
 }
 
-// 解密
+/**
+ * @description: 解密
+ * @param {string} txt 待解密字符串
+ * @return {string} 解密字符串
+ * */
 export function decrypt(txt) {
   const encryptor = new JSEncrypt();
   encryptor.setPrivateKey(privateKey); // 设置私钥

src/views/Login.vue

@@ -40,6 +40,7 @@ import FormItem from '../modules/login/FormItem.vue';
   margin-left: 20px;
   font-size: 24px;
   font-weight: 600;
+  color: var(--color-text-1);
 }
 .login-section {
   display: flex;
@@ -54,6 +55,7 @@ import FormItem from '../modules/login/FormItem.vue';
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  color: var(--color-text-1);
 }
 .intro-title {
   font-size: 38px;

src/views/manage/CardItem.vue

@@ -51,7 +51,7 @@ const handleClickIcon = () => {
 .card-container {
   position: relative;
   padding: 10px 20px;
-  background-color: var(--color-bg-2);
+  background-color: var(--color-bg-1);
   border-radius: 5px;
   overflow: hidden;
   cursor: pointer;
@@ -63,7 +63,7 @@ const handleClickIcon = () => {
   margin-top: 10px;
   font-size: 16px;
   font-weight: bold;
-  color: var(--color-neutral-8);
+  color: var(--color-text-1);
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -73,7 +73,7 @@ const handleClickIcon = () => {
 }
 .card-label {
   width: 100%;
-  color: var(--color-neutral-2);
+  color: var(--color-text-3);
 }
 
 .card-des {
@@ -83,7 +83,7 @@ const handleClickIcon = () => {
   margin-top: 5px;
   font-size: 12px;
   line-height: 16px;
-  color: var(--color-neutral-6);
+  color: var(--color-text-3);
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
@@ -95,6 +95,7 @@ const handleClickIcon = () => {
   left: 20px;
   width: calc(100% - 40px);
   font-size: 12px;
+  color: var(--color-text-3);
 }
 .card-settings {
   position: absolute;

src/views/manage/HeadManage.vue

@@ -37,10 +37,10 @@ const props = defineProps({
   font-family: 'pingfang sc';
   font-size: 18px;
   font-weight: 600;
-  color: var(--color-neutral-10);
+  color: var(--color-text-1);
 }
 .tips {
   font-size: 12px;
-  color: var(--color-neutral-8);
+  color: var(--color-text-3);
 }
 </style>