feat: scss public
Former-commit-id: 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 41a358b0515ea0806a9cec5aa0eeafa69dbc5803 [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7] [formerly 2e4519ee057ac6c95e949a646e3c399f8b2f44f7 [formerly 8ba9ec64281660336d5fb304b9a5a64cbb2aa17c [formerly a2e8abc48eb676a12c407d8f5e3f2f6b5151686a]]]]] Former-commit-id: 05526984ebfd295b5fc6eb9f2204c7785b962ecf Former-commit-id: 770c57651cba3499bc7bcd3c33cf10becb5f289e Former-commit-id: bf411035a0a7488a3f329786911deb401b4c5bff [formerly 2b4ca8aa7eccc9fe3da2abdd55b886fdc189df09] Former-commit-id: 233582f8c356147ddea2f836fcf45fe215f7f79d Former-commit-id: 1b4ed84ffe61099ac9a2d077851f133d33626df9 Former-commit-id: bf66bb6d5444d94cca4b628cbc7ff407b4c50511 Former-commit-id: 8dff1bb9cd43cdc30d42ec5c4373c25c1cae8214 Former-commit-id: 419216ae2da027e8a0282ca71590bdd2e51a1133
This commit is contained in:
parent
bfd82a995e
commit
7f00053b34
|
|
@ -1,5 +1,4 @@
|
|||
// 优化显示
|
||||
|
||||
html, body {
|
||||
margin: 0px;
|
||||
height: 100%;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
// element 样式补丁
|
||||
|
||||
.el-card {
|
||||
&.is-always-shadow {
|
||||
box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
// markdown 样式补丁
|
||||
|
||||
.markdown-body {
|
||||
ul {
|
||||
list-style: disc;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
// vue-splitpane 样式补丁
|
||||
|
||||
.vue-grid-item {
|
||||
&.vue-grid-placeholder {
|
||||
border: 1px solid $color-border-1;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,4 @@
|
|||
// vue-splitpane 样式补丁
|
||||
|
||||
@import '~@/assets/style/unit/color.scss';
|
||||
|
||||
.splitter-pane-resizer {
|
||||
background-color: $color-border-1 !important;
|
||||
opacity: 1 !important;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
@import '~@/assets/style/public.scss';
|
||||
@import '~@/assets/style/theme/theme-base.scss';
|
||||
|
||||
@import '~@/assets/style/theme/d2/index.scss';
|
||||
|
|
|
|||
|
|
@ -41,7 +41,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.d2-source {
|
||||
$borderRadius: 4px;
|
||||
$paddingLR: 15px;
|
||||
|
|
|
|||
|
|
@ -159,7 +159,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.group {
|
||||
max-height: 400px;
|
||||
overflow-x: hidden;
|
||||
|
|
|
|||
|
|
@ -83,7 +83,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '~@/assets/style/public.scss';
|
||||
.component-markdown {
|
||||
.spin-group {
|
||||
height: 100px;
|
||||
|
|
|
|||
|
|
@ -33,7 +33,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.d2-page-cover {
|
||||
@extend %full;
|
||||
@extend %unable-select;
|
||||
|
|
|
|||
|
|
@ -165,7 +165,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '~@/assets/style/public.scss';
|
||||
.d2-error-log-list__expand-group {
|
||||
.d2-error-log-list__expand {
|
||||
padding-left: 20px;
|
||||
|
|
|
|||
|
|
@ -69,7 +69,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.theme-preview {
|
||||
height: 50px;
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -35,7 +35,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.d2-panel-search-item {
|
||||
height: 64px;
|
||||
margin: 0px -20px;
|
||||
|
|
|
|||
|
|
@ -183,7 +183,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.panel-search {
|
||||
margin: 20px;
|
||||
.panel-search__input-group {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
@import '~@/assets/style/public.scss';
|
||||
.contextmenu-pad {
|
||||
height: 300px;
|
||||
background-color: $color-bg;
|
||||
|
|
|
|||
|
|
@ -75,7 +75,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.page {
|
||||
.group {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,6 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.icon-demo {
|
||||
transition: all .3s;
|
||||
font-size: 100px;
|
||||
|
|
|
|||
|
|
@ -38,7 +38,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.title-group {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.icon-card {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -98,7 +98,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.page {
|
||||
.vue-grid-layout {
|
||||
background-color: $color-bg;
|
||||
|
|
|
|||
|
|
@ -92,7 +92,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/unit/color.scss';
|
||||
.color {
|
||||
border-radius: 4px;
|
||||
height: 90px;
|
||||
|
|
|
|||
|
|
@ -57,7 +57,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.page {
|
||||
.page__image-demo {
|
||||
border-radius: 4px;
|
||||
|
|
|
|||
|
|
@ -67,7 +67,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.page {
|
||||
.colorful {
|
||||
@extend %unable-select;
|
||||
|
|
|
|||
|
|
@ -59,7 +59,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.page {
|
||||
.theme-preview {
|
||||
height: 50px;
|
||||
|
|
|
|||
|
|
@ -43,7 +43,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.demo-bs-wrapper {
|
||||
height: 200px;
|
||||
width: 300px;
|
||||
|
|
|
|||
|
|
@ -87,7 +87,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.demo-bs-wrapper {
|
||||
height: 400px;
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -45,7 +45,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.col {
|
||||
padding: 20px;
|
||||
border-radius: 4px;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.page {
|
||||
background: #303133;
|
||||
background-blend-mode: multiply,multiply;
|
||||
|
|
|
|||
|
|
@ -59,7 +59,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
.page {
|
||||
.page__logo {
|
||||
width: 120px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
@import '~@/assets/style/public.scss';
|
||||
.login-page {
|
||||
background-color: #EDF4FA;
|
||||
height: 100%;
|
||||
|
|
|
|||
|
|
@ -10,6 +10,14 @@ module.exports = {
|
|||
devServer: {
|
||||
publicPath: baseUrl // 和 baseUrl 保持一致
|
||||
},
|
||||
css: {
|
||||
loaderOptions: {
|
||||
// 设置 scss 公用变量文件
|
||||
sass: {
|
||||
data: `@import '~@/assets/style/public.scss';`
|
||||
}
|
||||
}
|
||||
},
|
||||
// 默认设置: https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-service/lib/config/base.js
|
||||
chainWebpack: config => {
|
||||
// 解决 cli3 热更新失效 https://github.com/vuejs/vue-cli/issues/1559
|
||||
|
|
|
|||
Loading…
Reference in New Issue