123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <template name="dever-drawer-page">
- <view class="DrawerPage" :class="show">
- <slot name="links"></slot>
- </view>
- </template>
- <script>
- export default {
- props: {
- show : '',
- },
- methods:{
-
- }
- }
- </script>
- <style>
- .DrawerPage {
- position: fixed;
- width: 100vw;
- height: 100vh;
- left: 0vw;
- background-color: #f1f1f1;
- transition: all 0.4s;
- }
- .DrawerPage.left1 {
- transform: scale(0.9, 0.9);
- left: 85vw;
- box-shadow: 0 0 60upx rgba(0, 0, 0, 0.2);
- transform-origin: 0;
- }
- .DrawerPage .cu-bar.tabbar .action button.cuIcon {
- width: 64upx;
- height: 64upx;
- line-height: 64upx;
- margin: 0;
- display: inline-block;
- }
- .DrawerPage .cu-bar.tabbar .action .cu-avatar {
- margin: 0;
- }
- .DrawerPage .nav {
- flex: 1;
- }
- .DrawerPage .nav .cu-item.cur {
- border-bottom: 0;
- position: relative;
- }
- .DrawerPage .nav .cu-item.cur::after {
- content: "";
- width: 10upx;
- height: 10upx;
- background-color: currentColor;
- position: absolute;
- bottom: 10upx;
- border-radius: 10upx;
- left: 0;
- right: 0;
- margin: auto;
- }
- .DrawerPage .cu-bar.tabbar .action {
- flex: initial;
- }
- </style>
|