4、微信小程序-项目配置

---

前言

我们在写一个微信小程序项目的时候，需要对项目进行一些基础配置，这些配置可以更加便捷地帮助我们构建项目，这节就说下我们应该在哪进行配置以及如何去配置。

---

一、公共样式

在项目里添加以下文件

这里的common.wxss是我们的公共样式，可以在需要的地方引入这个文件就可以赋予这个里面设置的样式，例如我们在这里面添加了文字text标签的样式：

我们注意到这里面还有个文件iconfont.wxss，这里是放字体图标的，我们可能在项目需要用到这些字体图标，如何生成我们需要的字体图标文件并使用呢？
我们可以在阿里巴巴的矢量图标库中生成。
步骤如下：
1、加入购物车，打开购物车


2、把我们刚刚添加的图标全部，添加至项目（可以新建也可以是已存在的项目）


3、获取字体图标的css文件

4、将链接粘贴到浏览器打开
我们会看到一个css的文件，复制里面全部的内容，然后打开微信小程序的项目，将复制的内容替换iconfont.wxss的内容。这样我们就得到了字体图标文件了。

5、字体图标的使用
我们在app.wxss中 引入这个文件，就可以在应用中使用这个文件了：

@import "./styles/iconfont.wxss";   

例如我们需要在页面中，实现这样的样式：

我们在页面.wxml文件就可以这样写：

<view>
        <text class="iconfont icon-shoucang"></text>