Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-11 18:31:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add elevation 1 as default

Browse source
This commit is contained in:
Marcos Moura 2016-09-09 16:59:23 -03:00
parent f9a1fdddcd
commit e8db79a933
1 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/mdWhiteframe/mdWhiteframe.vue
View file

@ -9,20 +9,26 @@
<script>
export default {
props: {
mdElevation: {
type: [String, Number],
required: true
}
mdElevation: [String, Number]
},
data() {
return {
elevation: this.mdElevation || 1
};
},
computed: {
classes() {
let numberedElevation = parseInt(this.mdElevation, 10);
let numberedElevation = parseInt(this.elevation, 10);
let elevationClass = 'md-whiteframe-';
if (!isNaN(numberedElevation) && typeof numberedElevation === 'number') {
return `md-whiteframe-${ numberedElevation }dp`;
} else if (this.mdElevation.indexOf('dp') > -1) {
return `md-whiteframe-${ this.mdElevation }`;
elevationClass += numberedElevation;
elevationClass += 'dp';
} else if (this.elevation.indexOf('dp') > -1) {
elevationClass += this.elevation;
}
return elevationClass;
}
}
};