zzc/spring-festival-greetings
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
zzc
2026-01-09 11:24:40 +08:00
commit f34899eb81
73 changed files with 5431 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
components/layout/layout.vue Normal file
View File

@@ -0,0 +1,70 @@
<template>
<view class="layout">
<custom-nav-bar></custom-nav-bar>
<view class="header">
<slot name="header"></slot>
</view>
<view class="main">
<slot name="main"></slot>
</view>
<view class="footer">
<footer-loayot></footer-loayot>
</view>
<view class="float">
<!-- #ifdef MP -->
<button class="item" open-type="contact">
<uni-icons type="phone-filled" size="26" color="#888"></uni-icons>
</button>
<!-- #endif -->
<!-- #ifndef MP -->
<button class="item" @click="clickContact">
<uni-icons type="phone-filled" size="26" color="#888"></uni-icons>
</button>
<!-- #endif -->
<!-- <view @click="onRefresh">
</view> -->
</view>
</view>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.layout{
width: 100vw;
background-color: #222;
.header{
min-height: 100rpx;
}
.main{
min-height: 200rpx;
}
.footer{
min-height: 120rpx;
background: orange;
}
.float {
position: fixed;
right: 30rpx;
bottom: 80rpx;
padding-bottom: env(safe-area-inset-bottom);
.item {
width: 90rpx;
height: 90rpx;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
margin-bottom: 20rpx;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eee;
}
}
}
</style>