jd-opensource / jd-opensource/taro-ui
designWidth=375px taro-ui样式放大
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 740
- PR merge metrics
- No merged PRs in 30d
Description
### Taro UI 版本信息
3.0.0-alpha.10
### 问题描述
taro设计稿尺寸为375, taro-ui样式放大。
### 复现步骤
config/index.js
都是按照官方文档配置的
designWidth: 375,
deviceRatio: {
"375": 2 / 1,
"640": 2.34 / 2,
"750": 1,
"828": 1.81 / 2
},
### 复现代码
designWidth: 375,
deviceRatio: {
"375": 2 / 1,
"640": 2.34 / 2,
"750": 1,
"828": 1.81 / 2
},
### 报错信息
不论是小程序、还是h5,taro-ui的样式都被放大
### 系统信息
Taro CLI 3.3.14 environment info:
System:
OS: macOS 10.14.3
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 12.13.1 - ~/.nvm/versions/node/v12.13.1/bin/node
Yarn: 1.22.4 - ~/.nvm/versions/node/v12.13.1/bin/yarn
npm: 6.12.1 - ~/.nvm/versions/node/v12.13.1/bin/npm
npmPackages:
@tarojs/cli: 3.3.14 => 3.3.14
@tarojs/components: 3.3.14 => 3.3.14
@tarojs/mini-runner: 3.3.14 => 3.3.14
@tarojs/react: 3.3.14 => 3.3.14
@tarojs/runtime: 3.3.14 => 3.3.14
@tarojs/taro: 3.3.14 => 3.3.14
@tarojs/webpack-runner: 3.3.14 => 3.3.14
babel-preset-taro: 3.3.14 => 3.3.14
eslint-config-taro: 3.3.14 => 3.3.14
react: ^16.10.0 => 16.14.0
taro-ui: 3.0.0-alpha.10 => 3.0.0-alpha.10
### 补充信息
在引入taro-ui样式前,修改了$hd的值
$hd: 1;
@import "~taro-ui/dist/style/index.scss";
但是,还是样式有问题。跟$hd有关的就正常,但是没有关联的样式是异常的。例如按钮组件
taro-ui是不兼容375的设计尺寸吗?如何兼容
Contributor guide
Assessment
This issue has not been assessed yet.