ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-22 03:44:48 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

feat(ActionSheet): enable safe-area-inset-bottom by default (#4524)

Browse Source
This commit is contained in:
neverland
2019-09-21 07:42:15 +08:00
committed by GitHub
parent 890936f61d
commit 16a5de6d5f
6 changed files with 22 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/action-sheet/demo/index.vue
View File

@@ -1,64 +1,29 @@
<template>
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-button
type="primary"
@click="show1 = true"
>
{{ $t('buttonText') }}
</van-button>
<van-action-sheet
v-model="show1"
:actions="simpleActions"
safe-area-inset-bottom
@select="onSelect"
/>
<van-button type="primary" @click="show1 = true">{{ $t('buttonText') }}</van-button>
<van-action-sheet v-model="show1" :actions="simpleActions" @select="onSelect" />
</demo-block>
<demo-block :title="$t('status')">
<van-button
type="primary"
@click="show2 = true"
>
{{ $t('buttonText') }}
</van-button>
<van-action-sheet
v-model="show2"
:actions="statusActions"
safe-area-inset-bottom
@select="onSelect"
/>
<van-button type="primary" @click="show2 = true">{{ $t('buttonText') }}</van-button>
<van-action-sheet v-model="show2" :actions="statusActions" @select="onSelect" />
</demo-block>
<demo-block :title="$t('title2')">
<van-button
type="primary"
@click="show3 = true"
>
{{ $t('buttonText') }}
</van-button>
<van-button type="primary" @click="show3 = true">{{ $t('buttonText') }}</van-button>
<van-action-sheet
v-model="show3"
:actions="simpleActions"
:cancel-text="$t('cancel')"
safe-area-inset-bottom
@cancel="onCancel"
@select="onSelect"
/>
</demo-block>
<demo-block :title="$t('title3')">
<van-button
type="primary"
@click="show4 = true"
>
{{ $t('buttonText') }}
</van-button>
<van-action-sheet
v-model="show4"
:title="$t('title')"
safe-area-inset-bottom
>
<van-button type="primary" @click="show4 = true">{{ $t('buttonText') }}</van-button>
<van-action-sheet v-model="show4" :title="$t('title')">
<p>{{ $t('content') }}</p>
</van-action-sheet>
</demo-block>
@@ -130,7 +95,7 @@ export default {
</script>
<style lang="less">
@import "../../style/var";
@import '../../style/var';
.demo-action-sheet {
background-color: @white;