web学习笔记（七十六）

目录

1.wxss和css的区别

2.wxss通过less来编写代码

3.小程序实现下拉刷新的操作 

4.定义变量的技巧 

5.小程序实现触底加载的操作 

---

1.wxss和css的区别

1. 在wxss中为了做适配我们引入了一个新的计量单位rpx,和vue的适配差不多，将整个屏幕分为750份，1rpx就是一份的大小。
2. 小程序支持样式导入操作(在wxss页面进行导入操作)，使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。

   @import "../..//static/common/common.wxss";

3. 在wxss中没有*号选择器
4. 在wxss中局部样式会覆盖全局样式

2.wxss通过less来编写代码

 通过less我们可以实现样式嵌套，在小程序中想要通过less来编写代码需要使用Esat LESS插件来完成操作。

我们需要修改一下这个插件的配置，因为这个插件默认是把css实现less，而我们现在是需要wxss实现less。

在管理扩展的.json文件中将下列代码复制进去即可：

  "less.compile": {
    "outExt": ".wxss"
  },

然后在使用时我们需要先将页面自动生成的对应.wxss文件删除，然后创建同名