c5_labsci/fapp/ciyon_ap/pages/demo/css/zindex.vue
2026-01-27 00:52:00 +08:00

42 lines
862 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<ciy-header ref="header" title="全局z-index层叠关系"></ciy-header>
<view>
<view class="ciy-card">
<view class="title">z-index 规划</view>
<view class="content" style="line-height:3em;">
1-9 页内rel<br/>
10-30 页内fix btnadd 10<br/>
31-39 组件fix<br/>
40-49 header/tabbar fix<br/>
50-60 auth登录<br/>
99 captcha<br/>
100-120 tip/冒泡提示<br/>
999 腾讯地图默认值<br/>
50000 header/tabbar 990<br/>
50010 组件全屏mask 992<br/>
50020 alert<br/>
50030 toast<br/>
</view>
</view>
<view class="hr"></view>
</view>
</template>
<style>
</style>
<script>
import '@/pages/demo/zdemo.css';
import zmixin from '@/pages/demo/zmixin.js';
export default {
mixins: [zmixin],
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>