快速开发.md

1.怎么在组件中引入图片？

图片目录在src/assets下，在组件中引入方式如下：
<img :src="reuqire('@/assets/img/demo.png')" alt="" />

Tips：建议动态引入，避免调整页面带来的路径问题

2.本地和服务端调试怎么弄？

修改 vue.config.js 中的 proxy 为你的服务端地址即可，如：
proxy: 'http://xxx.com'

3.引入了第三方组件，如何修改样式？

有两个方法可以解决这个问题：

方法一：
在scoped的scss中使用 >>> 或者 /deep/ ，是vue提供的"深度作用选择器"
<style scoped>
    .a >>> .b { /* ... */ }
    .a /deep/ .b { /* ... */ }
</style>

方法二：
单独写一个style，不加scoped，在这里面单独修改
<style>
    .a .b { /* ... */ }
</style>

4.移动端1px边框问题怎么解决？

移动端屏幕像素比(dpr)导致的，不要使用border: 1px solid #ff6632，而是用：

@include border-bottom();
@include border-top();
@include border-left();
@include border-right();
@include border();

可以传入一些配置项来设置border的颜色、粗细等等，查看 src/assets/mixin.scss 里面的 border 类。


5.过滤器处理数据格式、转换等
全局混入了过滤器，内置了常用的方法，因此，对待时间戳转日期、隐藏手机号中间四位等要求，可以这样做：

时间戳：{{1544179366 | timeFilter}} => 2018-12-07 18:42:46
手机格式化：{{15311959057 | formatPhone}} => 153****9057
银行卡格式化：{{123123123123132 | formatBank}} => 1231 2312 3123 132
千分位分隔符：{{5000039 | toThousands}} => 5,000,039

可以在 src/filters/index.js 里自己添加，用法和示例一样。