屏蔽配置
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user