renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化template-admin-ts自带样式导入逻辑

Browse Source
This commit is contained in:
rd
2025-07-11 16:50:48 +08:00
parent 2fc1f64f5e
commit ba6ae87a1d
93 changed files with 230 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/components/dataEngine/hotCloud.vue
View File

@ -160,7 +160,7 @@ const processTagData = (apiData) => {
};
</script>
<style scoped lang="less">
<style scoped lang="scss">
/* 自定义样式 */
:deep(.arco-table-th) {
background-color: var(--color-fill-2);
@ -219,7 +219,7 @@ a-tag:hover {
align-items: center;
.title {
color: var(--Text-1, #211f24);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;

4
src/views/components/dataEngine/hotTranslation.vue
View File

@ -354,7 +354,7 @@ const handleOk = () => {
align-items: center;
.title {
color: var(--Text-1, #211f24);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;
@ -378,7 +378,7 @@ const handleOk = () => {
padding: 12px 20px 0;
.cts {
color: var(--Text-2, #3c4043);
font-family: 'PuHuiTi-Regular';
font-family: $font-family-regular;
font-size: 12px;
font-style: normal;
font-weight: 400;

2
src/views/components/dataEngine/keyBrandMovement.vue
View File

@ -287,7 +287,7 @@ watch(selectedIndustry, () => {
align-items: center;
.title {
color: var(--Text-1, #211f24);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;

6
src/views/components/dataEngine/keyWord.vue
View File

@ -659,7 +659,7 @@ onMounted(() => {
align-items: center;
.title {
color: var(--Text-1, #211f24);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;
@ -668,7 +668,7 @@ onMounted(() => {
}
.cts {
color: var(--Text-2, #3c4043);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-size: 14px;
font-style: normal;
font-weight: 400;
@ -694,7 +694,7 @@ onMounted(() => {
padding: 12px 20px 0;
.cts {
color: var(--Text-2, #3c4043);
font-family: 'PuHuiTi-Regular';
font-family: $font-family-regular;
font-size: 12px;
font-style: normal;
font-weight: 400;

4
src/views/components/dataEngine/userPainPoints.vue
View File

@ -276,7 +276,7 @@ const search = () => {
align-items: center;
.title {
color: var(--Text-1, #211f24);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;
@ -299,7 +299,7 @@ const search = () => {
padding: 12px 20px 0;
.cts {
color: var(--Text-2, #3c4043);
font-family: 'PuHuiTi-Regular';
font-family: $font-family-regular;
font-size: 12px;
font-style: normal;
font-weight: 400;

4
src/views/components/dataEngine/userPersona.vue
View File

@ -602,7 +602,7 @@ onMounted(() => {
align-items: center;
.title {
color: var(--Text-1, #211f24);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;
@ -611,7 +611,7 @@ onMounted(() => {
}
.cts {
color: var(--Text-2, #3c4043);
font-family: 'PuHuiTi-Regular';
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;

2
src/views/components/drag/DraggableResizable.vue
View File

@ -360,7 +360,7 @@ if (container.value) {
}
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
.draggable-resizable {
position: absolute;
background-color: lightblue;

2
src/views/components/drag/index.vue
View File

@ -447,7 +447,7 @@ const adjustComponentPosition = (
return { x: adjustedX, y: adjustedY };
};
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
.app {
position: relative;
width: 100%;

2
src/views/components/layout/comp1.vue
View File

@ -16,7 +16,7 @@
<script setup lang="ts"></script>
<style lang="less" scoped>
<style lang="scss" scoped>
.flex-container {
display: flex;
flex-direction: row;

2
src/views/components/layout/comp2.vue
View File

@ -10,4 +10,4 @@
</template>
<script setup lang="ts"></script>
<style lang="less" scoped></style>
<style lang="scss" scoped></style>

2
src/views/components/layout/comp3.vue
View File

@ -10,4 +10,4 @@
</template>
<script setup lang="ts"></script>
<style lang="less" scoped></style>
<style lang="scss" scoped></style>

2
src/views/components/layout/comp4.vue
View File

@ -10,4 +10,4 @@
</template>
<script setup lang="ts"></script>
<style lang="less" scoped></style>
<style lang="scss" scoped></style>

2
src/views/components/layout/index.vue
View File

@ -380,7 +380,7 @@ function getComponentStyle(component: ComponentState) {
}
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
.page-container {
width: 100%;
height: 100%;

2
src/views/components/login/style.scss
View File

@ -39,7 +39,7 @@
transform: translateX(-50%);
.text {
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 14px;
line-height: 22px;

24
src/views/components/management/account/index.vue
View File

@ -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;

16
src/views/components/management/enterprise/index.vue
View File

@ -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;

12
src/views/components/management/person/index.vue
View File

@ -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;

2
src/views/components/permission/auth.vue
View File

@ -30,5 +30,5 @@ function login() {
}
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
</style>

2
src/views/components/permission/choose-enterprise.vue
View File

@ -15,5 +15,5 @@
const enterprise = ref('');
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
</style>

2
src/views/components/table/index.vue
View File

@ -49,4 +49,4 @@ function add() {
function deleteItem(record) {}
</script>
<style lang="less" scoped></style>
<style lang="scss" scoped></style>

2
src/views/components/workplace/index.vue
View File

@ -46,7 +46,7 @@ const getSuccessCaseList = async () => {
};
</script>
<style scoped lang="less">
<style scoped lang="scss">
.container-body {
padding-left: 24px !important;
:deep(> div > .title) {

10
src/views/components/workplace/modules/case.vue
View File

@ -89,7 +89,7 @@ interface SuccessCase {
data: { label: string; value: string }[];
}
</script>
<style scoped lang="less">
<style scoped lang="scss">
.container {
width: 304px;
height: 306px;
@ -139,7 +139,7 @@ interface SuccessCase {
max-width: 100%;
}
.title {
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 14px;
line-height: 22px;
@ -151,7 +151,7 @@ interface SuccessCase {
margin: 0;
padding: 0;
.keyword {
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 12px;
line-height: 20px;
@ -169,7 +169,7 @@ interface SuccessCase {
line-height: 28px;
text-align: center;
.unit {
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 10px;
line-height: 24px;
@ -178,7 +178,7 @@ interface SuccessCase {
}
}
.label {
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 10px;
line-height: 100%;

16
src/views/components/workplace/modules/product.vue
View File

@ -123,7 +123,7 @@ const gotoModule = (menuId: number) => {
router.push({ name: routeMap[menuId] });
};
</script>
<style scoped lang="less">
<style scoped lang="scss">
.container {
width: 304px;
height: 220px;
@ -141,7 +141,7 @@ const gotoModule = (menuId: number) => {
border-radius: 4px;
padding-right: 8px;
padding-left: 8px;
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 12px;
line-height: 20px;
@ -175,7 +175,7 @@ const gotoModule = (menuId: number) => {
background: rgba(255, 245, 222, 1);
:deep(.arco-statistic-title) {
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 12px;
color: var(--Functional-Warning-7, rgba(204, 139, 0, 1));
@ -185,7 +185,7 @@ const gotoModule = (menuId: number) => {
}
:deep(.arco-statistic-value) {
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 10px;
color: var(--Functional-Warning-7, rgba(204, 139, 0, 1));
@ -201,7 +201,7 @@ const gotoModule = (menuId: number) => {
.title {
color: var(--Text-1, #211f24);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 16px;
line-height: 24px;
@ -211,7 +211,7 @@ const gotoModule = (menuId: number) => {
.desc {
color: var(--Text-3, #737478);
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 12px;
line-height: 20px;
@ -228,7 +228,7 @@ const gotoModule = (menuId: number) => {
gap: 8px;
padding: 2px 12px;
background-color: rgba(109, 76, 254, 1) !important;
font-family: 'PuHuiTi-Medium';
font-family: $font-family-medium;
font-weight: 400;
font-size: 12px;
line-height: 20px;
@ -244,7 +244,7 @@ const gotoModule = (menuId: number) => {
gap: 8px;
padding: 2px 12px;
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: 12px;
line-height: 20px;