slide-title-components

Live Demo

Usage no npm install needed!

<script type="module">
  import slideTitleComponents from 'https://cdn.skypack.dev/slide-title-components';
</script>

README

@odex/slide-title-components

基本用法

Live Demo

<template>
  <div>
    <p>一般</p>
    <slide-title :title="title" />
    <p>带控制器</p>
    <slide-title :title="title" :control="true" @click="doSometing($event)" />
    <p>控制器放在右边</p>
    <slide-title :title="title" :right="true" :control="true" />
    <p>换个背景色</p>
    <slide-title :title="title" background-color="red" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: 'demo',
      opened: false
    }
  },
  methods: {
    doSometing(e) {
      console.log(e)
      alert('标题' + (e ? '打开' : '关闭'))
    }
  }
}
</script>