From 93c0e388bc3fe955c223e1b23a1f4257b1d60d11 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期二, 09 五月 2023 09:34:56 +0800
Subject: [PATCH] 适配提交
---
vue.config.js | 49 ++++++++
src/components/Screen/top.vue | 4
src/components/login.vue | 56 +++-----
src/components/Screen/left.vue | 18 ++
src/components/Screen/right.vue | 161 ++++++++++++--------------
src/components/Screen/bottom.vue | 2
src/components/chart/ServiceType.vue | 14 +-
src/components/verificationCode.vue | 14 ++
src/assets/lang/zh.js | 1
src/main.js | 11 +
package.json | 4
src/views/datamanage/catalogueManage.vue | 2
src/assets/lang/en.js | 1
src/components/chart/ProjectCategory.vue | 2
14 files changed, 204 insertions(+), 135 deletions(-)
diff --git a/package.json b/package.json
index f220afa..0e696bf 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
"@jiaminghi/data-view": "^2.10.0",
"@terraformer/wkt": "^2.1.2",
"@turf/turf": "^6.5.0",
+ "amfe-flexible": "^2.2.1",
"animate.css": "^4.1.1",
"aws-sdk": "^2.963.0",
"axios": "^0.21.1",
@@ -56,7 +57,8 @@
"less-loader": "^5.0.0",
"lib-flexible": "^0.3.2",
"lint-staged": "^9.5.0",
- "postcss-pxtorem": "^5.1.1",
+ "postcss-px-to-viewport": "^1.1.1",
+ "postcss-pxtorem": "^5.0.0",
"prettier": "^2.2.1",
"vue-particles": "^1.0.9",
"vue-template-compiler": "^2.6.11"
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index 2abee09..daa2506 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -66,6 +66,7 @@
dataManage: {
dataManage: 'Data Manage',
catalogueManage: 'Directory management',
+ projectManagement: 'Project Management',
dataUpdata: 'dataUpdata',
datawarehousing: 'Data warehousing',
rangeManage: 'Range management',
diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js
index ea92f58..113301a 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -65,6 +65,7 @@
dataManage: {
dataManage: '鏁版嵁绠＄悊',
catalogueManage: '鐩綍绠＄悊',
+ projectManagement: '椤圭洰绠＄悊',
dataUpdata: '鏁版嵁涓婁紶',
datawarehousing: '鏁版嵁鍏ュ簱',
rangeManage: '鍊煎煙绠＄悊',
diff --git a/src/components/Screen/bottom.vue b/src/components/Screen/bottom.vue
index 2e777e5..f122d24 100644
--- a/src/components/Screen/bottom.vue
+++ b/src/components/Screen/bottom.vue
@@ -604,7 +604,7 @@
background: url(~@/assets/img/Screen/centerbtn.png);
background-size: 100% 100%;
background-repeat: no-repeat;
- font-size: 1rem;
+ font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
diff --git a/src/components/Screen/left.vue b/src/components/Screen/left.vue
index a1643d0..dd2fd1b 100644
--- a/src/components/Screen/left.vue
+++ b/src/components/Screen/left.vue
@@ -11,21 +11,21 @@
v-if="currentDisplay == '澶у睆' && ChartDisplay"
>
<div
- class="current1"
+ class="current1 current1-1"
id="leftCurrent1"
>
<div class="aside-title">鏁版嵁鐢宠娆℃暟</div>
<count-data-apply></count-data-apply>
</div>
<div
- class="current1"
+ class="current1 current1-2"
id="leftCurrent2"
>
<div class="aside-title">鐢ㄦ埛璁块棶閲�</div>
<service-type></service-type>
</div>
<div
- class="current1"
+ class="current1 current1-3"
id="leftCurrent3"
>
<div class="aside-title">椤圭洰瀛樺偍淇℃伅</div>
@@ -753,4 +753,16 @@
}
}
}
+@media (max-width: 1400px) {
+ .current .leftContainer .current1-1 {
+ height: 28%;
+ }
+ .current .leftContainer .current1-2 {
+
+ height: 42%;
+ }
+ .current .leftContainer .current1-3 {
+ height: 28%;
+ }
+}
</style>
diff --git a/src/components/Screen/right.vue b/src/components/Screen/right.vue
index 48007ed..b1ae70c 100644
--- a/src/components/Screen/right.vue
+++ b/src/components/Screen/right.vue
@@ -1,27 +1,21 @@
<template>
<div class="current">
- <div
- class="rightContainer"
- v-if="currentDisplay == '澶у睆' && ChartDisplay"
- >
- <div class="current1">
+ <div class="rightContainer" v-if="currentDisplay == '澶у睆' && ChartDisplay">
+ <div class="current1 current1-1">
<div class="aside-title">椤圭洰缁熻</div>
<project-category></project-category>
</div>
- <div class="current1">
+ <div class="current1 current1-2">
<div class="aside-title">鏁版嵁缁熻</div>
<visit-count></visit-count>
</div>
- <div class="current1">
+ <div class="current1 current1-3">
<div class="aside-title">鏈嶅姟璁块棶娆℃暟</div>
<Service-Get></Service-Get>
</div>
</div>
<!-- 鍏ㄧ悆銆佸叏鍥介」鐩� -->
- <div
- class="rightContainer"
- v-if="currentDisplay == '椤圭洰'"
- >
+ <div class="rightContainer" v-if="currentDisplay == '椤圭洰'">
<div class="current1">
<div class="aside-title"></div>
<!-- <country-dimension-bar ref="barRef"></country-dimension-bar> -->
@@ -37,10 +31,7 @@
v-if="currentProject == '鍏ㄧ悆椤圭洰'"
ref="pieRef"
></country-dimension-pie>
- <province-dimension-pie
- v-else
- ref="pieRef"
- ></province-dimension-pie>
+ <province-dimension-pie v-else ref="pieRef"></province-dimension-pie>
</div>
<div class="current1">
<div class="aside-title">鏁版嵁浣跨敤鎯呭喌</div>
@@ -51,10 +42,7 @@
</div>
</div>
<!-- 鍏ㄥ浗銆佸叏鐞冪缃� -->
- <div
- class="rightContainer"
- v-if="currentDisplay == '绠＄綉'"
- >
+ <div class="rightContainer" v-if="currentDisplay == '绠＄綉'">
<div class="current1">
<div class="aside-title">绔欏満搴ф暟</div>
<!-- <country-dimension-bar ref="barRef"></country-dimension-bar> -->
@@ -79,10 +67,7 @@
</div>
</div>
<!-- 鍗曚釜宸ョ▼ -->
- <div
- class="rightContainer"
- v-if="currentDisplay == '宸ョ▼'"
- >
+ <div class="rightContainer" v-if="currentDisplay == '宸ョ▼'">
<div class="current1">
<div class="aside-title">鏁版嵁瀛樺偍閲�</div>
<base-line-chart
@@ -101,10 +86,7 @@
</div>
<div class="current1">
<div class="aside-title">绠￠亾鏉℃暟</div>
- <div
- class="content"
- style="height: 30px"
- >
+ <div class="content" style="height: 30px">
<div class="header">
<div>鏍煎紡</div>
<div>鏁伴噺</div>
@@ -115,35 +97,32 @@
</div>
<div class="rightarrow">
- <img
- :src="RightImg"
- @click="ChangeRight"
- />
+ <img :src="RightImg" @click="ChangeRight" />
</div>
</div>
</template>
<script>
-import echart11 from "@/components/echart11.vue"
-import echart12 from "@/components/echart12.vue"
-import echart13 from "@/components/echart13.vue"
-import FileFormat from "@/components/chart/FileFormat.vue"
-import ProjectCategory from "../chart/ProjectCategory.vue"
-import CountryDimensionBar from "../chart/CountryDimensionBar.vue"
-import CountryDimensionPie from "../chart/CountryDimensionPie.vue"
-import ProvinceDimensionBar from "../chart/CountryProvinceBar.vue"
-import ProvinceDimensionPie from "../chart/CountryProvincePie.vue"
-import ServiceGet from "../chart/ServiceGet.vue"
-import BaseBarChart from "../chart/BaseBarChart.vue"
-import BaseLineChart from "../chart/BaseLineChart.vue"
-import BasePieChart from "../chart/BasePieChart .vue"
-import VisitCount from "../chart/VisitCount.vue"
+import echart11 from "@/components/echart11.vue";
+import echart12 from "@/components/echart12.vue";
+import echart13 from "@/components/echart13.vue";
+import FileFormat from "@/components/chart/FileFormat.vue";
+import ProjectCategory from "../chart/ProjectCategory.vue";
+import CountryDimensionBar from "../chart/CountryDimensionBar.vue";
+import CountryDimensionPie from "../chart/CountryDimensionPie.vue";
+import ProvinceDimensionBar from "../chart/CountryProvinceBar.vue";
+import ProvinceDimensionPie from "../chart/CountryProvincePie.vue";
+import ServiceGet from "../chart/ServiceGet.vue";
+import BaseBarChart from "../chart/BaseBarChart.vue";
+import BaseLineChart from "../chart/BaseLineChart.vue";
+import BasePieChart from "../chart/BasePieChart .vue";
+import VisitCount from "../chart/VisitCount.vue";
import {
countCountryDimension,
countProvinceDimension,
countZhPipeStations,
countDownloads,
-} from "@/api/screen.js"
+} from "@/api/screen.js";
export default {
components: {
@@ -249,44 +228,44 @@
showValue: true,
},
params: {},
- }
+ };
},
created() {
- this.getZhPipeStations()
- this.getCountDownloads()
+ this.getZhPipeStations();
+ this.getCountDownloads();
},
mounted() {
- this.OpenLeftInit()
- this.$bus.$on("changeProject", name => {
+ this.OpenLeftInit();
+ this.$bus.$on("changeProject", (name) => {
if (name.includes("鍏ㄧ悆绠＄綉") || name.includes("鍏ㄥ浗绠＄綉")) {
- this.currentDisplay = "绠＄綉"
+ this.currentDisplay = "绠＄綉";
} else if (name.includes("鍏ㄧ悆椤圭洰") || name.includes("鍏ㄥ浗椤圭洰")) {
- this.currentDisplay = "椤圭洰"
+ this.currentDisplay = "椤圭洰";
} else {
- this.currentDisplay = "宸ョ▼"
+ this.currentDisplay = "宸ョ▼";
}
- this.currentProject = name
- })
- this.$bus.$on("changeProjectCode", code => {
+ this.currentProject = name;
+ });
+ this.$bus.$on("changeProjectCode", (code) => {
this.params = {
projectCode: code,
- }
- })
+ };
+ });
this.$bus.$on("closeLeftAndRightMenu", (res) => {
- this.ChartDisplay = res
+ this.ChartDisplay = res;
this.ChangeRight();
- })
+ });
},
methods: {
ChangeRight() {
if (this.leftMessage == "init") {
if (this.ChartDisplay) {
- this.RightImg = require("../../assets/img/Screen/rightArrow.png")
+ this.RightImg = require("../../assets/img/Screen/rightArrow.png");
} else {
- this.RightImg = require("../../assets/img/Screen/leftArrow.png")
+ this.RightImg = require("../../assets/img/Screen/leftArrow.png");
}
- this.ChartDisplay = !this.ChartDisplay
+ this.ChartDisplay = !this.ChartDisplay;
}
// if (this.leftMessage == "projectree") {
@@ -299,14 +278,14 @@
// }
// this.ChartDisplay = !this.ChartDisplay
- this.$parent.ChangeWidth("right")
+ this.$parent.ChangeWidth("right");
},
//鎵撳紑澶у睆宸︿晶鐣岄潰
OpenLeftInit() {
- this.currentDisplay = "澶у睆"
- this.ChartDisplay = true
- this.CourtyDisplay = false
- this.leftMessage = "init"
+ this.currentDisplay = "澶у睆";
+ this.ChartDisplay = true;
+ this.CourtyDisplay = false;
+ this.leftMessage = "init";
// this.OpenLeftInitChart();
// this.$parent.ChangeWidth("leftTree")
},
@@ -319,46 +298,46 @@
// this.$parent.ChangeWidth("leftTree")
// },
async getZhPipeStations() {
- const res = await countZhPipeStations()
+ const res = await countZhPipeStations();
if (res.code == 200) {
- const data = res.result
- this.pieconfig.data = res.result.map(item => {
+ const data = res.result;
+ this.pieconfig.data = res.result.map((item) => {
return {
name: item.杈撻�佷粙璐�,
value: item.绠￠亾鏁伴噺,
- }
- })
+ };
+ });
this.pieconfig = {
...this.pieconfig,
- }
- this.config.data = res.result.map(item => {
+ };
+ this.config.data = res.result.map((item) => {
return {
name: item.杈撻�佷粙璐�,
value: item.绠￠亾鏁伴噺,
- }
- })
+ };
+ });
this.config = {
...this.config,
- }
+ };
}
},
async getCountDownloads() {
- const res = await countDownloads()
+ const res = await countDownloads();
if (res.code == 200) {
- this.barConfig.data = res.result.map(item => {
+ this.barConfig.data = res.result.map((item) => {
return {
name: item.typename,
value: item.count,
- }
- })
+ };
+ });
this.barConfig = {
...this.barConfig,
- }
+ };
}
},
},
-}
+};
</script>
<style lang="less">
.current {
@@ -412,6 +391,7 @@
background-size: 100% 100%;
background-repeat: no-repeat;
}
+
}
.content {
width: 100%;
@@ -429,4 +409,15 @@
}
}
}
+@media (max-width: 1400px) {
+ .current .rightContainer .current1-1 {
+ height: 42%;
+ }
+ .current .rightContainer .current1-2 {
+ height: 28%;
+ }
+ .current .rightContainer .current1-3 {
+ height: 28%;
+ }
+}
</style>
diff --git a/src/components/Screen/top.vue b/src/components/Screen/top.vue
index e473e93..140244c 100644
--- a/src/components/Screen/top.vue
+++ b/src/components/Screen/top.vue
@@ -158,7 +158,7 @@
}
span {
color: #b3c8e3;
- font-size: 1rem;
+ font-size: 16px;
letter-spacing: 1px;
}
}
@@ -218,7 +218,7 @@
}
span {
color: #b3c8e3;
- font-size: 1rem;
+ font-size: 16px;
letter-spacing: 1px;
}
}
diff --git a/src/components/chart/ProjectCategory.vue b/src/components/chart/ProjectCategory.vue
index 34ff6f9..11d5d03 100644
--- a/src/components/chart/ProjectCategory.vue
+++ b/src/components/chart/ProjectCategory.vue
@@ -100,9 +100,11 @@
}
.num {
color: #839ecb;
+ font-size: 12px;
}
.name {
color: #fff;
+ font-size: 12px;
}
.bar {
diff --git a/src/components/chart/ServiceType.vue b/src/components/chart/ServiceType.vue
index fb74e71..bd6b30f 100644
--- a/src/components/chart/ServiceType.vue
+++ b/src/components/chart/ServiceType.vue
@@ -128,7 +128,7 @@
fontWeight: 400,
fontFamily: "YouSheBiaoTiHei",
},
- x: "20%",
+ x: "center",
y: "40%",
},
// tooltip: {
@@ -139,9 +139,9 @@
legend: {
data: dataPie,
icon: "vertical",
- right: "1%",
- top: "2%",
- orient: "vertical",
+ left: "2%",
+ top: "1%",
+ orient: "horizontal",
itemGap: 5,
itemWidth: 12,
itemHeight: 3,
@@ -165,7 +165,7 @@
left: "1%", // 涓庡鍣ㄥ乏渚х殑璺濈
right: "1%", // 涓庡鍣ㄥ彸渚х殑璺濈
top: "1%", // 涓庡鍣ㄩ《閮ㄧ殑璺濈
- bottom: "5%", // 涓庡鍣ㄥ簳閮ㄧ殑璺濈
+ bottom: "1%", // 涓庡鍣ㄥ簳閮ㄧ殑璺濈
containLabel: true
},
series: [
@@ -174,7 +174,7 @@
type: "pie",
clockWise: false, //椤烘椂鍔犺浇
hoverAnimation: false, //榧犳爣绉诲叆鍙樺ぇ
- center: ["30%", "50%"],
+ center: ["50%", "51%"],
radius: ["60%", "65%"],
tooltip: {
show: false,
@@ -191,7 +191,7 @@
type: "pie",
color: "#5F6D86",
selectedMode: "single",
- center: ["30%", "50%"],
+ center: ["50%", "51%"],
radius: ["73%", "74%"],
hoverAnimation: false,
label: {
diff --git a/src/components/login.vue b/src/components/login.vue
index 460dbb6..9564628 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -26,10 +26,7 @@
></iframe>
</div>
<div class="title_img">
- <img
- src="../assets/img/lg_03.png"
- alt=""
- />
+ <img src="../assets/img/lg_03.png" alt="" />
</div>
<div class="login">
<div class="login_title">
@@ -49,10 +46,7 @@
size="meddle"
autocomplete="off"
>
- <i
- slot="prefix"
- class="el-icon-user"
- ></i>
+ <i slot="prefix" class="el-icon-user"></i>
</el-input>
</el-form-item>
@@ -64,10 +58,7 @@
class="nobr"
autocomplete="off"
>
- <i
- slot="prefix"
- class="el-icon-lock"
- ></i>
+ <i slot="prefix" class="el-icon-lock"></i>
</el-input>
</el-form-item>
@@ -82,43 +73,36 @@
</el-form-item>
</el-col>
- <el-col
- :span="6"
- align="right"
- >
+ <el-col :span="6" align="right">
<validCode
v-model="validCode"
ref="refresh"
- style="margin-left:16px"
+
@sendData="getCode"
></validCode>
</el-col>
</el-form-item>
<el-form-item>
- <img
- src="../assets/img/zhengshu.png"
- alt=""
- /><span style="color: black">璇佷功瀹夎涓庢坊鍔犱俊浠荤珯鐐�</span>
+ <img src="../assets/img/zhengshu.png" alt="" /><span
+ style="color: black"
+ >璇佷功瀹夎涓庢坊鍔犱俊浠荤珯鐐�</span
+ >
</el-form-item>
<el-form-item>
- <img
- src="../assets/img/document.png"
- alt=""
- /><span style="color: black">浣跨敤甯姪鏂囨。</span>
+ <img src="../assets/img/document.png" alt="" /><span
+ style="color: black"
+ >浣跨敤甯姪鏂囨。</span
+ >
</el-form-item>
<el-form-item>
<el-button
type="primary"
- class="nobr"
- style="
- width: 384px;
- height: 50px;
- background: #3b4d6e;
- border-radius: 5px;
- "
+ class="nobr loginbtn"
+ style=""
:loading="loading"
@click="submitForm('loginForm')"
- >鐧诲綍</el-button>
+ >鐧诲綍</el-button
+ >
</el-form-item>
</el-form>
</div>
@@ -380,4 +364,10 @@
border: 0;
padding: 0 !important;
}
+.loginbtn {
+ width: 384px;
+ height: 50px;
+ background: #3b4d6e;
+ border-radius: 5px;
+}
</style>
diff --git a/src/components/verificationCode.vue b/src/components/verificationCode.vue
index 6dcda26..cea6606 100644
--- a/src/components/verificationCode.vue
+++ b/src/components/verificationCode.vue
@@ -1,5 +1,13 @@
+<!--
+ * @Author: 鐜嬫棴 1377869194@qq.com
+ * @Date: 2023-05-08 13:52:20
+ * @LastEditors: 鐜嬫棴 1377869194@qq.com
+ * @LastEditTime: 2023-05-08 15:17:22
+ * @FilePath: \LFWEB_NEW\src\components\verificationCode.vue
+ * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
<template>
- <div class="ValidCode disabled-select" :style="`width:${width}; height:${height}`" @click="refreshCode">
+ <div class="ValidCode disabled-select" :style="``" @click="refreshCode">
<span v-for="(item, index) in codeList" :key="index" :style="getStyle(item)">{{item.code}}</span>
</div>
</template>
@@ -69,9 +77,13 @@
<style scoped lang="less">
.ValidCode{
+ width: 100px;
+ height: 48px;
display: flex;
justify-content: center;
align-items: center;
+
+ margin-left: 16px;
cursor: pointer;
span{
display: inline-block;
diff --git a/src/main.js b/src/main.js
index 5961186..a74e86d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,3 +1,11 @@
+/*
+ * @Author: 鐜嬫棴 1377869194@qq.com
+ * @Date: 2023-05-08 13:52:20
+ * @LastEditors: 鐜嬫棴 1377869194@qq.com
+ * @LastEditTime: 2023-05-08 14:19:08
+ * @FilePath: \LFWEB_NEW\src\main.js
+ * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
import Vue from 'vue';
import App from './App.vue';
import router from './router';
@@ -23,7 +31,8 @@
import elDragDialog from './utils/diaLog.js'
Vue.directive('el-drag-dialog', elDragDialog);
ElementUI.Dialog.props.closeOnClickModal.default = false;
-
+//閫傞厤
+import "amfe-flexible/index"
Vue.use(directive)
Vue.use(dataV)
diff --git a/src/views/datamanage/catalogueManage.vue b/src/views/datamanage/catalogueManage.vue
index d6a3331..4761cf6 100644
--- a/src/views/datamanage/catalogueManage.vue
+++ b/src/views/datamanage/catalogueManage.vue
@@ -2,7 +2,7 @@
<div class="subpage_Box">
<My-bread :list="[
`${$t('dataManage.dataManage')}`,
- `${$t('dataManage.catalogueManage')}`,
+ `${$t('dataManage.projectManagement')}`,
]"></My-bread>
<el-divider />
<div class="mainBox">
diff --git a/vue.config.js b/vue.config.js
index 6c5461f..031f18d 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,3 +1,11 @@
+/*
+ * @Author: 鐜嬫棴 1377869194@qq.com
+ * @Date: 2023-05-08 13:52:20
+ * @LastEditors: 鐜嬫棴 1377869194@qq.com
+ * @LastEditTime: 2023-05-08 14:17:30
+ * @FilePath: \LFWEB_NEW\vue.config.js
+ * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
const path = require("path")
const resolve = dir => path.join(__dirname, dir)
module.exports = {
@@ -16,4 +24,45 @@
},
},
},
+ css: {
+ loaderOptions: {
+ postcss: {
+ plugins: [
+ require("postcss-px-to-viewport")({
+ unitToConvert: "px", // 闇�瑕佽浆鎹㈢殑鍗曚綅
+ viewportWidth: 1920, // 瑙嗗彛瀹藉害锛岀瓑鍚屼簬璁捐绋垮搴�
+ unitPrecision: 5, // 绮剧‘鍒板皬鏁扮偣鍚庡嚑浣�
+ /**
+ * 灏嗕細琚浆鎹㈢殑css灞炴�у垪琛紝
+ * 璁剧疆涓� * 琛ㄧず鍏ㄩ儴锛屽锛歔'*']
+ * 鍦ㄥ睘鎬х殑鍓嶉潰鎴栧悗闈㈣缃�*锛屽锛歔'*position*']锛�*position* 琛ㄧず鎵�鏈夊寘鍚� position 鐨勫睘鎬э紝濡� background-position-y
+ * 璁剧疆涓� !xx 琛ㄧず涓嶅尮閰峹x鐨勯偅浜涘睘鎬э紝濡傦細['!letter-spacing'] 琛ㄧず闄や簡letter-spacing 灞炴�т箣澶栫殑鍏朵粬灞炴��
+ * 杩樺彲浠ュ悓鏃朵娇鐢� ! 鍜� * 锛屽['!font*'] 琛ㄧず闄や簡font-size銆� font-weight ...杩欎簺涔嬪灞炴�т箣澶栫殑鍏朵粬灞炴�у悕澶撮儴鏄�榝ont鈥欑殑灞炴��
+ * */
+ propList: ["*"],
+ viewportUnit: "vw", // 闇�瑕佽浆鎹㈡垚涓虹殑鍗曚綅
+ fontViewportUnit: "vw", // 闇�瑕佽浆鎹㈢О涓虹殑瀛椾綋鍗曚綅
+ /**
+ * 闇�瑕佸拷鐣ョ殑閫夋嫨鍣紝鍗宠繖浜涢�夋嫨鍣ㄥ搴旂殑灞炴�у�间笉鍋氬崟浣嶈浆鎹�
+ * 璁剧疆涓哄瓧绗︿覆锛岃浆鎹㈠櫒鍦ㄥ仛杞崲鏃朵細蹇界暐閭ｄ簺閫夋嫨鍣ㄤ腑鍖呭惈璇ュ瓧绗︿覆鐨勯�夋嫨鍣紝濡傦細['body']浼氬尮閰嶅埌 .body-class锛屼篃灏辨剰鍛崇潃.body-class瀵瑰簲鐨勬牱寮忚缃笉浼氳杞崲
+ * 璁剧疆涓烘鍒欒〃杈惧紡锛屽湪鍋氳浆鎹㈠墠浼氬厛鏍￠獙閫夋嫨鍣ㄦ槸鍚﹀尮閰嶈姝ｅ垯锛屽鏋滃尮閰嶏紝鍒欎笉杩涜杞崲锛屽[/^body$/]浼氬尮閰嶅埌 body 浣嗘槸涓嶄細鍖归厤鍒� .body
+ */
+ selectorBlackList: [],
+ minPixelValue: 1, // 鏈�灏忕殑鍍忕礌鍗曚綅鍊�
+ mediaQuery: false, // 鏄惁杞崲濯掍綋鏌ヨ涓缃殑灞炴�у��
+ replace: true, // 鏇挎崲鍖呭惈vw鐨勮鍒欙紝鑰屼笉鏄坊鍔犲洖閫�
+ /**
+ * 蹇界暐涓�浜涙枃浠讹紝濡�'node_modules'
+ * 璁剧疆涓烘鍒欒〃杈惧紡锛屽皢浼氬拷鐣ュ尮閰嶈姝ｅ垯鐨勬墍鏈夋枃浠�
+ * 濡傛灉璁剧疆涓烘暟缁勶紝閭ｄ箞璇ユ暟缁勫唴鐨勫厓绱犻兘蹇呴』鏄鍒欒〃杈惧紡
+ */
+ exclude: [],
+ landscape: false, // 鏄惁鑷姩鍔犲叆 @media (orientation: landscape)锛屽叾涓殑灞炴�у�兼槸閫氳繃妯睆瀹藉害鏉ヨ浆鎹㈢殑
+ landscapeUnit: "vw", // 妯睆鍗曚綅
+ landscapeWidth: 1334, // 妯睆瀹藉害
+ }),
+ ],
+ },
+ },
+ },
}
--
Gitblit v1.9.3