jd-opensource / jd-opensource/taro-ui

AtSwipeAction 及其各层子元素宽度变成 0

Open
#1,278 16 comments 2 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.7k
Forks
740
PR merge metrics
No merged PRs in 30d

Description

**问题描述**

AtSwipeAction 及其各层子元素宽度变成 0,需要在微信开发者工具将每一层子元素的宽度设置成100%才可见。
![图片](https://user-images.githubusercontent.com/17630802/103992285-d4c93100-51ce-11eb-891f-207974130a2c.png)
![图片](https://user-images.githubusercontent.com/17630802/103992367-f9250d80-51ce-11eb-82c4-5094b1ffe3b7.png)

**复现步骤**

打开用到 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

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.