jd-opensource / jd-opensource/taro-ui
AtSwipeAction 及其各层子元素宽度变成 0
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 740
- PR merge metrics
- No merged PRs in 30d
Description
**问题描述**
AtSwipeAction 及其各层子元素宽度变成 0,需要在微信开发者工具将每一层子元素的宽度设置成100%才可见。


**复现步骤**
打开用到 AtSwipeAction 组件的地方都是这样的。
```
import React from 'react'
import { View, Text } from '@tarojs/components'
import { AtList, AtListItem, AtSwipeAction } from 'taro-ui'
import './customer.scss'
import { transferUndefined } from '../../utils'
export default function Customer(props) {
const { listData, onListClick, onCall, onDelete } = props
let listHtml = (listData && listData.length) && listData.map((item) => {
transferUndefined(item)
const { can_delete, can_transfer, id, title, note, thumb, phone } = item
const permissions = { can_delete: can_delete, can_transfer: can_transfer }
return (
电话{' ' + phone}
)
})
return
{listHtml}
}
```
**期望行为**
期望 AtSwipeAction 宽度样式恢复正常
**报错信息**
⚠️ 编译警告.
chunk common [mini-css-extract-plugin]
Conflicting order between:
* css ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??postcss!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./src/app.scss
* css ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??postcss!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./src/formPages/pages/sampleInfo/info.scss
* css ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??postcss!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./src/components/searchAndSelect.scss
chunk common [mini-css-extract-plugin]
Conflicting order between:
* css ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??postcss!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./src/pages/index/sample/index.scss
* css ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??postcss!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./src/components/pickerContent.scss
chunk common [mini-css-extract-plugin]
Conflicting order between:
* css ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??postcss!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./src/components/pickerContent.scss
* css ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??postcss!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./src/formPages/pages/sampleInfo/info.scss
**系统信息**
Taro v3.0.22
Taro CLI 3.0.22 environment info:
System:
OS: Windows 10
Binaries:
Node: 14.2.0 - C:\Program Files\nodejs\node.EXE
npm: 6.14.4 - C:\Program Files\nodejs\npm.CMD
Contributor guide
Assessment
This issue has not been assessed yet.