样式优化,顶部导航
This commit is contained in:
@@ -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
49
components/upTop.vue
Normal 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>
|
||||
Reference in New Issue
Block a user