相关平台

微信小程序

复现仓库

https://github.com/CoDancer/taro_test_pro

小程序基础库: 2.14.0
使用框架: React

复现步骤

创建taro项目：
👽 Taro v3.0.17

Taro 即将创建一个新项目!
Need help? Go and open issue: https://tls.jd.com/taro-issue-helper

? 请输入项目介绍！ mingfa
? 请选择框架 React
? 是否需要使用 TypeScript ？ No
? 请选择 CSS 预处理器（Sass/Less/Stylus） Less
? 请选择模板源 Gitee（最快）
✔ 拉取远程模板仓库成功！
? 请选择模板 默认模板

创建项目 XXX 成功！

1. 运行到小程序端：

npm run dev:weapp

3.taro项目.less文件中
.home-navi-bar {
margin-top: 20px;
height: 46px;
}

4.微信小程序中对应的控件为：

.home-navi-bar {
margin-top: 20rpx;
height: 46rpx;
}

期望结果

.home-navi-bar {
margin-top: 40rpx;
height: 92rpx;
}
或者：
.home-navi-bar {
margin-top: 20px;
height: 46px;
}

实际结果

.home-navi-bar {
margin-top: 20rpx;
height: 46rpx;
}

环境信息

👽 Taro v3.0.17

  Taro CLI 3.0.17 environment info:
    System:
      OS: macOS 10.15.7
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 10.15.3 - /usr/local/bin/node
      Yarn: 1.12.3 - /usr/local/bin/yarn
      npm: 6.4.1 - /usr/local/bin/npm
    npmPackages:
      @tarojs/components: 3.0.17 => 3.0.17 
      @tarojs/mini-runner: 3.0.17 => 3.0.17 
      @tarojs/runtime: 3.0.17 => 3.0.17 
      @tarojs/taro: 3.0.17 => 3.0.17 
      @tarojs/webpack-runner: 3.0.17 => 3.0.17 
      babel-preset-taro: 3.0.17 => 3.0.17 
      eslint-config-taro: 3.0.17 => 3.0.17 
      taro-ui: ^2.3.4 => 2.3.4