Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
e4ed5acb by simon
Options

优化公共样式

1 parent e6ed49f2
Inline Side-by-side
Showing 79 changed files with 675 additions and 696 deletions
......@@ -86,398 +86,6 @@ export default {
};
</script>
<style lang="scss">
@import "@/styles/_support.scss";
<style lang="scss" scoped>
html {
font-family: "Arial", "Microsoft YaHei";
font-size: 12px;
word-spacing: 1px;
word-break: break-word;
text-rendering: optimizeLegibility;
// color: #333;
color: $cFontGray;
background-color: #ffffff;
// -ms-text-size-adjust: 100%;
// -webkit-text-size-adjust: 100%;
// -moz-osx-font-smoothing: grayscale;
// -webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
* {
touch-action: pan-y;
}
body {
font-size: $fontSize;
}
html,
body {
-webkit-text-size-adjust: none;
}
body,
div {
border: 0;
margin: 0;
padding: 0;
}
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
iframe {
margin: 0;
padding: 0;
}
img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
display: block;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
dfn,
em,
th,
var,
i,
em {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
&:hover {
text-decoration: none;
}
}
a,
label,
button,
input,
select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
select,
button {
// font: 100% tahoma, "\5b8b\4f53", arial;
vertical-align: baseline;
border-radius: 0;
background-color: transparent;
}
select {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select::-ms-expand {
display: none;
}
input {
background: none;
outline: none;
border: none;
}
button::-moz-focus-inner,
input,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: middle;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
margin: 0;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
input[type="search"],
input[type="tel"],
input[type="text"],
input {
-webkit-appearance: none; /*去除系统默认的样式*/
-webkit-box-sizing: content-box;
// font-family: inherit;
font-size: 100%;
box-sizing: border-box;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}
// input::-webkit-input-placeholder {
// color: $cGray !important;
// }
::-webkit-input-placeholder {
color: $cGray;
opacity: 1;
}
:-moz-placeholder {
color: $cGray;
opacity: 1;
}
::-moz-placeholder {
color: $cGray;
opacity: 1;
}
:-ms-input-placeholder {
color: $cGray;
opacity: 1;
}
// ::-webkit-scrollbar {
// width: 0px;
// height: 0px;
// display: none;
// }
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
input::-webkit-input-placeholder {
color: $cGray2;
}
textarea::-webkit-input-placeholder {
color: $cGray2;
}
select,
input,
option {
color: $cLightBlack;
}
textarea {
outline: none;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
overflow: auto;
resize: none;
// font: 100% tahoma, "\5b8b\4f53", arial;
color: $cLightBlack;
}
#app {
border: 0;
margin: 0;
padding: 0;
}
.main-container {
position: relative;
margin: 0 auto;
width: 100%;
&::after {
display: table;
content: "";
clear: both;
}
}
.main-container-min-height {
min-height: 500px;
}
.content {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.box-w {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.box {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.m-width {
box-sizing: border-box;
padding: 0 4%;
}
.focus {
border: 1px solid $cOrange;
}
// // 视频
.video-js {
background-color: transparent !important;
border-radius: $borderRadiusSmall;
}
.video-js .vjs-tech,
.video-js .vjs-poster {
border-radius: $borderRadiusSmall;
}
.video-js .vjs-big-play-button {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: auto !important;
}
.video-js .vjs-slider {
background-color: $cOrange !important;
}
.video-js .vjs-poster {
background-color: transparent !important;
}
// vant
.v-header {
.van-cell {
padding: 16px 16px !important;
}
.van-collapse-item__content {
padding: 0;
}
.van-cell:not(:last-child)::after {
left: 0;
}
}
.ql-editor {
padding: 0px 0px !important;
}
@media (max-width: 1200px) {
.page-index {
.video-js {
width: 100% !important;
max-width: 100% !important;
}
}
// .page-vhis {
// .video-js {
// width: 100% !important;
// max-width: 100% !important;
// }
// }
}
// @media (max-width: 768px) {
@media (max-width: 980px) {
#app {
.header {
position: fixed;
width: 100%;
}
.main-container {
padding-top: $navHeight-M;
}
}
$fontSizeTitle: $fontSizeTitle-M;
$fontSize: $fontSize-M;
$fontSizeSmall: $fontSizeSmall-M;
.main-container {
// margin-bottom: $marginMedium-M;
}
}
</style>
......
// 字体放在同目录下
// @font-face {
// font-family: 'vivo-BoldExtended';
// src: url('./vivo-BoldExtended.ttf');
// font-weight: normal;
// font-style: normal;
// font-family: 'BentonSans';
// src: url('BentonSans-Regular_sOT.otf');
// }
// @font-face {
// font-family: 'vivo-Regular';
// src: url('./vivo-Regular.ttf');
// font-weight: normal;
// font-style: normal;
// }
// @font-face {
// font-family: 'regular2';
// src: url('./regular2.otf');
// font-weight: normal;
// font-style: normal;
// }
\ No newline at end of file
\ No newline at end of file
......
@import '@/styles/_support.scss';
$borderRadius:6px;
......
@import '@/styles/_support.scss';
.comp {
......
@import '@/styles/_support.scss';
.comp {
position: fixed;
......
@import '@/styles/_support.scss';
$borderSize: 6px;
......
@import '@/styles/_support.scss';
$borderRadius:6px;
......
@import '@/styles/_support.scss';
.comp {
position: relative;
......
@import '@/styles/_support.scss';
......
@import '@/styles/_support.scss';
.comp {
......
@import '@/styles/_support.scss';
.drop-list {
display: inline-block;
......
@import '@/styles/_support.scss';
.v-footer {
color: #ffffff;
......
@import '@/styles/_support.scss';
$navHei: 92px;
$navHeiM: 72px;
......
@import '@/styles/_support.scss';
.panel {
z-index: 9999;
......
@import "@/styles/_support.scss";
.drop-list {
display: inline-block;
......
@import "@/styles/_support.scss";
.drop-list {
position: relative;
......
@import '@/styles/_support.scss';
.drop-list {
display: inline-block;
......
@import "@/styles/_support.scss";
.v-footer {
color: $cFontGray2;
......
@import "@/styles/_support.scss";
$navHei: 92px;
$navHeiM: 72px;
......
@import '@/styles/_support.scss';
.panel {
z-index: 9999;
......
@import '@/styles/_support.scss';
.comp {
position: fixed;
......
@import '@/styles/_support.scss';
.comp {
position: fixed;
......
@import '@/styles/_support.scss';
.comp {
position: fixed;
......
@import '@/styles/_support.scss';
.comp {
position: fixed;
......
@import '@/styles/_support.scss';
.comp {
......
@import '@/styles/_support.scss';
.comp {}
......
@import "@/styles/_support.scss";
.slider {
position: relative;
......
@import '@/styles/_support.scss';
$borderRadius:6px;
......
......@@ -15,6 +15,10 @@ Vue.use(ElementUI)
// tcLocale
// })
import '@/styles/common.scss' // global css
import '@/styles/fonticon.scss' // 图标字体
// import '@/assets/fonts/font.scss' // 字体引入
import api from '@/api/api'
import {
httpGet,
......
@import '@/styles/_support.scss';
$borderSize:6px;
......
@import '@/styles/_support.scss';
strong {
......
@import '@/styles/_support.scss';
.content {
position: relative;
......
@import '@/styles/_support.scss';
input {
......
@import '@/styles/_support.scss';
.common-form-container {}
......
@import '@/styles/_support.scss';
.top-space {
// height: 51px;
......
@import '@/styles/_support.scss';
.contact-us-container {
......
@import '@/styles/_support.scss';
.container{
// font-size: $fontSize-M2;
......
@import "@/styles/_support.scss";
.list-container {
overflow-x: auto;
margin-bottom: 24px;
......
@import '@/styles/_support.scss';
.container {
// margin-top: -48px;
......
@import "@/styles/_support.scss";
.container {
// font-size: 18px;
......
@import '@/styles/_support.scss';
.content {}
......
@import "@/styles/_support.scss";
.comp {
font-size: $fontSize-M2;
}
......
@import '@/styles/_support.scss';
.common-form-container {}
......
@import '@/styles/_support.scss';
.container {
padding-bottom: 24px;
......
@import '@/styles/_support.scss';
.list-container {
overflow-x: auto;
......
@import "@/styles/_support.scss";
.list-container {
overflow-x: auto;
margin-bottom: 24px;
......
@import "@/styles/_support.scss";
.comp {
position: fixed;
......
@import '@/styles/_support.scss';
.content {
display: flex;
......
@import '@/styles/_support.scss';
.content {
position: relative;
......
@import '@/styles/_support.scss';
.content {
// background-color: wheat;
......
......@@ -10,5 +10,5 @@
<script src="./index.js"></script>
<style lang="scss" scoped>
@import "./index.scss";
// @import "./index.scss";
</style>
......
@import "@/styles/_support.scss";
$borderSize: 6px;
......
@import "@/styles/_support.scss";
.page {
font-size: $fontSize-M2;
......
@import '@/styles/_support.scss';
.content {
position: relative;
......
@import '@/styles/_support.scss';
.content {
position: relative;
......
@import '@/styles/_support.scss';
.content {
// padding-bottom: 102px;
......
@import '@/styles/_support.scss';
.content {
position: relative;
......
@import '@/styles/_support.scss';
.content {
position: relative;
......
@import '@/styles/_support.scss';
.content {
position: relative;
......
@import '@/styles/_support.scss';
strong {
......
@import '@/styles/_support.scss';
.content {
......
@import '@/styles/_support.scss';
.content {
padding-bottom: 28px;
......
@import '@/styles/_support.scss';
.content {
padding-bottom: 28px;
......
@import "@/styles/_support.scss";
.content {
position: relative;
......
@import '@/styles/_support.scss';
strong {
......
@import '@/styles/_support.scss';
$borderSize: 6px;
......
@import '@/styles/_support.scss';
.content iframe{
height: 100%;
......
// 通用颜色
.cOrange {
color: $cOrange;
}
.cGreen {
color: $cGreen;
}
.cGray {
color: $cGray;
}
.cDark {
color: $cDark;
}
// 提示栏
.alert {
@extend .bb;
display: flex;
align-items: center;
position: relative;
width: 100%;
border-radius: 10px;
border: solid 1px #dcdddd;
background-color: #f2f2f2;
margin: 0 auto 12px;
padding: 6px 36px;
.icon {
margin-right: 5px;
display: inline-block;
}
.btn {
color: $cOrange;
}
.close {
position: absolute;
right: 17px;
}
}
// 输入框
.ipt-wrap {
.ipt {
@extend .bb;
width: 100%;
height: 54px;
border-radius: 54px;
border: solid 1px #dcdddd !important;
background-color: #ffffff;
padding: 0 24px;
flex: 1;
display: flex;
align-items: center;
&:lang(zh) {
letter-spacing: 1.2px;
}
}
.down-arrow {
position: absolute;
top: 26.4px;
right: 24px;
background-image: url("~@/assets/images/common/down-arrow.png");
width: 12px;
height: 8px;
pointer-events: none;
cursor: default;
}
.eye {
position: absolute;
top: 14.4px;
right: 24px;
background-image: url("~@/assets/images/common/icon-eyes-off.png");
width: 27px;
height: 24px;
pointer-events: none;
cursor: default;
}
.eye-act {
background-image: url("~@/assets/images/common/icon-eyes-on.png");
}
.ipt:focus {
border-color: $cOrange !important;
}
.ipt.err {
border-color: $cOrange !important;
}
.err {
.ipt {
border-color: $cOrange !important;
}
}
}
// 输入框
.ipt-wrap-linear {
position: relative;
.ipt {
@extend .bb;
width: 100%;
height: 50px;
border-radius: 5px;
border: 2px solid transparent;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
background-image: linear-gradient(90deg, #fff, #fff),
linear-gradient(90deg, #feab1b, #f15a08);
background-color: #ffffff;
padding: 0 24px;
flex: 1;
display: flex;
align-items: center;
font-size: 18px;
color: $cFontGray2;
&:lang(zh) {
letter-spacing: 1.1px;
}
}
.sel{
padding: 0 48px 0 24px;
}
::-webkit-input-placeholder {
color: rgba(102, 102, 102, 0.5);
}
.down-arrow {
position: absolute;
top: 18px;
right: 24px;
background-image: url("~@/assets/images/common/down-arrow-linear.png");
width: 20px;
height: 15px;
pointer-events: none;
cursor: default;
z-index: 1001;
}
.eye {
position: absolute;
top: 14.4px;
right: 24px;
background-image: url("~@/assets/images/common/icon-eyes-off.png");
width: 27px;
height: 24px;
pointer-events: none;
cursor: default;
}
.eye-act {
background-image: url("~@/assets/images/common/icon-eyes-on.png");
}
}
// 轮播
.swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
}
.swiper-pagination-bullet-active {
background: $cOrange !important;
}
@media (max-width: 768px) {
.alert {
padding: 4px 36px 4px 12px;
.icon {
}
}
}
/**
* ------------------------------------------------------------------
* 支持文件
* 需要引用的地方均需要加上这个支持文件
*
* ------------------------------------------------------------------
*
*/
@import "mixins.scss";
@import "var.scss";
@import "utils.scss";
@import "common.scss";
// 图标字体
@import "fonticon.scss";
// 字体引入
@import './../assets/fonts/font.scss'
html {
font-family: "Arial", "Microsoft YaHei";
font-size: 12px;
word-spacing: 1px;
word-break: break-word;
text-rendering: optimizeLegibility;
// color: #333;
color: $cFontGray;
background-color: #ffffff;
// -ms-text-size-adjust: 100%;
// -webkit-text-size-adjust: 100%;
// -moz-osx-font-smoothing: grayscale;
// -webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
* {
touch-action: pan-y;
}
body {
font-size: $fontSize;
}
html,
body {
-webkit-text-size-adjust: none;
}
body,
div {
border: 0;
margin: 0;
padding: 0;
}
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
iframe {
margin: 0;
padding: 0;
}
img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
display: block;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
dfn,
em,
th,
var,
i,
em {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
&:hover {
text-decoration: none;
}
}
a,
label,
button,
input,
select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
select,
button {
// font: 100% tahoma, "\5b8b\4f53", arial;
vertical-align: baseline;
border-radius: 0;
background-color: transparent;
}
select {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select::-ms-expand {
display: none;
}
input {
background: none;
outline: none;
border: none;
}
button::-moz-focus-inner,
input,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: middle;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
margin: 0;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
input[type="search"],
input[type="tel"],
input[type="text"],
input {
-webkit-appearance: none; /*去除系统默认的样式*/
-webkit-box-sizing: content-box;
// font-family: inherit;
font-size: 100%;
box-sizing: border-box;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}
// input::-webkit-input-placeholder {
// color: $cGray !important;
// }
::-webkit-input-placeholder {
color: $cGray;
opacity: 1;
}
:-moz-placeholder {
color: $cGray;
opacity: 1;
}
::-moz-placeholder {
color: $cGray;
opacity: 1;
}
:-ms-input-placeholder {
color: $cGray;
opacity: 1;
}
// ::-webkit-scrollbar {
// width: 0px;
// height: 0px;
// display: none;
// }
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
input::-webkit-input-placeholder {
color: $cGray2;
}
textarea::-webkit-input-placeholder {
color: $cGray2;
}
select,
input,
option {
color: $cLightBlack;
}
textarea {
outline: none;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
overflow: auto;
resize: none;
// font: 100% tahoma, "\5b8b\4f53", arial;
color: $cLightBlack;
}
#app {
border: 0;
margin: 0;
padding: 0;
}
.main-container {
position: relative;
margin: 0 auto;
width: 100%;
&::after {
display: table;
content: "";
clear: both;
}
}
.main-container-min-height {
min-height: 500px;
}
.content {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.box-w {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.box {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.m-width {
box-sizing: border-box;
padding: 0 4%;
}
.focus {
border: 1px solid $cOrange;
}
// // 视频
.video-js {
background-color: transparent !important;
border-radius: $borderRadiusSmall;
}
.video-js .vjs-tech,
.video-js .vjs-poster {
border-radius: $borderRadiusSmall;
}
.video-js .vjs-big-play-button {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: auto !important;
}
.video-js .vjs-slider {
background-color: $cOrange !important;
}
.video-js .vjs-poster {
background-color: transparent !important;
}
// vant
.v-header {
.van-cell {
padding: 16px 16px !important;
}
.van-collapse-item__content {
padding: 0;
}
.van-cell:not(:last-child)::after {
left: 0;
}
}
.ql-editor {
padding: 0px 0px !important;
}
@media (max-width: 1200px) {
.page-index {
.video-js {
width: 100% !important;
max-width: 100% !important;
}
}
// .page-vhis {
// .video-js {
// width: 100% !important;
// max-width: 100% !important;
// }
// }
}
// @media (max-width: 768px) {
@media (max-width: 980px) {
#app {
.header {
position: fixed;
width: 100%;
}
.main-container {
padding-top: $navHeight-M;
}
}
$fontSizeTitle: $fontSizeTitle-M;
$fontSize: $fontSize-M;
$fontSizeSmall: $fontSizeSmall-M;
.main-container {
// margin-bottom: $marginMedium-M;
}
}
// 通用颜色
.cOrange {
color: $cOrange;
}
.cGreen {
color: $cGreen;
}
.cGray {
color: $cGray;
}
.cDark {
color: $cDark;
}
// 提示栏
.alert {
@extend .bb;
display: flex;
align-items: center;
position: relative;
width: 100%;
border-radius: 10px;
border: solid 1px #dcdddd;
background-color: #f2f2f2;
margin: 0 auto 12px;
padding: 6px 36px;
.icon {
margin-right: 5px;
display: inline-block;
}
.btn {
color: $cOrange;
}
.close {
position: absolute;
right: 17px;
}
}
// 输入框
.ipt-wrap {
.ipt {
@extend .bb;
width: 100%;
height: 54px;
border-radius: 54px;
border: solid 1px #dcdddd !important;
background-color: #ffffff;
padding: 0 24px;
flex: 1;
display: flex;
align-items: center;
&:lang(zh) {
letter-spacing: 1.2px;
}
}
.down-arrow {
position: absolute;
top: 26.4px;
right: 24px;
background-image: url("~@/assets/images/common/down-arrow.png");
width: 12px;
height: 8px;
pointer-events: none;
cursor: default;
}
.eye {
position: absolute;
top: 14.4px;
right: 24px;
background-image: url("~@/assets/images/common/icon-eyes-off.png");
width: 27px;
height: 24px;
pointer-events: none;
cursor: default;
}
.eye-act {
background-image: url("~@/assets/images/common/icon-eyes-on.png");
}
.ipt:focus {
border-color: $cOrange !important;
}
.ipt.err {
border-color: $cOrange !important;
}
.err {
.ipt {
border-color: $cOrange !important;
}
}
}
// 输入框
.ipt-wrap-linear {
position: relative;
.ipt {
@extend .bb;
width: 100%;
height: 50px;
border-radius: 5px;
border: 2px solid transparent;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
background-image: linear-gradient(90deg, #fff, #fff),
linear-gradient(90deg, #feab1b, #f15a08);
background-color: #ffffff;
padding: 0 24px;
flex: 1;
display: flex;
align-items: center;
font-size: 18px;
color: $cFontGray2;
&:lang(zh) {
letter-spacing: 1.1px;
}
}
.sel{
padding: 0 48px 0 24px;
}
::-webkit-input-placeholder {
color: rgba(102, 102, 102, 0.5);
}
.down-arrow {
position: absolute;
top: 18px;
right: 24px;
background-image: url("~@/assets/images/common/down-arrow-linear.png");
width: 20px;
height: 15px;
pointer-events: none;
cursor: default;
z-index: 1001;
}
.eye {
position: absolute;
top: 14.4px;
right: 24px;
background-image: url("~@/assets/images/common/icon-eyes-off.png");
width: 27px;
height: 24px;
pointer-events: none;
cursor: default;
}
.eye-act {
background-image: url("~@/assets/images/common/icon-eyes-on.png");
}
}
// 轮播
.swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
}
.swiper-pagination-bullet-active {
background: $cOrange !important;
}
@media (max-width: 768px) {
.alert {
padding: 4px 36px 4px 12px;
.icon {
}
}
}
......@@ -6,8 +6,6 @@ $--font-path: "~element-ui/lib/theme-chalk/fonts";
@import "~element-ui/packages/theme-chalk/src/index";
@import "@/styles/_var.scss";
// 类过滤组件
.filter-comp {
.el-checkbox-group {
......
{
"compilerOptions": {
"target": "ES5",
"outDir": "bin-debug",
"sourceMap": true
},
"exclude": [
"bin-debug",
"bin-release",
"resource"
]
}
\ No newline at end of file
"compilerOptions": {
"target": "ES5",
"outDir": "bin-debug",
"sourceMap": true
},
"exclude": ["bin-debug", "bin-release", "resource"]
}
......
......@@ -54,6 +54,20 @@ module.exports = {
.set('@store', resolve('src/store'))
.set('@utils', resolve('src/utils'))
.set('@common', resolve('src/common'))
//配置公共样式
const oneOfsMap = config.module.rule('scss').oneOfs.store
oneOfsMap.forEach(item => {
item
.use('sass-resources-loader')
.loader('sass-resources-loader')
.options({
// Provide path to the file with resources
// 要公用的scss的路径
resources: ['./src/styles/var.scss', './src/styles/mixins.scss', './src/styles/utils.scss']
})
.end()
})
},
configureWebpack: { // webpack 配置
// 修改打包后js文件名
......