屏蔽配置

This commit is contained in:
花有清香月有阴
2022-01-06 09:25:10 +08:00
parent 29772efd39
commit 0e5fe85948
2 changed files with 49 additions and 55 deletions

View File

@@ -1,15 +1,10 @@
<template>
<div class="AppHandSnapshot">
<component
v-if="refresh"
:is="component"
@change="onChange"
:params="params">
</component>
<component v-if="refresh" :is="component" @change="onChange" :params="params"> </component>
<div class="tabs" v-if="isTab">
<div class="item" @click="tabClick(index, item.component)" v-for="(item, index) in tabs" :key="index">
<img :src="tabIndex == index ? item.activeImg : item.img" alt="">
<p :class="tabIndex == index ? 'color-3267F0' : ''">{{item.text}}</p>
<img :src="tabIndex == index ? item.activeImg : item.img" alt="" />
<p :class="tabIndex == index ? 'color-3267F0' : ''">{{ item.text }}</p>
</div>
</div>
</div>
@@ -26,38 +21,38 @@ export default {
data() {
return {
component: 'Set',
component: 'List',
params: {},
refresh: true,
tabIndex: 2,
tabIndex: 0,
tabs: [
{
img: require('./components/img/handle-icon.png'),
activeImg: require('./components/img/handle-icon-active.png'),
text: '办理',
component: 'List'
component: 'List',
},
{
img: require('./components/img/statistics-icon.png'),
activeImg: require('./components/img/statistics-icon-active.png'),
text: '统计',
component: 'Statistics'
component: 'Statistics',
},
{
img: require('./components/img/set-icon.png'),
activeImg: require('./components/img/set-icon-active.png'),
text: '配置',
component: 'Set'
}
// {
// img: require('./components/img/set-icon.png'),
// activeImg: require('./components/img/set-icon-active.png'),
// text: '配置',
// component: 'Set'
// }
],
isTab: true
isTab: true,
}
},
components: {
List,
Statistics,
Set
Set,
},
methods: {
@@ -72,10 +67,10 @@ export default {
this.$nextTick(() => {
this.refresh = true
})
}
},
},
onShow() {
document.title = "随手拍"
document.title = '随手拍'
uni.$on('hideTab', () => {
this.isTab = false
})
@@ -85,40 +80,40 @@ export default {
},
onReachBottom() {
uni.$emit('nextList')
}
},
}
</script>
<style lang="scss" scoped>
.AppHandSnapshot{
.AppHandSnapshot {
height: 100%;
}
.tabs{
.tabs {
width: 100%;
height: 98px;
background: #FFF;
background: #fff;
border-top: 1px solid #ddd;
position: fixed;
bottom: 0;
left: 0;
display: flex;
.item{
.item {
flex: 1;
text-align: center;
img{
img {
width: 56px;
height: 56px;
margin-top: 8px;
}
p{
p {
font-size: 22px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #C4CAD4;
color: #c4cad4;
line-height: 8px;
}
.color-3267F0{
color: #3267F0;
.color-3267F0 {
color: #3267f0;
}
}
}