Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
551 views
in Technique[技术] by (71.8m points)

plyr 改变样式的问题

image.png

https://github.com/sampotts/p...

请问一下 有人用过吗? 怎么修改他的样式? 我全部设置当前的属性 为什么一个也不行?
下载到本地样式都丢失了。。
image.png


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

解决了:

<script>
let Swiper = null
if (process.client) {
  Swiper = require('vue-awesome-swiper')
}
export default {
  name: 'Demo',
  data() {
    return {
      papers: ['11111111', '2222222222', '333333'],
      swiperOptions: {
        pagination: {
          el: '.swiper-pagination'
        }
      }
    }
  },
  computed: {},
  mounted() {
    console.log(Swiper)
    let demo = new Swiper.Swiper('.swiper-container1')
    console.log(demo)
  },
  methods: {
    demo() {
      console.log('=-===')
    }
  },
  render(h) {
    return h(
      'div',
      {
        class: 'demo2'
      },
      [
        h(
          'div',
          {
            class: 'demo1'
          },
          [
            h(
              'div',
              {
                swiper: this.swiperOptions,
                class: 'swiper-container swiper-container1'
              },
              [
                h(
                  'div',
                  {
                    class: 'swiper-wrapper'
                  },
                  [
                    this.papers.map(item => {
                      return h('div', {
                        class: 'swiper-slide',
                        domProps: {
                          innerHTML: item
                        },
                        on: {
                          click: this.demo
                        }
                      })
                    })
                  ]
                )
              ]
            )
          ]
        )
      ]
    )
  }
}
</script>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...