微信小程序的一些页面初始化样式

app.wxss

 

@import "./styles/iconfont.wxss";
/* 在微信小程序中，不支持通配符   即'*' 
 *{
   padding:0;
   margin:0;
   box-sizing:border-box;
 }
*/

/* 用比较笨的方法，将需要初始化的标签加进来 */
page,view,text,swiper,swiper-item,image,navigator{
   padding:0;
   margin:0;
   box-sizing:border-box;
}

/**
  主题颜色  通过变量来实现
  1  less中存在变量这个知识
  2  原生的css和wxss都支持 变量
*/
page{
  /* 定义主题颜色 */
  --themeColor:#eb4450;

  /* 定义统一字体大小   假设设计稿 大小是 375px
   1px = 2rpx;
   14px = 28rpx;
  */
  font-size: 28rpx;
}

index.wxml

view{
    /* 使用主题颜色 */
    color: var(--themeColor);
}