vimo-dt/src/util/mode-mixins.js

A Vue2.x UI Project For Mobile & HyBrid

/**
 * 主题mode minxis
 * */
import kebabcase from 'lodash.kebabcase'

export default {
  props: {
    mode: {
      type: String,
      default () { return this.$config && this.$config.get('mode', 'ios') || 'ios' }
    },
    /**
     * 按钮color：primary、secondary、danger、light、dark
     * */
    color: String
  },
  computed: {
    $_name () {
      return kebabcase(this.$options.name)
    },
    modeClass () {
      return `${this.$_name}-${this.mode}`
    },
    // 颜色
    colorClass () {
      return this.color ? `${this.$_name}-${this.mode}-${this.color}` : ''
    }
  }
}