全局设置基本字号大小

src/assets/sass/common.scss

@@ -22,6 +22,7 @@ body {
 html {
   height: auto;
   max-height: 100%;
+  font-size: 1px;
 }
 
 a,

src/router/ebiz/index.js

@@ -51,6 +51,8 @@ import cooperativeUnit from './cooperativeUnit'
 import YB_APP from '../YB_APP/index'
 // GBC
 import GBC from '../GBC/index'
+// test
+import test from '../test/index'
 //健康险续保
 import healthInsuranceRenewal from './healthInsuranceRenewal'
 export default [
@@ -92,5 +94,6 @@ export default [
   ...cooperativeUnit,
   ...YB_APP,
   ...GBC,
+  ...test,
   ...healthInsuranceRenewal
 ] //根据需要进行删减

src/router/test/index.js

@@ -0,0 +1,14 @@
+//数据报表 定义相关组件
+const test_home = () => import('@/views/test/home')
+
+export default [
+  {
+    path: '/test/home',
+    name: 'test_home',
+    component: test_home,
+    meta: {
+      title: '首页',
+      index: 1
+    }
+  },
+]

src/views/test/home.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="public_container">
+      <p class="aaa">一、rem与em rem(root em)是一个相对单位,类似于em,em 是父元素字体大小。
+          不同的是 rem 的基准是相对于 html 元素的字体大小。 比如,根元素(html) 设置 font-size = 12px;
+          非根元素设置 width: 2rem; 则换成 px 表示就是 24px (rem: root em,意思是根元素,相对于根元素的字体大小)
+          1.em,相对于父元素,一个页面有多个父元素,这些父元素的字体大小可能不一样。 2.rem,相对于根元素,一个页面只有一个根元素
+      </p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Home',
+  components: {},
+  data() {
+    return {
+
+    }
+  },
+  mounted(){
+
+  },
+  methods:{
+
+  },
+}
+</script>
+<style lang="scss" scoped>
+  .aaa{
+      font-size: 20rem;
+      line-height: 30rem;
+      padding: 10rem;
+  }
+</style>