您的当前位置:首页正文

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

2024-11-09 来源:个人技术集锦


前言

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


一、公共样式

在项目里添加以下文件

这里的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>
显示全文