样式优化,顶部导航

This commit is contained in:
2024-03-22 15:11:36 +08:00
parent fdcc4481be
commit 0fc183df8c
17 changed files with 1596 additions and 131 deletions

View File

@@ -53,7 +53,7 @@
.header
_fj()
position fixed
_wh(100%, 72rpx)
_wh(100%, 88rpx)
background-color $red
z-index 200
padding 0 20rpx

49
components/upTop.vue Normal file
View File

@@ -0,0 +1,49 @@
<template>
<view class="back-top" @tap="toTop" v-show="showBtn">
<uni-icons type="up" size="26" color="#9a9a9a"></uni-icons>
</view>
</template>
<script>
export default {
name:"upTop",
data() {
return {
showBtn: false
};
},
props: {
scrollTop: {
type: Number,
default: 0
}
},
methods: {
topData(e) {
this.showBtn = e > 50
},
// 返回顶部
toTop() {
uni.pageScrollTo({
scrollTop: 0,
duration: 100
})
}
}
}
</script>
<style lang="stylus" scoped>
.back-top
position: fixed;
z-index: 9999;
right: 20rpx;
bottom: 150rpx;
// background-color: rgba(150,150,150,.3);
width: 80rpx;
height: 80rpx;
// line-height: 80rpx;
// border-radius: 50%;
// text-align: center;
// box-shadow: 0 4rpx 16rpx rgba(28,31,35,.3);
</style>