.img-button{vertical-align:middle;显示：内联块；游标：指针；右边距：10px；.img-btn{.img-不重复；宽度：25px；高度：25px；}.img-btn:hover{转换：比例（1.1）；}.refresh-img{background-image:url('../../assets/images/button/refresh.png');}.add-img{background-image:url('../../assets/images/button/add.png');}.delete-img{background-image:url('../../assets/images/button/delete.png');}.check-img{background-image:url('../../assets/images/button/check.png');}.close-img{background-image:url('../../assets/images/button/close.png');}.edit-img{background-image:url('../../assets/images/button/edit.png');}.gear-img{背景图片:url('../../assets/images/button/gear.png')}.plan-img{background-image:url('../../assets/images/button/plan.png')}.map-img{background-image:url('../../assets/images/button/map.png')}.normal-img{background-image:url('../../assets/images/button/normal.png')}.special-img{background-image:url('../../assets/images/button/special.png')}.line-img{background-image:url('../../assets/images/button/line_chart.png')}.ibtn{width:auto;最小宽度：100px；填充：020px；字体大小：17px；高度：30px；行高：30px；文本对齐：居中；边框半径：15px；背景色：#2f5d98；垂直对齐：中间；颜色：#00cccc；}.ibtn-samll{.ibtn;高度：25px；填充：02px；字体大小：10px；行高：25px；边界半径：0px；背景颜色：透明；边框：1px溶胶编号#00cccc；}.ibtn-samll:hover{颜色：白色；边框：1px纯白色；}.normal-btn{.ibtn;}.normal-btn:hover{颜色：白色；背景色：#ff9247；}}在实际开发项目中，有时我们会使用到自定义按钮；因为在一个项目中，页面很多，为了统一风格，我们会复用很多相同或者相似的按钮，这时候自定义按钮组件就派上用场了。我们将定义好的按钮组件导出，全局引用，然后在其他组件中随意使用，可以大大提高我们的工作效率。好了，废话少说，代码如下：img-button.vue//这是我们自定义的按钮组件
