ui-css-helper

使���

快���

����

• å®�è£�nodejs

• è¿�å�¥é¡¹ç�®ç�®å½�å�½ä»¤æ¨¡å¼�ï¼�æ�§è¡�以ä¸�å�½ä»¤

npm install

����令使�

• è¿�å�¥é¡¹ç�®ç�®å½�å�½ä»¤æ¨¡å¼�ï¼�æ�§è¡�以ä¸�å�½ä»¤å¼�å§�ç¼�è¯�ï¼�å�ªç¼�è¯�å½�å��ä¸�次ï¼�

npm run start

• å¦�æ��è¦�ç��å�¬æ��件å®�æ�¶ç¼�è¯�ï¼�请æ�§è¡�以ä¸�å�½ä»¤å�¨æ��ç¼�è¯�ï¼�è�ªå�¨ç��å�¬srcä¸�æ��件ï¼�å®�æ�¶ç��æ��ï¼�

npm run watch

����件��

�������件��src����

����件��

�件��postcss������dist�������件��个就�被������件

����

����转�px为rem���根�dpr转�(使�750设计稿)

注��设置�������须����/*px*/�����被转��rem�����强�使�px�����以���/*no*/

����

.test-size{
  /*�认使�rem模�*/
  width:20px;
  /*使�dpr模�*/
  font-size: 15px;/*px*/
  /*强�使�px*/
  height:20px;/*no*/
}

����

.test-size {
  width: 0.266667rem;
  height: 20px;
}

[data-dpr="1"] .test-size {
  font-size: 7.5px;
}

[data-dpr="2"] .test-size {
  font-size: 15px;
}

[data-dpr="3"] .test-size {
  font-size: 22.5px;
}

�������

����

.test-prefix{
  display:flex;
  box-shadow: 2px 2px 2px #e2e2e2;
}

����

.test-prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0.026667rem 0.026667rem 0.026667rem #e2e2e2;
          box-shadow: 0.026667rem 0.026667rem 0.026667rem #e2e2e2;
}

�����以使�16��

����

.test-color{
  color:rgba(#f1f1f1,0.5);
}

����

.test-color {
  color: rgba(241,241,241,0.5);
}

��使���

��variable.js�件�����

module.exports = {
    primary: 'red',
    padding: '15px'
}

样����以使�������

���

.test-variable{
  color:$primary;
  padding:$padding;
}

���

.test-variable {
  color: red;
  padding: 0.2rem;
}