You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
2.0 KiB
Vue
108 lines
2.0 KiB
Vue
<template>
|
|
<view class="p-person-marge g_w_all g_h_all g_bg_f_5 g_kuaishou">
|
|
<view class="g_bg_f sticky" :style="{ boxShadow: '0px 4px 4px 0px rgba(218, 218, 218, 0.5)' }">
|
|
<u-tabs bg-color="transparent"
|
|
:list="menuList"
|
|
:is-scroll="false"
|
|
:current="menuActive"
|
|
:active-color="globalData.themeColor"
|
|
bar-width="64"
|
|
bar-height="6"
|
|
@change="handleUpdateMenu"
|
|
font-size="32"
|
|
duration="0.05"
|
|
height="76"
|
|
></u-tabs>
|
|
</view>
|
|
|
|
<!-- 收到的 -->
|
|
<div class="m-recives-obj">
|
|
|
|
</div>
|
|
<!-- 申请/发起 -->
|
|
<view class="m-applys-obj">
|
|
<view class="m-aform g_flex_row_start g_h_60">
|
|
<view class="g_flex_none g_flex_c label">
|
|
<i class="iconfont icon-jia1 icon"></i>
|
|
</view>
|
|
<view class="g_flex_1 g_flex_column_center value">申请合并</view>
|
|
</view>
|
|
<div class="m-alist"></div>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
onReady() {
|
|
this.G.setNavStyle();
|
|
},
|
|
onShareAppMessage() {
|
|
return this.G.shareFun();
|
|
},
|
|
data() {
|
|
return {
|
|
globalData: getApp().globalData,
|
|
cdnBaseImg: this.G.store().cdnBaseImg,
|
|
localBaseImg: this.G.store().localBaseImg,
|
|
svgBaseImg: this.G.store().svgBaseImg,
|
|
menuList: [
|
|
{
|
|
name: "我收到的",
|
|
tip: "0",
|
|
},
|
|
{
|
|
name: "我发起的",
|
|
tip: "1",
|
|
},
|
|
],
|
|
menuActive: 0,
|
|
};
|
|
},
|
|
onShow() {
|
|
let that = this;
|
|
that.getList();
|
|
},
|
|
methods: {
|
|
getList(){
|
|
let that = this,
|
|
params = {
|
|
|
|
}
|
|
that.G.Get(that.api.person_marge,params,(res)=>{
|
|
console.log('合并记录：',res);
|
|
})
|
|
},
|
|
handleUpdateMenu(e){
|
|
console.log(e)
|
|
let that = this;
|
|
that.menuActive = e;
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.p-person-marge{
|
|
.m-applys-obj{
|
|
.m-aform{
|
|
width: calc(100% - 52px);
|
|
margin: 10px auto;
|
|
background-color: #fff;
|
|
padding: 0 16px;
|
|
border-radius: 8px;
|
|
.label{
|
|
.icon{
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
.value{
|
|
margin-left: 10px;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|