首页>文档>上门预约>小程序顶部导航自定义颜色设置

小程序顶部导航自定义颜色设置

一、使用工具
渐变色参考:https://uigradients.com/#Wiretap

二、效果演示
设置效果(一)

小程序顶部导航自定义颜色设置

设置效果(二)

小程序顶部导航自定义颜色设置

三、设置方法
1、点击参数设置可以看到 “顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”、“顶部导航文本颜色” 三个选项

小程序顶部导航自定义颜色设置

3、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号,如我们此处输入 #f953c6 ,点后点击确认
4、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号,如我们此处输入 #b91d73 ,点后点击确认
5、“顶部导航文本颜色” 我们默认为白色 代码 #FFFFFF
6、点击提交按钮,然后预览小程序效果如下

小程序顶部导航自定义颜色设置

7、如果想设置单一颜色,将“顶部导航渐变色左侧颜色”、“顶部导航渐变色右侧颜色”设置为相同的即可,如我们设置成红色 代码 #FF0000

小程序顶部导航自定义颜色设置

8、效果如下

小程序顶部导航自定义颜色设置

9、顶部颜色设置

小程序顶部导航自定义颜色设置

10、效果如下

小程序顶部导航自定义颜色设置
0 条回复 A文章作者 M管理员
夸夸
夸夸
还有吗!没看够!
    暂无讨论,说说你的看法吧
个人中心
购物清单
优惠代劵
今日签到
有新私信 私信列表
快速搜索
联系客服
关注我们
  • 扫码打开当前页

  • 小程序