jd-opensource / jd-opensource/taro-ui

designWidth=375px taro-ui样式放大

Open
#1,414 6 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.