package.json

@@ -39,6 +39,8 @@
     "husky": "^4.3.0",
     "less": "^3.0.4",
     "less-loader": "^4.1.0",
+    "postcss-px-to-viewport": "^1.1.1",
+    "postcss-pxtorem": "^5.1.1",
     "vue-template-compiler": "^2.5.21"
   },
   "eslintConfig": {

src/pages/confirmOrder/addOrder/index.vue

@@ -128,7 +128,7 @@
             </div>
             <div class="project-content">
               <div class="title-price">
-                <div class="project-tit">{{item.name | ellipsis(14)}}</div>
+                <div class="project-tit">{{item.name}}</div>
                 <div class="project-price">
                   <span class="min-size">￥</span>
                   {{Number(item.price).toFixed(2)}}

src/pages/confirmOrder/details/index.vue

@@ -115,7 +115,7 @@
             <div class="project-image"><img :src="item.cover_url"></div>
             <div class="project-content">
               <div class="title-price">
-                <div class="project-tit">{{item.name | ellipsis(14)}}</div>
+                <div class="project-tit">{{item.name}}</div>
                 <div class="project-price"><span class="min-size">￥</span>{{Number(item.price).toFixed(2)}}</div>
               </div>
               <div class="project-tips">{{item.product_names}}</div>

src/pages/historicalOrder/details/index.vue

@@ -73,7 +73,7 @@
             </div>
             <div class="project-content">
               <div class="title-price">
-                <div class="project-tit">{{item.name | ellipsis(14)}}</div>
+                <div class="project-tit">{{item.name}}</div>
                 <div class="project-price">
                   <span class="min-size">￥</span>
                   {{item.price}}

src/pages/testSkin/index.vue

@@ -23,7 +23,7 @@
         <div class="head-img">头像</div>
         <div class="head-name">昵称</div>
         <div class="head-phone">联系电话</div>
-        <div class="head-ts">预约时间</div>
+        <div class="head-ts">检测时间</div>
         <div class="head-status">状态</div>
       </div>
       <div class="content">

vue.config.js

@@ -38,5 +38,39 @@ module.exports = {
     //         chunkFilename: `css/[name].[hash:6].css`
     //     })
     // ]
+  },
+  css: {
+    // loaderOptions: {
+    //   postcss: {
+    //     plugins: [
+    //       require('postcss-pxtorem')({
+    //           // TODO：这个值该怎么算
+    //         rootValue: 32, //结果为：设计稿元素尺寸/16，比如元素宽320px,最终页面会换算成 20rem
+    //         selectorBlackList: ['van'], // 忽略转换正则匹配项
+    //         propList: ['*'],  //要转换的匹配项
+    //       })
+    //     ]
+    //   }
+    // }
+    loaderOptions: {
+      postcss: {
+          plugins: [
+              require("postcss-px-to-viewport")({
+                unitToConvert: "px", // 把什么单位转换成vw
+                viewportWidth: 1000, // 视口宽度，设计稿宽度
+                viewportHeight: 600, // 视口高度，设计稿高度
+                unitPrecision: 5, // 转换成vw单位的小数点后的保留位数
+                propList: ["*"], // 属性列表，表示你要把哪些css属性的px转换成vw
+                viewportUnit: "vw", // 使用的单位，目前可选单位有vw,vh。
+                fontViewportUnit: "vw", // 字体使用的单位
+                selectorBlackList: ['van', 'el-'], // 匹配不被转换为vw的选择器
+                minPixelValue: 1,
+                mediaQuery: false,
+                replace: true, // 是否直接更换属性值，而不添加备用属性
+                exclude: /(\/|\\)(node_modules)(\/|\\)/,
+              })
+          ]
+      }
+    }
   }
 }