set-navigation-bar.axml 1.4 KB

1234567891011121314151617181920212223
  1. <view class="page">
  2. <view class="page-description">设置导航栏 API</view>
  3. <form onSubmit="setNaivgationBar" style="align-self:stretch">
  4. <view class="page-section">
  5. <view class="page-section-demo">
  6. <input class="page-body-form-value" type="text" placeholder="标题" name="title"></input>
  7. <input class="page-body-form-value" type="text" placeholder="导航栏背景色" name="backgroundColor"></input>
  8. <input class="page-body-form-value" type="text" placeholder="导航栏底部边框颜色" name="borderBottomColor"></input>
  9. <input class="page-body-form-value" type="text" placeholder="导航栏图片地址" name="image"></input>
  10. </view>
  11. <view class="page-section-btns">
  12. <button type="primary" size="mini" formType="submit">设置</button>
  13. <button type="primary" size="mini" onTap="resetNavigationBar">重置</button>
  14. </view>
  15. </view>
  16. </form>
  17. <view class="tips">
  18. tips:
  19. <view class="item">1. image:图片链接地址,必须 https,请使用一张3x高清图。若设置了 image,则 title 参数失效</view>
  20. <view class="item">2. backgroundColor: 导航栏背景色,支持 16 进制颜色值</view>
  21. <view class="item">3. borderBottomColor: 导航栏底部边框颜色,支持16进制颜色值。若设置了 backgroundColor,borderBottomColor 会不生效,默认会和 backgroundColor 颜色一样。</view>
  22. </view>
  23. </view>