page-skeleton-webpack-plugin icon indicating copy to clipboard operation
page-skeleton-webpack-plugin copied to clipboard

灰化列表元素只能灰化第一个

Open yibingxiong opened this issue 5 years ago • 0 comments

Description

<ul>
  <li class="item">1</li>
  <li class="item">1</li>
</ul>
<style>
.item {
background: 一个base64图
}
</style>

上述情况下,如果指定grayBlock: ['.item'], 那么变成灰色的只有第一个

Steps to reproduce

如上所述

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, JS Bin, CodePen or a similar service and paste a link here]

Plugin configration

for example:

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:

yibingxiong avatar Jan 21 '19 03:01 yibingxiong