通过less 计算 得出图片均分布局

 

 

<style lang="less">

@import "../style/weui.wxss"; // WXSS · 小程序 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html

@wx-width: 750rpx;

@wx-width_px: 750;

@wx-width-one_unit: @wx-width/750;

@color-main_red: #F00;

@color-main_blue: #2CABE2; // TODO 全局统一；2018年10月2日 16:29:42

@page-padding-horizontal: @wx-width-one_unit*12;

 

.pay-type {

// 布局图片前通过margin负值去除padding

margin: 0 -@page-padding-horizontal;

display: inline-flex;

}

.pay-type_icon {

// image-height("file.png")

@this-img_orign-width_px: 98; // 原图 宽度 高度 98 40 像素 96*96 dpi

@w: @wx-width/2;

@h: @w*40/98;

width: @w;

height: @h;

}