H5端齐采药项目,uniapp框架
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

73 lines
1.2 KiB

<template>
<view>
<view class="head">
<u-tabs :list="list1" @click="click"></u-tabs>
</view>
<detailedinformation :msgabc="arr" v-if="index==0" ></detailedinformation>
<portrait :msgabc="arr" v-if="index==1"></portrait>
<visit :msgabcadc="arr" v-if="index==2"></visit>
</view>
</template>
<script>
import detailedinformation from "./detailedinformation.vue"
import portrait from "./portrait.vue"
import visit from "./visit.vue"
export default {
components: {
detailedinformation,portrait,visit
},
data() {
return {
index:0,
arr:[{msg:'',id:''}],
list1:[
{
name:"基础信息"
},
{
name:'客户画像'
},
{
name:'客户拜访'
}
]
};
},
onLoad(id) {
console.log(id,'传入');
this.arr.msg=id.id
this.arr.id=id.di
},
methods: {
click(item) {
this.index=item.index
console.log('item', item.index);
}
}
}
</script>
<style lang="scss">
/* #ifdef APP */
::v-deep{
.u-tabs__wrapper__nav{
width: 100%;
}
.u-tabs__wrapper__nav__item{
padding: 0 68rpx;
}
}
/* #endif */
.head{
width: 750rpx;
height: 100rpx;
background: #FFFFFF;
}
</style>