JLNTV_IPD/vue-h5-template
4
0
Fork 0
mirror of https://github.com/sunniejs/vue-h5-template.git synced 2025-04-06 03:57:50 +08:00
Code Issues Projects Releases Wiki Activity

feat: 🎸 vite 配置全局的scss 的样式mixin 混入

Browse Source
This commit is contained in:
vintonhuang 2022-08-19 14:49:18 +08:00
parent a25eac9b7a
commit fffc668e29
4 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/assets/button/en-us/add.png → src/assets/button/en-us/confirm.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

0
src/assets/button/zh-cn/add.png → src/assets/button/zh-cn/confirm.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

7
src/views/home/index.vue
View File

@ -13,7 +13,7 @@
</nut-cell-group> </nut-cell-group>
<nut-cell-group :title="$t('home.cssMultiLanguage')" class="supportList"> <nut-cell-group :title="$t('home.cssMultiLanguage')" class="supportList">
<nut-cell> <nut-cell>
<div :class="['btn-add', i18n.global.locale]"></div> <div :class="['btn-confirm', i18n.global.locale]"></div>
</nut-cell> </nut-cell>
</nut-cell-group> </nut-cell-group>
<div class="btn-wrap"> <div class="btn-wrap">
@ -43,7 +43,6 @@
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
@import '../../styles/mixin.scss';
.header { .header {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -78,7 +77,7 @@
.btn-wrap { .btn-wrap {
margin: 20px; margin: 20px;
} }
.btn-add { .btn-confirm {
@include main-lang-bg(302px, 82px, '/@/assets/button', 'add.png'); @include main-lang-bg(302px, 82px, '/@/assets/button', 'confirm.png');
} }
</style> </style>

2
vite.config.ts
View File

@ -39,7 +39,7 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
preprocessorOptions: { preprocessorOptions: {
scss: { scss: {
// 配置 nutui 全局 scss 变量 // 配置 nutui 全局 scss 变量
additionalData: `@import "@nutui/nutui/dist/styles/variables.scss";`, additionalData: `@import "@nutui/nutui/dist/styles/variables.scss";@import '/@/styles/mixin.scss';`,
}, },
}, },
}, },