微信小程序导航颜色怎么设置

设置好导航小程序后，要研究开发导航栏的样式，包括设置微信小程序的导航颜色和背景。具体方法是什么？微信小程序商店为您提供以下信息。让我们看看！

1.颜色：设置对象的文本颜色。

可以用颜色名称，rgb，hex，rgba，hsl，hsla，transparent等设置。

不透明度：设置对象的不透明度。数值范围为0.0-1.0。

不透明度：0.2

不透明度：0.8

二、背景：背景。设置对象的背景属性。一个元素可以设置多个背景图像，每个组用逗号分隔。如果有重叠关系，正面背景图像会覆盖背面背景图像。

1.background-color:指定背景颜色。值：正常颜色值。

2 .背景图片：背景图片。如果设置了此属性，比较好添加背景色，以便在背景图像不可见时与文本颜色保持一定的对比度

3 .背景-重复：设置如何布局和填充对象的背景图片。

重复-x:背景水平平铺。

repeat-y:背景垂直平铺。

重复：背景图片水平和垂直平铺。

不重复：图像没有平铺。

圆形：背景图像会自动缩放，直到它适合并填满整个容器。

空间：背景图像以相同的间隔平铺，填充整个容器或某个方向。

space:

圆形：

4.background-attachment:指定对象的背景图像是随对象的内容滚动还是固定的。

值：固定：固定位置。scroll:相对于元素固定，后跟元素。本地：相对于元素内容是固定的，总是跟随内容。

5.background-position:指定对象的背景图像位置。

值是左、右、上、下和中心。您也可以使用百分比。

6.background-size:指定对象背景图像的大小。

值：auto:背景图像的真实大小。盖子：按比例缩放以完全覆盖容器。可能超过容器。

容器：将背景图像缩放到与容器相同的宽度或高度，并始终保持在容器中。

7 .背景剪辑：指定剪切对象背景图像的区域。

值：填充框：背景从填充区域向外裁剪(不包括填充)。

边框：从边框区域(不包括边框)裁剪背景。

内容框：从内容区域裁剪背景。

文本：从前景内容的形状中剪切出来作为剪切区域。

8 .背景-原点：指定对象背景图像显示的原点。

值：填充框：背景从填充区域向外裁剪(不包括填充)。

边框：从边框区域(不包括边框)裁剪背景。

内容框：从内容区域裁剪背景。

大家看完以上内容应该知道如何设置微信小程序的导航颜色。设置导航颜色也会顺便关联到导航的背景设置。小编已经解释清楚了，希望对大家有所帮助。

下面是题目的开头。微信小程序显示多选框样式教程。标题到此结束

微信小程序显示多选框样式教程。比较近微信小程序的功能很流行，那么如何操作微信小程序显示多选框样式呢？如果你不知道，我们来看看小编编写的微信小程序显示多选框样式教程。仅供参考。

1.效果显示

2.键码

index.wxml

index.js

以上是小编编写的微信小程序显示多选框教程的全部内容。希望对大家有帮助。更多小程序代码和小程序信息，请关注源代理网的小程序频道。