首页 > 网名 正文
微信名字框框—微信名字图片…

时间:2023-05-28 作者:佚名

背景:

在微信小程序的实际开发过程中,有时候我们需要修改微信小程序提供的 tabBar 组件顶部边框的颜色,以满足项目需求

解决方案:

方式一:

通过tabBar组件自带的 borderStyle 属性来控制边框的颜色,将边框的颜色设置为白色,如下代码:

"borderStyle": "white",

全部代码:

a文件

  "tabBar": {     "color": "#7B7E82",     "selectedColor": "#333333",     "borderStyle": "white",     "list": [{       "pagePath": "pages/index/index",       "text": "首页",       "iconPath": "image;,       "selectedIconPath": "image;     },{       "pagePath": "pages/index/index",       "text": "服务预约",       "iconPath": "image;,       "selectedIconPath": "image;     },{       "pagePath": "pages/cemetery/cemetery",       "text": "公墓服务",       "iconPath": "image;,       "sel

ectedIconPath": "image;     },{       "pagePath": "pages/me/me",       "text": "我的",       "iconPath": "image;,       "selectedIconPath": "image;     }]   }

但是,通过这种方式,只能设置 white和 black ,如若不是,会爆以下错误:

方式二:

1、首先将 tabBar组件自带的 borderStyle 的颜色设置为 white (因为默认背景色为白色,将边框设置为白色,就相当于隐藏边框)

2、给a添加如下样式,已达到自定义 tabBar 颜色的目的(其实就是在页面的底部自定义一条线)

/**修改tabbar线条:**/ page::after{   content: "";   position: fixed;   left: 0;   bottom: 0;   width: 100%;   height: 2rpx;   background-color: #EEEEEE;   z-index: 9999; }

效果图:

注意:

如若其它页面不需要底部的边框线,那么只需要给当前页面的.wxss文件添加一个覆盖page样式的代码,具体如下:

page::before{ height: 0rpx; }

本文信息为网友自行发布旨在分享与大家阅读学习,文中的观点和立场与本站无关,如对文中内容有异议请联系处理。

本文链接:https://www.paituo.cc/wangming/1025570.html

  • 相关阅读

    微信名字坚果,微信名字图片?

    微信名字坚果,微信名字图片,微信名字大全相关介绍,作者 | YY 浅夏 栏目编辑 | 尹茗 图片拍摄 | 浅夏 10月的最后一天,坚果新机Pro3发布,只不过这一次,应该称呼为:字节跳动·坚果Pro3。 这是一场没有罗永浩的坚果手机发布会,坚果手机团

    自制微信名字——自制微信名字图片大全?

    自制微信名字,自制微信名字图片大全,自制微信表情包相关介绍,大家好,我是明煊。 每天更新创意壁纸头像,喜欢的记得关注哦。 许多人不理解,为什么要为一件小事落泪?因为让人难过的,不是失去了一杯豆浆,而是在那一刻,我们终于找到了一个理由褪去身上的保护色,我们终于得

    “微信名字玄学“微信名字图片?

    微信名字玄学,微信名字图片,微信名字怎么起最好相关介绍,不知道机友们有没有这种习惯,没事就刷刷微信,看看别人的微信名,看看别人的朋友圈什么的,看看他最近怎样啊,有什么变化什么的。 其实一个人过得好不好,心里苦不苦,看看细节就知道了,微信名就是一个细节。今天

    微信名字水墨微信名字图片…

    微信名字水墨,微信名字图片,微信名字水墨丹青相关介绍,#国风水墨 大家好,今天给大家带来一款国风水墨头像绘画。 独特的中国色彩,中国水墨画的特点是:近处写实,远处抽象,色彩微妙,意境丰富。 简单的水墨微信头像送给大家。 希望大家能够喜欢!

    微信名字色彩微信名字图片

    微信名字色彩,微信名字图片,微信名字怎么起最好相关介绍,当我们看到某种颜色后,由这一颜色联想到与其有关的某种事物称为色彩的联想。色彩的联想,受观看者的知识、经验、经历左右,也因观看者的性格、年龄等的不同而不同。色彩的联想可分为色彩的具象联想与色彩的抽象联想

    ‘微信名字舌头’微信名字图片?

    微信名字舌头,微信名字图片,微信名字头像相关介绍,文章来源: 微信公众号[谢别录工作室] 经常说中医讲究“望闻问切”,根据舌头的状况可以看出身体的健康。因为舌体和舌苔的颜色透漏着脾胃的健康。血液病患者的造血功能就是和脾胃有关,所以,如果舌头有这几个变

    (微信名字接单)微信名字图片?

    微信名字接单,微信名字图片,微信名字大全相关介绍,萝莉音、御姐音、少女音、老年音、正太音……80后温州姑娘“瓯柑”(网名)曾是咖啡师,现在则化身有声书主播“瓯柑也甜”,在多个角色和音色间游刃有余地变换,在各个频道收获不少粉丝。 新职业名片:有声书主播

    ‘微信名字无味’微信名字图片

    微信名字无味,微信名字图片,微信名字英语相关介绍,1.鹤逐巫山 2.桃园理奈子 3.抵达初恋星球 4.盛夏巡游记 5.林深雾起 6.独揽星河 7.春日心动日记 8.月亮凑过来听 9.把星星揣兜里 10.檐上 11.不是山谷 12.给山河的信 13.星