您当前的位置: 首页 > 知识百科 > 微信小程序导航颜色怎么设置?

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

时间:2023-07-01 14:05 阅读数:110 人阅读 分类:知识百科

  在进行了小程序导航设置之后,你要对导航栏的样式进行研究和开发,包括微信小程序导航颜色和微信小程序导航背景的设置,具体方法是怎样的呢?微信小程序商店为你提供以下资料。一起来看看吧!

  一、颜色:color:设置对象的文本颜色。

  可使用颜色名,rgb,hex,rgba,hsl,hsla,transparent等等来设置。

  


  opacity:设置对象的不透明度。取值范围为0.0-1.0。

  opacity:0.2

  


  opacity:0.8

  


  二、背景:background。设置对象的背景特*。一个元素可以设置多重背景图像,每组之间用逗号隔开,如果存在重叠关系,前面的背景图像会覆盖在后面背景图上。

  


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

  2.background-image:背景图片。如果设置了这个属*,最好也添加下background-color ,用于当背景image不可见时保持与文本颜色有一定的对比度

  3.background-repeat:设置对象背景图如何铺排填充。

  repeat-x:背景在横向上平铺。

  repeat-y:背景在纵向上平铺。

  repeat:背景图在横向纵向上平铺。

  no-repeat:图像不平铺。

  round:背景图像自动缩放直到适应且填充整个容器。

  space:背景图像以相同的间距平铺且填充满整个容器或者某个方向。

  space:

  


  round:

  


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

  取值:fixed:固定位置。scroll:相对于元素固定,跟着元素。local:相对于元素内容固定,总是跟着内容。

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

  取值:left,right,top,bottom,center。也可以用百分比。

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

  取值:auto:背景图的真实大小。cover:等比例缩放到完全覆盖容器。有可能超出容器。

  contain:将背景图等比例缩放到宽度或者高度与容器的宽度或者高度相等,始终都在容器内。

  7.background-clip:指定对象的背景图像向外裁剪的区域。

  取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。

  border-box:从border区域(不含border)开始向外裁剪背景。

  content-box:从content 区域开始向外裁剪背景。

  text:从前景内容的形状做为裁剪区域向外裁剪。

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

  取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。

  border-box:从border区域(不含border)开始向外裁剪背景。

  content-box:从content 区域开始向外裁剪背景。

  关于微信小程序导航颜色要怎么设置大家看完上述内容应该都知道了吧,设置导航的颜色也会顺带着关联到导航的背景设置,小编都一并讲解清楚了,希望能够帮助到大家。

  

  怎样更换微信小程序文字颜色?

  微信小程序tab栏文字颜色修改怎么弄

  微信小程序标题颜色怎么修改?