perf: 优化template-admin-ts自带样式导入逻辑
This commit is contained in:
@ -178,13 +178,13 @@ onMounted(() => {
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
<style scoped lang="scss">
|
||||
.primary-account {
|
||||
border-radius: 2px;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
background: var(--Brand-Brand-1, rgba(240, 237, 255, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
@ -195,7 +195,7 @@ onMounted(() => {
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
background: var(--Functional-Warning-1, rgba(255, 245, 222, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: var(--Functional-Warning-6, rgba(255, 174, 0, 1));
|
||||
@ -204,7 +204,7 @@ onMounted(() => {
|
||||
border-radius: 4px;
|
||||
padding: 2px 12px;
|
||||
border: 1px solid var(--Functional-Danger-6, rgba(246, 75, 49, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
@ -214,7 +214,7 @@ onMounted(() => {
|
||||
border-radius: 4px;
|
||||
padding: 5px 16px;
|
||||
border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: var(--Brand-Brand-6, rgba(109, 76, 254, 1));
|
||||
@ -224,14 +224,14 @@ onMounted(() => {
|
||||
margin-bottom: 12px;
|
||||
.add-account-title {
|
||||
margin: 0;
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: var(--Text-1, rgba(33, 31, 36, 1));
|
||||
}
|
||||
.add-account-subtitle {
|
||||
margin: 4px 0 0 0;
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: var(--Text-2, rgba(60, 64, 67, 1));
|
||||
@ -243,7 +243,7 @@ onMounted(() => {
|
||||
border-radius: 4px;
|
||||
padding: 12px 16px;
|
||||
background: var(--BG-200, rgba(242, 243, 245, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: var(--Text-2, rgba(60, 64, 67, 1));
|
||||
@ -254,7 +254,7 @@ onMounted(() => {
|
||||
}
|
||||
.cannot-add-account-title {
|
||||
margin: 0;
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: var(--Text-1, rgba(33, 31, 36, 1));
|
||||
@ -267,7 +267,7 @@ onMounted(() => {
|
||||
.cannot-add-account-subtitle {
|
||||
margin: 16px 0 0 0;
|
||||
padding-left: 32px;
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: var(--Text-2, rgba(60, 64, 67, 1));
|
||||
@ -276,7 +276,7 @@ onMounted(() => {
|
||||
.delete-modal-content {
|
||||
margin-left: 34px;
|
||||
margin-top: 16px;
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: var(--Text-2, rgba(60, 64, 67, 1));
|
||||
@ -289,7 +289,7 @@ onMounted(() => {
|
||||
justify-content: space-between;
|
||||
.title {
|
||||
color: var(--Text-1, #211f24);
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
|
||||
@ -98,14 +98,14 @@ async function handleOk() {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
<style scoped lang="scss">
|
||||
.tips {
|
||||
height: 40px;
|
||||
border-radius: 4px;
|
||||
padding: 10px 16px;
|
||||
background: var(--BG-100, rgba(247, 248, 250, 1));
|
||||
border: 1px solid var(--BG-300, rgba(230, 230, 232, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
span {
|
||||
@ -118,7 +118,7 @@ async function handleOk() {
|
||||
align-items: center;
|
||||
}
|
||||
:deep(.arco-form-item-label) {
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
@ -126,12 +126,12 @@ async function handleOk() {
|
||||
:deep(.arco-input-wrapper) {
|
||||
background: white;
|
||||
border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding: 4px 12px;
|
||||
input::placeholder {
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: var(--Text-4, rgba(147, 148, 153, 1));
|
||||
@ -141,7 +141,7 @@ async function handleOk() {
|
||||
background: var(--BG-200, rgba(242, 243, 245, 1));
|
||||
border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
|
||||
.arco-input:disabled {
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
@ -156,7 +156,7 @@ async function handleOk() {
|
||||
border: 1px solid rgba(109, 76, 254, 1);
|
||||
border-radius: 4px;
|
||||
padding: 2px 12px;
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: rgba(109, 76, 254, 1);
|
||||
@ -168,7 +168,7 @@ async function handleOk() {
|
||||
align-items: center;
|
||||
.title {
|
||||
color: var(--Text-1, #211f24);
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
|
||||
@ -261,7 +261,7 @@ function getFileExtension(filename: string): string {
|
||||
align-items: center;
|
||||
}
|
||||
:deep(.arco-form-item-label) {
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
@ -269,12 +269,12 @@ function getFileExtension(filename: string): string {
|
||||
:deep(.arco-input-wrapper) {
|
||||
background: white;
|
||||
border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding: 4px 12px;
|
||||
input::placeholder {
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: var(--Text-4, rgba(147, 148, 153, 1));
|
||||
@ -284,7 +284,7 @@ function getFileExtension(filename: string): string {
|
||||
background: var(--BG-200, rgba(242, 243, 245, 1));
|
||||
border: 1px solid var(--BG-400, rgba(215, 215, 217, 1));
|
||||
.arco-input:disabled {
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
@ -304,7 +304,7 @@ function getFileExtension(filename: string): string {
|
||||
border-radius: 4px;
|
||||
padding: 2px 12px;
|
||||
border: 1px solid var(--BG-500, rgba(177, 178, 181, 1));
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
@ -318,7 +318,7 @@ function getFileExtension(filename: string): string {
|
||||
align-items: center;
|
||||
.title {
|
||||
color: var(--Text-1, #211f24);
|
||||
font-family: 'PuHuiTi-Medium';
|
||||
font-family: $font-family-medium;
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
|
||||
Reference in New Issue
Block a user