全局样式写在哪个文件

html-css020

全局样式写在哪个文件,第1张

全局样式,如果公共的样式可以写到文件index.wxml里。

小程序中是分为全局和页面级两部分。全局是在小程序的所有页面都有效,页面级是只在当前页面中生效。小程序根目录有三个文件app.js、app.json、app.wxss这三个就是全局的。

在低代码中我们是在低码编辑器里看全局文件。

我们这里的lifecycle相当于app.js,style相当于app.wxss,那app.json相当于啥呢?app.json是放的所有可以访问到的页面,相当于我们低码中的页面管理部分。在app.js中我们可以设置全局生命周期和全局变量。

onLanch就是一个全局的生命周期函数,在小程序一启动的时候就会加载。那这里边一般干些啥呢?比如你需要加载用户信息、角色的,就可以在这个函数里添加代码。

和低码中不同的是,我们全局对象在设置属性的时候是用的this关键字,这个关键字指向了对象自身,因为我们是在全局对象里,所以this指向的是全局对象。

低码中的全局对象是在变量中定义的,我们可以打开变量看到全局对象。

1、我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。

2、在头部调用CSS文件样式。

3、对于CSS,我们最常用的是通过class或是标签名来控制样式。

4、我们控制字体样式使用的font。

5、比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。

6、如果我们需要设置字体样式,那么我们可以使用font-family。

7、如果我们需要给字体加粗,那么我们可以使用font-weight。

8、在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对齐方式。

9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。

10、如果您定义的容器比文字的宽度小,那么可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。

11、font-style可以设置字体的样式。