Skip to content

关于 tab-bar的问题 #836

Closed
Closed
@xoptimal

Description

本地环境

  • antd-mobile 版本:最新
  • 浏览器 (或标明是 react-native) 及其版本:google chrome
  • 运行环境及其版本:最新

你做了什么?

  1. 引用了 tab-bar , 直接 copy 了实例代码, 去掉了badge属性, 设置title属性三个以上中文字符,
  2. 设置 tab-bar 高度

你期待的结果是:

  1. 文字和图标居中对齐
  2. 设置成功

实际上的结果:

  1. 图标还有文字没有居中对齐
  2. 设置失败

除开这个问题, 还有个高清方案设置不懂, 请指教 :

我在 index.html 加入了: !function(e){function t(a){if(i[a])retur.......

并且配置了 :

extraPostCSSPlugins: [
  pxtorem({
    rootValue: 100,
    propWhiteList: [],
  })
]

我现在的问题是, 我的设计稿是 1080 * 1920 的

请问我现在的 less 的转换是否是正确的 ? 如果不是, 请问我该怎么去计算 ~

eg.

.px2rem(@name, @px) {
    @{name}: @px / 100 * 1rem;
}

.px2px(@name, @px) {

  @{name}: round(@px) * 1px;
  
  [data-dpr="2"] & {
      @{name}: @px * 2px;
  }
  [data-dpr="3"] & {
      @{name}: round(@px * 3) * 1px
  }
  [data-dpr="4"] & {
      @{name}: round(@px * 4) * 1px
  }
}

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions