ElemeFE / ElemeFE/page-skeleton-webpack-plugin

对vue-awesome-swiper生成的骨架屏宽度不对

Open
#114 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.8k
Forks
388
PR merge metrics
No merged PRs in 30d

Description

### Description
使用vue-cli3
对vue-awesome-swiper生成的骨架屏宽度不对,我外层是880px,本来swiper-slide也应该是880px,骨架是414px

### Steps to reproduce

1. [First step]
2. [Second step]
3. [and so on...]

**Expected behavior:** [What you expected to happen]

**Actual behavior:** [What actually happened]

**Link to an example:** [If you're reporting a bug that's not reproducible, please try to reproduce it on [JSFiddle](https://jsfiddle.net/), [JS Bin](https://jsbin.com), [CodePen](http://codepen.io/) or a similar service and paste a link here]

### Plugin configration

for example:

```javascript
new SkeletonPlugin({
pathname: path.resolve(__dirname, `./src`),
port: '7890',
loading: 'spin',
svg: {
color: '#EFEFEF',
shape: 'circle',
shapeOpposite: ['.red']
},
image: {
shape: 'rect', // `rect` | `circle`
color: '#EFEFEF',
shapeOpposite: ['.white']
},
pseudo: {
color: '#EFEFEF', // or transparent
shape: 'circle', // circle | rect
shapeOpposite: ['.apple', '.pen']
},
button: {
color: '#EFEFEF',
excludes: ['.center a']
},
defer: 5000,
excludes: [],
remove: [],
hide: ['.ag-text', '.ag-image'],
grayBlock: ['#header'],
cssUnit: 'vw',
cookies: [{
name: 'SID',
value: 'xxxxxx',
url: 'https://xx.xxx.xx'
}, {
name: 'USERID',
value: 'xxxxxx',
url: 'https://xx.xxx.xx'
}]
})
```

### Versions

- Page Skeleton:
- Webpack:

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.