电子站牌项目（修改front-end/h5下的文件，适配 android 5.0 的内置游览器兼容性）

1、修改.browserslistrc文件，添加适配项目 2、修改babel.config.js，添加polyfills（es6.promise，es6.symbol），注对应的core-js是2.6.5版本（对应的polyfills列表在对应的github项目上） 3、修改package.json，添加babel-polyfill，es6-promise，url-search-params-polyfill依赖 4、修改bsth-line-chart.js，低版本游览器的svg某些属性不支持写在css中，需要直接定义成属性，如circle，rect的width，height属性，具体看修正后的注释 5、修改engine-entry.js，手动导入import url-search-params-polyfill，之后core-js升级后，可以定义在babel.config.js中，具体看注释 6、修改vue.config.js，添加transpileDependencies，添加@luban-h5/plugin-common-props，resize-detector的依赖，将依赖按照babel.config.js定义的polyfill重新编译

电子站牌项目（修改front-end/h5下的文件，适配 android 5.0 的内置游览器兼容性）
1、修改.browserslistrc文件，添加适配项目 2、修改babel.config.js，添加polyfills（es6.promise，es6.symbol），注对应的core-js是2.6.5版本（对应的polyfills列表在对应的github项目上） 3、修改package.json，添加babel-polyfill，es6-promise，url-search-params-polyfill依赖 4、修改bsth-line-chart.js，低版本游览器的svg某些属性不支持写在css中，需要直接定义成属性，如circle，rect的width，height属性，具体看修正后的注释 5、修改engine-entry.js，手动导入import url-search-params-polyfill，之后core-js升级后，可以定义在babel.config.js中，具体看注释 6、修改vue.config.js，添加transpileDependencies，添加@luban-h5/plugin-common-props，resize-detector的依赖，将依赖按照babel.config.js定义的polyfill重新编译
徐烜
1 parent 7317eda6
Showing 6 changed files with 25 additions and 4 deletions
front-end/h5/.browserslistrc
front-end/h5/babel.config.js
front-end/h5/package.json
front-end/h5/src/components/core/plugins/bsth/bsth-line-chart.js
front-end/h5/src/engine-entry.js
front-end/h5/vue.config.js
 > 1%
-last 2 versions
+chrome >= 39
+android >= 5.0
 module.exports = {
   presets: [
-    '@vue/app'
-    // ['es2015', { 'modules': false }]
+    ['@vue/app', {
+      polyfills: [
+        'es6.promise',
+        'es6.symbol'
+      ]
+    }]
   ],
   'plugins': [
     '@babel/plugin-proposal-optional-chaining',
@@ -21,9 +21,11 @@
     "@luban-h5/plugin-common-props": "0.2.8",
     "animate.css": "^3.7.2",
     "ant-design-vue": "^1.3.14",
+    "babel-polyfill": "^6.26.0",
     "core-js": "^2.6.5",
     "echarts": "^4.8.0",
     "element-ui": "^2.13.0",
+    "es6-promise": "^4.2.8",
     "font-awesome": "4.7.0",
     "hotkeys-js": "^3.7.6",
     "html2canvas": "^1.0.0-rc.3",
@@ -33,6 +35,7 @@
     "register-service-worker": "^1.6.2",
     "resize-detector": "^0.2.2",
     "strapi-sdk-javascript": "^0.3.1",
+    "url-search-params-polyfill": "^8.1.1",
     "v-charts": "^1.19.0",
     "v-click-outside": "^3.1.2",
     "vant": "^2.2.12",
@@ -484,6 +484,7 @@ export default {
       }).append('circle')
         .classed('station_circle', true)
         .style('fill', self.chart_up_line_circle_f_color)
+        .attr('r', '5.5') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
         .attr('cx', function (d, i) {
           return xScale(i)
         })
@@ -508,6 +509,7 @@ export default {
         .classed('station_circle', true)
         .classed('down', true)
         .style('fill', self.chart_down_line_circle_f_color)
+        .attr('r', '5.5') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
         .attr('cx', function (d, i) {
           return xScale(i)
         })
@@ -811,6 +813,9 @@ export default {
           return 'rct_' + d.getKey()
         })
         .transition()
+        .attr('width', '30px') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
+        .attr('height', '15px') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
+        .attr('rx', '2px') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
         .attr('x', gpsRectX)
         .attr('y', gpsRectY)
         .attr('updown', function (d) {
@@ -1001,6 +1006,9 @@ export default {
             return self.chart_gps_up_merge_rect_color
           }
         })
+        .attr('width', '22px') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
+        .attr('height', '22px') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
+        .attr('rx', '15px') // css也设置了，但是有些游览器不支持（如 android5.1的内置游览器），所以直接定义成属性
         .attr('x', function (d) {
           return d.x - 11
         })
@@ -12,6 +12,7 @@
       使用场景：预览弹窗中预览 和 在手机上查看作品使用
  * @Copyright 2018 - 2020 luban-h5. All Rights Reserved
  */
+import 'url-search-params-polyfill'
 import Vue from 'vue'
@@ -99,5 +99,9 @@ module.exports = {
       maskIcon: 'img/icons/favicon.ico',
       msTileImage: 'img/icons/favicon.ico'
     }
-  }
+  },
+  transpileDependencies: [
+    '@luban-h5/plugin-common-props',
+    'resize-detector'
+  ]
 }