46 lines
823 B
Vue
46 lines
823 B
Vue
<template>
|
|
<div class="md-example-child md-example-child-action-bar md-example-child-3">
|
|
<md-action-bar :actions="data" @click="onBtnClick">
|
|
<span class="price">¥128.00<small>起</small></span>
|
|
</md-action-bar>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {ActionBar, Dialog} from 'mand-mobile'
|
|
|
|
export default {
|
|
name: 'action-bar-demo',
|
|
components: {
|
|
[ActionBar.name]: ActionBar,
|
|
},
|
|
data() {
|
|
return {
|
|
data: [
|
|
{
|
|
text: '主要按钮',
|
|
},
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
onBtnClick(event, action) {
|
|
Dialog.alert({
|
|
content: `${action.text}点击`,
|
|
})
|
|
},
|
|
},
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="stylus" scoped>
|
|
.price
|
|
font-weight 500
|
|
font-size 48px
|
|
color #FF823A
|
|
small
|
|
margin-left 10px
|
|
font-size 32px
|
|
color #858B9C
|
|
</style>
|
|
|