我们在写一个微信小程序项目的时候,需要对项目进行一些基础配置,这些配置可以更加便捷地帮助我们构建项目,这节就说下我们应该在哪进行配置以及如何去配置。
在项目里添加以下文件
这里的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>