A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/vuematerial/vue-material/commit/71b7afadc275e2758ea103c3acfac62895c0108d below:

custom class and style supported (#1676) · vuematerial/vue-material@71b7afa · GitHub

File tree Expand file treeCollapse file tree 2 files changed

+23

-4

lines changed

Filter options

Expand file treeCollapse file tree 2 files changed

+23

-4

lines changed Original file line number Diff line number Diff line change

@@ -49,7 +49,8 @@

49 49

{

50 50

name: 'md-content',

51 51

type: 'String, Number',

52 -

description: 'A content for badge'

52 +

description: 'A content for badge',

53 +

defaults: ' '

53 54

},

54 55

{

55 56

name: 'md-position',

Original file line number Diff line number Diff line change

@@ -1,13 +1,13 @@

1 1

<template>

2 2

<div class="md-badge-content" v-if="hasDefaultSlot">

3 3

<slot />

4 -

<md-badge-standalone :class="badgeClasses">

4 +

<md-badge-standalone :class="badgeClasses" :style="styles">

5 5

<div>

6 6

{{ mdContent }}

7 7

</div>

8 8

</md-badge-standalone>

9 9

</div>

10 -

<md-badge-standalone :class="badgeClasses" v-else>

10 +

<md-badge-standalone :class="badgeClasses" :style="styles" v-else>

11 11

{{ mdContent }}

12 12

</md-badge-standalone>

13 13

</template>

@@ -40,9 +40,27 @@

40 40

return !!this.$slots.default

41 41

},

42 42

badgeClasses () {

43 +

const staticClass = this.$vnode.data.staticClass ?

44 +

this.$vnode.data.staticClass.split(' ').filter(val => val).reduce((result, key) => {

45 +

result[key] = true

46 +

return result

47 +

}, {}) : {}

48 + 49 +

const dynamicClass = this.$vnode.data.class

50 + 43 51

return {

44 52

['md-position-' + this.mdPosition]: true,

45 -

'md-dense': this.mdDense

53 +

'md-dense': this.mdDense,

54 +

...staticClass,

55 +

...dynamicClass

56 +

}

57 +

},

58 +

styles () {

59 +

const staticStyle = this.$vnode.data.staticStyle

60 +

const style = this.$vnode.data.style

61 +

return {

62 +

...staticStyle,

63 +

...style

46 64

}

47 65

}

48 66

}

You can’t perform that action at this time.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4