开始

image.png

image.png
配置标题
image.png

  1. "navigationBarTitleText": "小纸条",

把首页的几个button配置给复制过来
image.png

image.png
图标选择Unicode
image.png

image.png
改了text的按钮样式,还修改了color为6个0
image.png

  1. {
  2. "color": "#000000",
  3. "colorPressed": "#BBBBBB",
  4. "float": "left",
  5. "fontSize": "22px",
  6. "fontSrc": "/static/font/icon.ttf",
  7. "text": "\ue845"
  8. },

右边
image.png

image.png

  1. // 右边按钮
  2. {
  3. "color": "#000000",
  4. "colorPressed": "#BBBBBB",
  5. "float": "right",
  6. "fontSize": "22px",
  7. "fontSrc": "/static/font/icon.ttf",
  8. "text": "\ue684"
  9. }

image.png

本节代码

完整的配置

  1. {
  2. "path": "pages/paper/paper",
  3. "style": {
  4. "navigationBarTitleText": "小纸条",
  5. "enablePullDownRefresh": false,
  6. "app-plus": {
  7. "scrollIndicator": "none", // 隐藏滚动条
  8. "bounce": "none", // 关闭反弹效果
  9. "titleNView": {
  10. "buttons": [
  11. // 左边
  12. {
  13. "color": "#000000",
  14. "colorPressed": "#BBBBBB",
  15. "float": "left",
  16. "fontSize": "22px",
  17. "fontSrc": "/static/font/icon.ttf",
  18. "text": "\ue845"
  19. },
  20. // 右边按钮
  21. {
  22. "color": "#000000",
  23. "colorPressed": "#BBBBBB",
  24. "float": "right",
  25. "fontSize": "22px",
  26. "fontSrc": "/static/font/icon.ttf",
  27. "text": "\ue684"
  28. }
  29. ]
  30. }
  31. }
  32. }
  33. }

结束