|
|
@@ -1,131 +1,19 @@
|
|
|
<template>
|
|
|
<div id="index">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="style">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <van-tabs v-model="active" animated>
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="todo-list" />
|
|
|
- <p>我的全部</p>
|
|
|
- </template>
|
|
|
- <myallList></myallList>
|
|
|
- </van-tab>
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="column" />
|
|
|
- <p>我的洽谈</p>
|
|
|
- </template>
|
|
|
- <Negotiation></Negotiation>
|
|
|
- </van-tab>
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="label" />
|
|
|
- <p>我的意向</p>
|
|
|
- </template>
|
|
|
- <auditList></auditList>
|
|
|
- </van-tab>
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="label" />
|
|
|
- <p>我的交易</p>
|
|
|
- </template>
|
|
|
- <jiaoyilist></jiaoyilist>
|
|
|
- </van-tab>
|
|
|
- </van-tabs>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="two">
|
|
|
- <van-button type="primary" @click="$router.push({ path: '/myfabu/detail' })">发布产品</van-button>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <p>index</p>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-import NavBar from '@/layout/common/topInfo.vue';
|
|
|
-import myallList from './parts/myallList.vue';
|
|
|
-import Negotiation from './parts/Negotiation.vue';
|
|
|
-import auditList from './parts/auditList.vue';
|
|
|
-import jiaoyilist from './parts/jiaoyilist.vue';
|
|
|
-
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
- components: {
|
|
|
- NavBar,
|
|
|
- myallList,
|
|
|
- Negotiation,
|
|
|
- auditList,
|
|
|
- jiaoyilist,
|
|
|
- },
|
|
|
- data: function() {
|
|
|
- return {
|
|
|
- // 头部标题
|
|
|
- title: '',
|
|
|
- // meta为true
|
|
|
- isleftarrow: '',
|
|
|
- // 返回
|
|
|
- navShow: true,
|
|
|
-
|
|
|
- // 标签
|
|
|
- active: '1',
|
|
|
- };
|
|
|
- },
|
|
|
+ components: {},
|
|
|
+ data: () => ({}),
|
|
|
created() {},
|
|
|
+ computed: {},
|
|
|
methods: {},
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.title = this.$route.meta.title;
|
|
|
- this.isleftarrow = this.$route.meta.isleftarrow;
|
|
|
- },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped>
|
|
|
-.style {
|
|
|
- width: 100%;
|
|
|
- min-height: 667px;
|
|
|
- position: relative;
|
|
|
- background-color: #f9fafc;
|
|
|
-}
|
|
|
-.top {
|
|
|
- height: 46px;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
- z-index: 999;
|
|
|
-}
|
|
|
-.main {
|
|
|
- min-height: 570px;
|
|
|
- .two {
|
|
|
- position: fixed;
|
|
|
- top: 80%;
|
|
|
-
|
|
|
- left: 10px;
|
|
|
- z-index: 999;
|
|
|
- }
|
|
|
-}
|
|
|
-/deep/.van-tab {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-/deep/.van-tabs--line .van-tabs__wrap {
|
|
|
- height: 70px;
|
|
|
- margin: 0 0 10px 0;
|
|
|
-}
|
|
|
-/deep/.van-tab--active {
|
|
|
- color: red;
|
|
|
-}
|
|
|
-.van-icon {
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-</style>
|
|
|
+<style lang="less" scoped></style>
|
