前端切图

config/index.js

@@ -12,7 +12,7 @@ module.exports = {
     proxyTable: {
       "/dev-api": {
         // 请求的目标主机
-        target: 'http://testf.5256.xyz/ruoyi-admin/',
+        target: 'http://192.168.31.107/api',
         changeOrigin: true,
         pathRewrite: {
           '^/dev-api': ''
@@ -27,7 +27,7 @@ module.exports = {
     errorOverlay: true,
     notifyOnErrors: true,
     poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
-    
+
     /**
      * Source Maps
      */
@@ -51,7 +51,7 @@ module.exports = {
     assetsRoot: path.resolve(__dirname, '../dist'),
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-  
+
     /**
      * Source Maps
      */

src/components/common/nav_footer.vue

@@ -1,25 +1,25 @@
 <template>
   <div class="tb-toolbar-container">
     <router-link to="/index" class="tab" active-class="active" exact>
-      <span class="icon"><van-icon name="chat-o" size="20" /></span>
-      <p class="text">消息</p>
+      <span class="icon"><van-icon name="wap-home-o" size="25" /></span>
+      <p class="text">首页</p>
     </router-link>
-    <router-link to="/document" class="tab" active-class="active">
-      <span class="icon"><van-icon name="notes-o" size="20" /></span>
-      <p class="text">文档</p>
+    <router-link to="/project" class="tab" active-class="active">
+      <span class="icon"><van-icon name="notes-o" size="25" /></span>
+      <p class="text">挂牌项目</p>
     </router-link>
-    <router-link to="/workbench" class="tab" active-class="active">
-      <span class="icon"><van-icon name="apps-o" size="20" /></span>
-      <p class="text">工作台</p>
-    </router-link>
-    <router-link to="/addressBook" class="tab" active-class="active">
-      <span class="icon"><van-icon name="orders-o" size="20" /></span>
-      <p class="text">通讯录</p>
-    </router-link>
-    <router-link to="/mynsgk" class="tab" active-class="active">
-      <span class="icon"><van-icon name="contact" size="20" /></span>
+    <router-link to="/user" class="tab" active-class="active">
+      <span class="icon"><van-icon name="contact" size="25" /></span>
       <p class="text">我的</p>
     </router-link>
+<!--    <router-link to="/addressBook" class="tab" active-class="active">-->
+<!--      <span class="icon"><van-icon name="orders-o" size="20" /></span>-->
+<!--      <p class="text">通讯录</p>-->
+<!--    </router-link>-->
+<!--    <router-link to="/mynsgk" class="tab" active-class="active">-->
+<!--      <span class="icon"><van-icon name="contact" size="20" /></span>-->
+<!--      <p class="text">我的</p>-->
+<!--    </router-link>-->
   </div>
 </template>
 <script>
@@ -41,7 +41,7 @@ export default {
   border-top: 1px solid #e7e7e7;
   border-bottom: 1px solid #f8f8f8;
   -webkit-box-pack: justify;
-  justify-content: space-between;
+  justify-content: space-around;
   -webkit-box-align: center;
   align-items: center;
   position: fixed;
@@ -50,11 +50,11 @@ export default {
     color: #5d656b;
     text-align: center;
     &.active {
-      color: #1989fa;
+      color: #007b76;
     }
     .icon {
       padding-bottom: 3px;
     }
   }
 }
-</style>
+</style>

src/permission.js

@@ -6,7 +6,8 @@ import { getToken } from '@/utils/auth'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/auth-redirect', '/bind', '/register','/biddingHall']
+const whiteList = ['/index','/login', '/auth-redirect', '/bind', '/register','/news/index','/notice/index','/supply/index'
+,'/interaction/index','/register/index','/register/registerType','/register/userRegister','/register/companyRegister']
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
@@ -44,8 +45,8 @@ router.beforeEach((to, from, next) => {
       // 在免登录白名单，直接进入
       next()
     } else {
-      //next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
-     next('/biddingHall');
+      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
+     //next('/index');
       NProgress.done()
     }
   }

src/router/index.js

@@ -84,6 +84,151 @@ export const constantRoutes = [
       title: '竞价大厅'
     },
     component: (resolve) => require(['@/views/biddingHall'], resolve)
+  },
+  {
+    path: '/project',
+    name: 'project',
+    meta: {
+      title: '挂牌项目'
+    },
+    component: (resolve) => require(['@/views/project'], resolve)
+  },
+  {
+    path: '/project/projectDetail',
+    name: 'projectDetail',
+    meta: {
+      title: '挂牌项目'
+    },
+    component: (resolve) => require(['@/views/project/projectDetail'], resolve)
+  },
+  {
+    path: '/news/index',
+    name: 'news',
+    meta: {
+      title: '新闻资讯'
+    },
+    component: (resolve) => require(['@/views/news/index'], resolve)
+  },
+  {
+    path: '/news/newDetail',
+    name: 'newDetail',
+    meta: {
+      title: '新闻详情'
+    },
+    component: (resolve) => require(['@/views/news/newDetail'], resolve)
+  },
+  {
+    path: '/notice/index',
+    name: 'notice',
+    meta: {
+      title: '项目公告'
+    },
+    component: (resolve) => require(['@/views/notice/index'], resolve)
+  },
+  {
+    path: '/supply/index',
+    name: 'supply',
+    meta: {
+      title: '个人供求'
+    },
+    component: (resolve) => require(['@/views/supply/index'], resolve)
+  },
+  {
+    path: '/interaction/index',
+    name: 'interaction',
+    meta: {
+      title: '互动交流'
+    },
+    component: (resolve) => require(['@/views/interaction/index'], resolve)
+  },
+  {
+    path: '/register/index',
+    name: 'registerAgreement',
+    meta: {
+      title: '注册须知',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/register/index'], resolve)
+  },
+  {
+    path: '/register/registerType',
+    name: 'registerType',
+    meta: {
+      title: '注册类型',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/register/registerType'], resolve)
+  },
+  {
+    path: '/register/userRegister',
+    name: 'userRegister',
+    meta: {
+      title: '个人用户注册',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/register/userRegister'], resolve)
+  },
+  {
+    path: '/register/companyRegister',
+    name: 'companyRegister',
+    meta: {
+      title: '单位用户注册',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/register/companyRegister'], resolve)
+  },
+  {
+    path: '/user',
+    name: 'user',
+    meta: {
+      title: '个人中心',
+    },
+    component: (resolve) => require(['@/views/user/index'], resolve)
+  },
+  {
+    path: '/accountSetting',
+    name: 'accountSetting',
+    meta: {
+      title: '账户设置',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/user/accountSetting/index'], resolve)
+  },
+  {
+    path: '/companyInformation',
+    name: 'companyInformation',
+    meta: {
+      title: '资料修改',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/user/accountSetting/userInformation/companyInformation'], resolve)
+  },
+  {
+    path: '/userInformation',
+    name: 'userInformation',
+    meta: {
+      title: '资料修改',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/user/accountSetting/userInformation/userInformation'], resolve)
+  },
+  {
+    path: '/bankInformation',
+    name: 'bankInformation',
+    meta: {
+      title: '银行账户修改',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/user/accountSetting/bankInformation/index'], resolve)
+  },
+  {
+    path: '/phoneInformation',
+    name: 'phoneInformation',
+    meta: {
+      title: '手机号修改',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/user/accountSetting/phoneInformation/index'], resolve)
   }
 ];
 

src/utils/request.js

@@ -75,7 +75,6 @@ service.interceptors.response.use(res => {
       })
   } else if (code === 500) {
     Dialog.alert({ type: 'warning', message: msg });
-    
     return Promise.reject(new Error(msg))
   } else if (code !== 200) {
     Dialog.alert({ type: 'warning', message: msg });

src/views/index.vue

@@ -1,60 +1,61 @@
 <template>
   <div class="app-container">
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
-    <p>主页</p>
+    <van-row>
+      <van-col span="2">
+        <van-image src="../../static/images/index/logo.png" />
+      </van-col>
+      <van-col span="22" style="line-height: 29px;font-size: 20px;">农村产权交易平台</van-col>
+    </van-row>
+    <van-swipe class="my-swipe" :autoplay="3000" height="180" indicator-color="white">
+      <van-swipe-item><van-image src="../../static/images/index/banner.png" height="180" /></van-swipe-item>
+      <van-swipe-item><van-image src="../../static/images/index/banner.png" height="180" /></van-swipe-item>
+      <van-swipe-item><van-image src="../../static/images/index/banner.png" height="180" /></van-swipe-item>
+      <van-swipe-item><van-image src="../../static/images/index/banner.png" height="180" /></van-swipe-item>
+    </van-swipe>
+    <div style="border-radius: 10px;overflow: hidden;">
+      <van-grid :border="false" :column-num="3">
+        <van-grid-item to="/news/index">
+            <van-image src="../../static/images/icon/icon_new.png" width="40" height="40" />
+            <p>新闻资讯</p>
+        </van-grid-item>
+        <van-grid-item>
+          <van-image src="../../static/images/icon/icon_bidding.png" width="40" height="40" />
+          <p>竞价大厅</p>
+        </van-grid-item>
+        <van-grid-item to="/notice/index">
+          <van-image src="../../static/images/icon/icon_project.png" width="40" height="40" />
+          <p>项目公告</p>
+        </van-grid-item>
+        <van-grid-item>
+          <van-image src="../../static/images/icon/icon_statute.png" width="40" height="40" />
+          <p>政策法规</p>
+        </van-grid-item>
+        <van-grid-item to="/interaction/index">
+          <van-image src="../../static/images/icon/icon_talk.png" width="40" height="40" />
+          <p>互动交流</p>
+        </van-grid-item>
+        <van-grid-item to="/supply/index">
+          <van-image src="../../static/images/icon/icon_need.png" width="40" height="40" />
+          <p>个人供求</p>
+        </van-grid-item>
+      </van-grid>
+    </div>
+    <p class="newTit">新闻咨询</p>
+    <div style="border-radius: 10px;overflow: hidden;">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+      >
+<!--        @load="newList"-->
+        <van-cell v-for="item in newList" :key="item.id" :title="item.title" :label="item.time">
+          <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+          <template #right-icon>
+            <van-image :src="item.image" class="search-icon" />
+          </template>
+        </van-cell>
+      </van-list>
+    </div>
   </div>
 </template>
 
@@ -62,14 +63,62 @@
 export default {
   name: "index",
   data() {
-    return {};
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: true,
+      newList:[{
+        id:1,
+        title:'海勃湾区森林草原防火区划定：哪些地方 是重点防火区？严禁做什么？',
+        time:'2021-5-28 17:39:49',
+        image:'../../static/images/index/newImage.png'
+      },{
+        id:2,
+        title:'海勃湾区森林草原防火区划定：哪些地方 是重点防火区？严禁做什么？',
+        time:'2021-5-28 17:39:49',
+        image:'../../static/images/index/newImage.png'
+      },{
+        id:3,
+        title:'海勃湾区森林草原防火区划定：哪些地方 是重点防火区？严禁做什么？',
+        time:'2021-5-28 17:39:49',
+        image:'../../static/images/index/newImage.png'
+      }]
+    };
   },
-  mounted() {},
+  created() {},
   methods: {},
 };
 </script>
 
 <style scoped lang="scss">
 .app-container {
+  padding: 6% 3% 0;
+}
+.link{
+  color: #000;
+}
+.my-swipe {
+  border-radius: 30px;
+  margin-top: 0.4rem;
+  margin-bottom: 0.4rem;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.van-grid-item p{
+  margin-top: 10px;
+}
+.newTit{
+  font-size: 0.45rem;
+  margin: 0.4rem 0;
+  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
+  font-weight: 500;
+  text-align: left;
+  color: #333333;
+}
+.search-icon {
+  line-height: inherit;
+  margin-left: 10px;
 }
 </style>

src/views/interaction/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="互动交流"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      style="margin-top: 10px;"
+    >
+      <van-cell>
+        <template #title>
+          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
+        </template>
+        <template #label>
+          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
+          <p style="text-align: right;">发布时间：2021-06-30</p>
+        </template>
+      </van-cell>
+      <van-cell>
+        <template #title>
+          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
+        </template>
+        <template #label>
+          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
+          <p style="text-align: right;">发布时间：2021-06-30</p>
+        </template>
+      </van-cell>
+      <van-cell>
+        <template #title>
+          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
+        </template>
+        <template #label>
+          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
+          <p style="text-align: right;">发布时间：2021-06-30</p>
+        </template>
+      </van-cell>
+    </van-list>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: true,
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+  .titleClass{
+
+  }
+</style>

src/views/news/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="新闻资讯"
+      left-arrow
+      fixed
+      placeholder
+      @click-left="onClickLeft"
+    />
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+    >
+      <!--        @load="newList"-->
+      <van-cell v-for="item in newList" :key="item.id" :title="item.title" :label="item.time">
+        <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+        <template #right-icon>
+          <van-image :src="item.image" class="search-icon" />
+        </template>
+      </van-cell>
+    </van-list>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "project",
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: true,
+      newList:[{
+        id:1,
+        title:'海勃湾区森林草原防火区划定：哪些地方 是重点防火区？严禁做什么？',
+        time:'2021-5-28 17:39:49',
+        image:'../../static/images/index/newImage.png'
+      },{
+        id:2,
+        title:'海勃湾区森林草原防火区划定：哪些地方 是重点防火区？严禁做什么？',
+        time:'2021-5-28 17:39:49',
+        image:'../../static/images/index/newImage.png'
+      },{
+        id:3,
+        title:'海勃湾区森林草原防火区划定：哪些地方 是重点防火区？严禁做什么？',
+        time:'2021-5-28 17:39:49',
+        image:'../../static/images/index/newImage.png'
+      }]
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+</style>

src/views/news/newDetail.vue

@@ -0,0 +1,410 @@
+<template>
+  <div class="app-container">
+    <van-tabs scrollspy sticky color="#007b76" >
+      <van-tab title="竞拍信息" title-style="font-size:12px;">
+        <van-swipe class="my-swipe" height="235" indicator-color="white" @change="onChange">
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <template #indicator>
+            <div class="custom-indicator">{{ current + 1 }}/4</div>
+          </template>
+        </van-swipe>
+        <van-notice-bar color="#fff" background="#007E72" left-icon="clock-o">
+          正在进行今天12：00结束
+        </van-notice-bar>
+        <div class="information">
+          <van-row>
+            <van-col span="24" class="title">【出租】管家堡乡500亩水田</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">距结束</van-col>
+            <van-col span="20"><van-count-down :time="30 * 60 * 60 * 1000" format="DD 天 HH 时 mm 分 ss 秒" /></van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">挂牌价</van-col>
+            <van-col span="20" class="price"><span>500</span> 元/亩/年</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">保证金</van-col>
+            <van-col span="20" class="money"><span>5000</span> 元</van-col>
+          </van-row>
+        </div>
+        <div class="lead">
+          <van-row gutter="20">
+            <van-col span="3"><van-image src="../../static/images/icon/phone.png" style="vertical-align: text-top;" /></van-col>
+            <van-col span="4">J1433</van-col>
+            <van-col span="4">领先</van-col>
+            <van-col span="4">06.20</van-col>
+            <van-col span="4">22:46:38</van-col>
+          </van-row>
+        </div>
+        <div class="detail">
+          <van-row>
+            <van-col span="24"><span>报名开始时间：</span>2021-04-1915:18:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>报名截止时间：</span>2021-04-1915:20:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价开始时间：</span>2021-04-1915:25:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价截止时间：</span>2021-04-1915:35:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价方式：</span>自由竞价/阶梯竞价</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>阶梯价（加价幅度）：</span>¥1,000</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>延时周期：</span>2分钟报名<van-icon name="question" size="15" style="top: 3px;left: 5px;" color="#CDCDCD"/></van-col>
+          </van-row>
+        </div>
+      </van-tab>
+      <van-tab title="标的物介绍" title-style="font-size:12px;">
+        <p class="delTitle">标的物介绍</p>
+        <div class="introduce">
+          <van-row>
+            <van-col span="24" style="color:#8A8A8A;font-size: 0.4rem;">项目挂牌转出方简况及公告内容</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>转出方名称</span>张三丰</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>住址（地址）</span>威海市环翠区文化西路39号-5</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>经济类型</span>个人</van-col>
+            <van-col span="10"><span>注册账号</span>13306310001</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>注册资本（万元）</span>2000万</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>组织机构代码证号</span>SI4761215652</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>法定代表人/负责人</span>张三丰</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>身份证号</span>371481199001012400</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>联系电话</span>13306310001</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>电子邮箱</span>1027238303@qq.com</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>项目类型</span>农户承包土地经营权</van-col>
+            <van-col span="10"><span>农地性质</span>耕地</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>转出项目名称</span>管家堡乡转500亩土地</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>坐落</span>兴和县城关镇阳坡村委会</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>是否属再次转出</span>否</van-col>
+            <van-col span="10"><span>前次转出方式</span>无</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>拟转出方式</span>出租</van-col>
+            <van-col span="10"><span>拟转出面积/数量</span>500亩</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>拟转出期限</span>2021-05-24至2039-05-24共18年</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>涉及农户数</span>1户</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24" style="color:#007E72;">标的物信息</van-col>
+          </van-row>
+          <div class="project_info">
+            <van-row>
+              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
+              <van-col span="10"><span>面积/数量</span>50亩</van-col>
+            </van-row>
+            <van-row>
+              <van-col span="24"><span>备注</span></van-col>
+            </van-row>
+          </div>
+          <div class="project_info">
+            <van-row>
+              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
+              <van-col span="10"><span>面积/数量</span>50亩</van-col>
+            </van-row>
+            <van-row>
+              <van-col span="24"><span>备注</span></van-col>
+            </van-row>
+          </div>
+        </div>
+      </van-tab>
+      <van-tab title="标的物图片" title-style="font-size:12px;">
+        <p class="delTitle">标的物图片</p>
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+      </van-tab>
+      <van-tab title="竞买须知" title-style="font-size:12px;">
+        <p class="delTitle">竞买须知</p>
+        <div class="notice">
+          <p>一、竞价保证金缴付方式及要求：</p>
+          <p>竞买人为个人的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 竞买人为单位的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 如果竞买人未按规定方式缴付竞价保证金，将会造成竞价保证金无法退还竞价人，由此产生的一切后果和责任，由竞买人自行承担。</p>
+          <p>1.通过银行柜台转账的，在缴款时须在银行进账单或汇款凭证的备注/用途/附言栏中准确填写项目编号。</p>
+          <p>2.通过网上银行转账的，在缴款时须在网上银行支付界面的备注/用途/银行附言栏中准确填写项目编号。</p>
+          <p>二、竞价保证金缴付注意事项</p>
+          <p>1.竞买人应填写并提示竞价保证金汇出银行将其填写的备注信息准确、完备地发送至农交所上述账户。若因竞买人未按要求填写相关信息而导致其无法参与竞价的，由此产生的一切后果和责任由竞买人自行承担。</p>
+          <p>2.竞买人应妥善保管竞价保证金缴款凭证，该凭证将作为查询及办理相关手续的依据之一。</p>
+          <p>三、报名所需材料：</p>
+          <p>1.黑龙江农村产权流转交易意向受让申请书（首页资料下载处下载）。</p>
+          <p>2.有效资格证明文件：</p>
+          <p>（1）受让方为个人的，需提供本人身份证；</p>
+          <p>（2）受让方为单位的，需提供有效期内的营业执照副本、机构代码证、法定代表人身份、合作社章程/公司章程（封面盖章，骑缝盖章）、合作社成员大会决议/股东会决议/董事会决议。</p>
+          <p>3.缴款凭证。</p>
+          <p>4.竞投保证金退还所需报名人本人名下的有效银行卡。</p>
+          <p>四、报名：</p>
+          <p>竞价保证金缴纳后：</p>
+          <p>1.线下报名：携带竞价保证金缴款凭证的原件以及报名所需材料到镇（街）、区（县）、市、省级平台进行报名。到报名地点领取或者在本页面下方“竞投文件下载”处下载竞投文件。</p>
+          <p>2.线上报名：点击“线上报名”按钮，填写报名表，以附件形式上传竞价保证金缴款凭证和报名所需材料的照片， 竞价账户密码以短信形式进行发送。在本页面下方“竞投文件下载”处下载。</p>
+          <p>五、项目报名时间截止后，仅有一名意向受让方报名的，直接与转出方协议签约；有两名及两名以上意向受让方报名的，实行网络电子竞价或农交所同意的其他公开方式竞价。</p>
+          <p>六、实行网上电子竞价的项目：竞投人登录农村产权交易中心网站，进入竞价大厅找到已报名项目，在竞投报价截止时间之前进行报价。竞投结束后，系统按竞投报价从高到低排序，选择报价最高者竞得项目。竞投报价不能低于项目挂牌价格，逾期报价或不符合规定的报价做无效处理，竞投人所交保证金转作违约金，作为对交易中心的违约赔偿，不予退还。</p>
+          <p>七、受让方承诺在竞价成功后严格按照转出方的要求予以开发利用，且不用于非农业建设，不改变原用途，不破坏农业综合生产能力，不破坏生态环境，对于需提供开发利用规划的，及时提交规划文件。</p>
+          <p>八、受让方放弃竞得项目的、无正当理由不与出让方签订合同的、在签订合同时向出让方提出附加条件或者更改合同实质性内容的，竞投保证金不予返还。</p>
+          <p>九、法定节假日、公休日不受理报名。</p>
+        </div>
+      </van-tab>
+      <van-tab title="竞价记录" title-style="font-size:12px;">
+        <p class="delTitle">竞价记录</p>
+        <div class="biddingList">
+          <table width="100%" cellspacing="0">
+            <tr>
+              <td>出价人账号</td>
+              <td>姓名</td>
+              <td>出价价格</td>
+              <td>状态</td>
+              <td>出价时间</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三</td>
+              <td>45,101</td>
+              <td style="color:#C21F3A">领先</td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三三</td>
+              <td>45,101</td>
+              <td></td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三</td>
+              <td>45,101</td>
+              <td></td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+          </table>
+        </div>
+      </van-tab>
+    </van-tabs>
+    <div class="bottomBtn">
+      <van-row>
+        <van-col span="8" style="margin-top: 4px;" @click="showPopup">
+          <van-image src="../../static/images/icon/clock.png" style="vertical-align: text-bottom;" />
+          <p style="line-height: 0.2rem;color: #999999">提醒</p>
+        </van-col>
+        <van-col span="16">
+          <van-button round color="#C21F3A" block>
+            立即报名<br/>
+            <span style="font-size: 10px">保证金￥30,000</span>
+          </van-button>
+        </van-col>
+      </van-row>
+      <van-row style="display: none;">
+        <van-col span="3" style="text-align: center;line-height: 1rem">
+          <van-button color="#e2e2e2" icon="plus" size="mini"></van-button>
+        </van-col>
+        <van-col span="18">
+          <van-button round color="#C21F3A" block>
+            <p>出价</p>
+            <p>434,000</p>
+          </van-button>
+        </van-col>
+        <van-col span="3" style="text-align: center;line-height: 1rem">
+          <van-button color="#e2e2e2" icon="minus" size="mini"></van-button>
+        </van-col>
+      </van-row>
+    </div>
+    <van-popup v-model="show" class="popup" closeable>
+      <van-image src="../../static/images/icon/success.png"/>
+      <p class="popupTit">提醒设置成功</p>
+      <p class="popupContent">系统将按要求提醒您竞拍</p>
+      <van-button round color="#C21F3A" block class="iKnow">
+        我知道了
+      </van-button>
+      <p class="updatePopup">修改提醒方式</p>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "projectDetail",
+  data() {
+    return {
+      current: 0,
+      show: false,
+    };
+  },
+  mounted() {},
+  methods: {
+    onChange(index) {
+      this.current = index;
+    },
+    showPopup() {
+      this.show = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+.custom-indicator {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+  padding: 0px 20px;
+  font-size: 12px;
+  /*rgba(0, 0, 0, 0.1)*/
+  background: rgba(0, 0, 0, 0.2);
+  color: #FFF;
+  border-radius: 20px;
+  line-height: 0.5rem;
+}
+.title{
+  font-size: 0.45rem;
+}
+.my-swipe{
+  width: 100%;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.information{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.4rem 0.5rem;
+}
+.van-row{
+  line-height: 0.7rem;
+}
+.price{
+  color: #C21F3A;
+}
+.price span{
+  font-size: 0.5rem;
+  font-weight: bold;
+}
+.money{
+  color: #C21F3A;
+}
+.money span{
+  font-size: 0.5rem;
+  font-weight: bold;
+}
+.van-count-down{
+  line-height: 0.7rem;
+}
+.lead{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.1rem 0.5rem;
+  color: #C21F3A;
+}
+.detail{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.2rem 0.5rem;
+}
+.detail span{
+  color: #8A8A8A;
+}
+.delTitle{
+  font-size: 0.4rem;
+  color: #007E72;
+  padding: 0.2rem 0.5rem;
+}
+.introduce{
+  padding: 0.2rem 0.5rem 0.5rem;
+  background-color: #FFF;
+}
+.introduce span{
+  color: #8A8A8A;
+  margin-right: 20px;
+}
+.project_info{
+  border: 1px solid #DCDCDC;
+  padding: 0px 20px;
+  margin-top: 10px;
+  border-radius: 10px;
+}
+.notice{
+  padding: 0.5rem;
+  background-color: #FFF;
+}
+.notice p{
+  line-height: 0.7rem;
+}
+.biddingList{
+  padding: 0.5rem;
+  background-color: #FFF;
+  margin-bottom: 0.4rem;
+}
+.biddingList table{
+  text-align: center;
+}
+.biddingList table td{
+  text-align: center;
+  padding: 10px 0px;
+}
+.biddingList table tr:first-child td{
+  background-color: #007E72;
+  color: #FFF;
+}
+.bottomBtn{
+  padding: 0.2rem 0.5rem;
+  background-color: #FFF;
+}
+  .popup{
+    text-align: center;
+    padding: 0.5rem;
+    border-radius: 20px;
+    width: 70%;
+    padding-top: 1.5rem;
+  }
+  .popupTit{
+    color: #007E72;
+    font-size: 0.4rem;
+    line-height: 0.9rem;
+  }
+  .popupContent{
+    color: #666666;
+  }
+  .iKnow{
+    margin-top: 1rem;
+  }
+  .updatePopup{
+    color: #007E72;
+    margin-top: 0.5rem;
+  }
+</style>

src/views/notice/index.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="项目公告"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-tabs animated color="#007b76" style="margin-top: 10px;">
+      <van-tab>
+        <template #title><van-icon name="newspaper-o" size="18" style="top: 4px"/>成交公告</template>
+        <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+        >
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              项目编号：TD-ZC-21213685 <p style="float: right;">2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              项目编号：TD-ZC-21213685 <p style="float: right;">2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              项目编号：TD-ZC-21213685 <p style="float: right;">2021-06-30</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+      <van-tab title="选项">
+        <template #title><van-icon name="records" size="18" style="top: 4px"/>鉴证公告</template>
+        <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+        >
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              鉴证书编号：[202113184] <p style="float: right;">2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              鉴证书编号：[202113184] <p style="float: right;">2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              鉴证书编号：[202113184] <p style="float: right;">2021-06-30</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+    </van-tabs>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: true,
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+  .titleClass{
+
+  }
+</style>

src/views/project/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="app-container">
+    <van-search v-model="value" placeholder="请输入搜索关键词" />
+    <van-dropdown-menu>
+      <van-dropdown-item v-model="value1" :options="option1" />
+      <van-dropdown-item v-model="value2" :options="option2" />
+      <van-dropdown-item v-model="value3" :options="option3" />
+    </van-dropdown-menu>
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+    >
+      <router-link to="project/projectDetail">
+        <van-card thumb="../../static/images/index/projectImg.png" >
+          <template #tags>
+            <p class="title">【出租】管家堡乡500亩水田</p>
+            <p class="type">等待成交</p>
+            <p class="timeEnd">报名结束 2021-04-29 14:58:06</p>
+            <p class="timeEnd">竞价结束 2021-05-01 17:30:00</p>
+            <van-row>
+              <van-col span="12" class="money"><span>500</span>元/亩/年</van-col>
+              <van-col span="12" class="time">2021-04-19 20:20:20</van-col>
+            </van-row>
+          </template>
+        </van-card>
+      </router-link>
+
+      <van-card thumb="../../static/images/index/projectImg.png" >
+        <template #tags>
+          <p class="title">【出租】管家堡乡500亩水田</p>
+          <p class="type">等待成交</p>
+          <p class="timeEnd">报名结束 2021-04-29 14:58:06</p>
+          <p class="timeEnd">竞价结束 2021-05-01 17:30:00</p>
+          <van-row>
+            <van-col span="12" class="money"><span>500</span>元/亩/年</van-col>
+            <van-col span="12" class="time">2021-04-19 20:20:20</van-col>
+          </van-row>
+        </template>
+      </van-card>
+      <van-card thumb="../../static/images/index/projectImg.png" >
+        <template #tags>
+          <p class="title">【出租】管家堡乡500亩水田</p>
+          <p class="type">等待成交</p>
+          <p class="timeEnd">报名结束 2021-04-29 14:58:06</p>
+          <p class="timeEnd">竞价结束 2021-05-01 17:30:00</p>
+          <van-row>
+            <van-col span="12" class="money"><span>500</span>元/亩/年</van-col>
+            <van-col span="12" class="time">2021-04-19 20:20:20</van-col>
+          </van-row>
+        </template>
+      </van-card>
+    </van-list>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "project",
+  data() {
+    return {
+      value:'',
+      value1: 0,
+      value2: 'a',
+      value3: 'A',
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: true,
+      option1: [
+        { text: '标的物类型', value: 0 },
+        { text: '标的物类型', value: 1 },
+        { text: '标的物类型', value: 2 },
+      ],
+      option2: [
+        { text: '标的所在地', value: 'a' },
+        { text: '标的所在地', value: 'b' },
+        { text: '标的所在地', value: 'c' },
+      ],
+      option3: [
+        { text: '项目状态', value: 'A' },
+        { text: '项目状态', value: 'B' },
+        { text: '项目状态', value: 'C' },
+      ],
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+  .title{
+    font-size: 0.4rem;
+  }
+  .type{
+    font-size: 0.35rem;
+    color: #E7851C;
+    margin-top: 5px;
+  }
+  .timeEnd{
+    color: #666666;
+    margin-top: 5px;
+    font-size: 0.1rem;
+  }
+  .money{
+    color: #C21F3A;
+    line-height: 0.5rem;
+    margin-top: 5px;
+  }
+  .money span{
+    font-size: 0.5rem;
+  }
+  .time{
+    color: #666666;
+    line-height: 0.6rem;
+    margin-top: 5px;
+  }
+</style>

src/views/project/projectDetail.vue

@@ -0,0 +1,410 @@
+<template>
+  <div class="app-container">
+    <van-tabs scrollspy sticky color="#007b76" >
+      <van-tab title="竞拍信息" title-style="font-size:12px;">
+        <van-swipe class="my-swipe" height="235" indicator-color="white" @change="onChange">
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <van-swipe-item><van-image src="../../static/images/index/banner.png" height="235" /></van-swipe-item>
+          <template #indicator>
+            <div class="custom-indicator">{{ current + 1 }}/4</div>
+          </template>
+        </van-swipe>
+        <van-notice-bar color="#fff" background="#007E72" left-icon="clock-o">
+          正在进行今天12：00结束
+        </van-notice-bar>
+        <div class="information">
+          <van-row>
+            <van-col span="24" class="title">【出租】管家堡乡500亩水田</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">距结束</van-col>
+            <van-col span="20"><van-count-down :time="30 * 60 * 60 * 1000" format="DD 天 HH 时 mm 分 ss 秒" /></van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">挂牌价</van-col>
+            <van-col span="20" class="price"><span>500</span> 元/亩/年</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="4">保证金</van-col>
+            <van-col span="20" class="money"><span>5000</span> 元</van-col>
+          </van-row>
+        </div>
+        <div class="lead">
+          <van-row gutter="20">
+            <van-col span="3"><van-image src="../../static/images/icon/phone.png" style="vertical-align: text-top;" /></van-col>
+            <van-col span="4">J1433</van-col>
+            <van-col span="4">领先</van-col>
+            <van-col span="4">06.20</van-col>
+            <van-col span="4">22:46:38</van-col>
+          </van-row>
+        </div>
+        <div class="detail">
+          <van-row>
+            <van-col span="24"><span>报名开始时间：</span>2021-04-1915:18:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>报名截止时间：</span>2021-04-1915:20:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价开始时间：</span>2021-04-1915:25:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价截止时间：</span>2021-04-1915:35:53</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>竞价方式：</span>自由竞价/阶梯竞价</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>阶梯价（加价幅度）：</span>¥1,000</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>延时周期：</span>2分钟报名<van-icon name="question" size="15" style="top: 3px;left: 5px;" color="#CDCDCD"/></van-col>
+          </van-row>
+        </div>
+      </van-tab>
+      <van-tab title="标的物介绍" title-style="font-size:12px;">
+        <p class="delTitle">标的物介绍</p>
+        <div class="introduce">
+          <van-row>
+            <van-col span="24" style="color:#8A8A8A;font-size: 0.4rem;">项目挂牌转出方简况及公告内容</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>转出方名称</span>张三丰</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>住址（地址）</span>威海市环翠区文化西路39号-5</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>经济类型</span>个人</van-col>
+            <van-col span="10"><span>注册账号</span>13306310001</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>注册资本（万元）</span>2000万</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>组织机构代码证号</span>SI4761215652</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>法定代表人/负责人</span>张三丰</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>身份证号</span>371481199001012400</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>联系电话</span>13306310001</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>电子邮箱</span>1027238303@qq.com</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>项目类型</span>农户承包土地经营权</van-col>
+            <van-col span="10"><span>农地性质</span>耕地</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>转出项目名称</span>管家堡乡转500亩土地</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>坐落</span>兴和县城关镇阳坡村委会</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>是否属再次转出</span>否</van-col>
+            <van-col span="10"><span>前次转出方式</span>无</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="14"><span>拟转出方式</span>出租</van-col>
+            <van-col span="10"><span>拟转出面积/数量</span>500亩</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>拟转出期限</span>2021-05-24至2039-05-24共18年</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24"><span>涉及农户数</span>1户</van-col>
+          </van-row>
+          <van-row>
+            <van-col span="24" style="color:#007E72;">标的物信息</van-col>
+          </van-row>
+          <div class="project_info">
+            <van-row>
+              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
+              <van-col span="10"><span>面积/数量</span>50亩</van-col>
+            </van-row>
+            <van-row>
+              <van-col span="24"><span>备注</span></van-col>
+            </van-row>
+          </div>
+          <div class="project_info">
+            <van-row>
+              <van-col span="14"><span>标的物名称</span>张三丰地</van-col>
+              <van-col span="10"><span>面积/数量</span>50亩</van-col>
+            </van-row>
+            <van-row>
+              <van-col span="24"><span>备注</span></van-col>
+            </van-row>
+          </div>
+        </div>
+      </van-tab>
+      <van-tab title="标的物图片" title-style="font-size:12px;">
+        <p class="delTitle">标的物图片</p>
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+        <van-image src="../../static/images/index/detailImg.png" style="vertical-align: text-top;" />
+      </van-tab>
+      <van-tab title="竞买须知" title-style="font-size:12px;">
+        <p class="delTitle">竞买须知</p>
+        <div class="notice">
+          <p>一、竞价保证金缴付方式及要求：</p>
+          <p>竞买人为个人的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 竞买人为单位的，可选择银行柜台转账、网上银行转账两种之一的方式缴付竞价保证金，不得采用该两种方式以外的其他方式缴付竞价保证金。 如果竞买人未按规定方式缴付竞价保证金，将会造成竞价保证金无法退还竞价人，由此产生的一切后果和责任，由竞买人自行承担。</p>
+          <p>1.通过银行柜台转账的，在缴款时须在银行进账单或汇款凭证的备注/用途/附言栏中准确填写项目编号。</p>
+          <p>2.通过网上银行转账的，在缴款时须在网上银行支付界面的备注/用途/银行附言栏中准确填写项目编号。</p>
+          <p>二、竞价保证金缴付注意事项</p>
+          <p>1.竞买人应填写并提示竞价保证金汇出银行将其填写的备注信息准确、完备地发送至农交所上述账户。若因竞买人未按要求填写相关信息而导致其无法参与竞价的，由此产生的一切后果和责任由竞买人自行承担。</p>
+          <p>2.竞买人应妥善保管竞价保证金缴款凭证，该凭证将作为查询及办理相关手续的依据之一。</p>
+          <p>三、报名所需材料：</p>
+          <p>1.黑龙江农村产权流转交易意向受让申请书（首页资料下载处下载）。</p>
+          <p>2.有效资格证明文件：</p>
+          <p>（1）受让方为个人的，需提供本人身份证；</p>
+          <p>（2）受让方为单位的，需提供有效期内的营业执照副本、机构代码证、法定代表人身份、合作社章程/公司章程（封面盖章，骑缝盖章）、合作社成员大会决议/股东会决议/董事会决议。</p>
+          <p>3.缴款凭证。</p>
+          <p>4.竞投保证金退还所需报名人本人名下的有效银行卡。</p>
+          <p>四、报名：</p>
+          <p>竞价保证金缴纳后：</p>
+          <p>1.线下报名：携带竞价保证金缴款凭证的原件以及报名所需材料到镇（街）、区（县）、市、省级平台进行报名。到报名地点领取或者在本页面下方“竞投文件下载”处下载竞投文件。</p>
+          <p>2.线上报名：点击“线上报名”按钮，填写报名表，以附件形式上传竞价保证金缴款凭证和报名所需材料的照片， 竞价账户密码以短信形式进行发送。在本页面下方“竞投文件下载”处下载。</p>
+          <p>五、项目报名时间截止后，仅有一名意向受让方报名的，直接与转出方协议签约；有两名及两名以上意向受让方报名的，实行网络电子竞价或农交所同意的其他公开方式竞价。</p>
+          <p>六、实行网上电子竞价的项目：竞投人登录农村产权交易中心网站，进入竞价大厅找到已报名项目，在竞投报价截止时间之前进行报价。竞投结束后，系统按竞投报价从高到低排序，选择报价最高者竞得项目。竞投报价不能低于项目挂牌价格，逾期报价或不符合规定的报价做无效处理，竞投人所交保证金转作违约金，作为对交易中心的违约赔偿，不予退还。</p>
+          <p>七、受让方承诺在竞价成功后严格按照转出方的要求予以开发利用，且不用于非农业建设，不改变原用途，不破坏农业综合生产能力，不破坏生态环境，对于需提供开发利用规划的，及时提交规划文件。</p>
+          <p>八、受让方放弃竞得项目的、无正当理由不与出让方签订合同的、在签订合同时向出让方提出附加条件或者更改合同实质性内容的，竞投保证金不予返还。</p>
+          <p>九、法定节假日、公休日不受理报名。</p>
+        </div>
+      </van-tab>
+      <van-tab title="竞价记录" title-style="font-size:12px;">
+        <p class="delTitle">竞价记录</p>
+        <div class="biddingList">
+          <table width="100%" cellspacing="0">
+            <tr>
+              <td>出价人账号</td>
+              <td>姓名</td>
+              <td>出价价格</td>
+              <td>状态</td>
+              <td>出价时间</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三</td>
+              <td>45,101</td>
+              <td style="color:#C21F3A">领先</td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三三</td>
+              <td>45,101</td>
+              <td></td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+            <tr>
+              <td>15314031621</td>
+              <td>张三</td>
+              <td>45,101</td>
+              <td></td>
+              <td>2021-04-20 10:55:13</td>
+            </tr>
+          </table>
+        </div>
+      </van-tab>
+    </van-tabs>
+    <div class="bottomBtn">
+      <van-row>
+        <van-col span="8" style="margin-top: 4px;" @click="showPopup">
+          <van-image src="../../static/images/icon/clock.png" style="vertical-align: text-bottom;" />
+          <p style="line-height: 0.2rem;color: #999999">提醒</p>
+        </van-col>
+        <van-col span="16">
+          <van-button round color="#C21F3A" block>
+            立即报名<br/>
+            <span style="font-size: 10px">保证金￥30,000</span>
+          </van-button>
+        </van-col>
+      </van-row>
+      <van-row style="display: none;">
+        <van-col span="3" style="text-align: center;line-height: 1rem">
+          <van-button color="#e2e2e2" icon="plus" size="mini"></van-button>
+        </van-col>
+        <van-col span="18">
+          <van-button round color="#C21F3A" block>
+            <p>出价</p>
+            <p>434,000</p>
+          </van-button>
+        </van-col>
+        <van-col span="3" style="text-align: center;line-height: 1rem">
+          <van-button color="#e2e2e2" icon="minus" size="mini"></van-button>
+        </van-col>
+      </van-row>
+    </div>
+    <van-popup v-model="show" class="popup" closeable>
+      <van-image src="../../static/images/icon/success.png"/>
+      <p class="popupTit">提醒设置成功</p>
+      <p class="popupContent">系统将按要求提醒您竞拍</p>
+      <van-button round color="#C21F3A" block class="iKnow">
+        我知道了
+      </van-button>
+      <p class="updatePopup">修改提醒方式</p>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "projectDetail",
+  data() {
+    return {
+      current: 0,
+      show: false,
+    };
+  },
+  mounted() {},
+  methods: {
+    onChange(index) {
+      this.current = index;
+    },
+    showPopup() {
+      this.show = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+.custom-indicator {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+  padding: 0px 20px;
+  font-size: 12px;
+  /*rgba(0, 0, 0, 0.1)*/
+  background: rgba(0, 0, 0, 0.2);
+  color: #FFF;
+  border-radius: 20px;
+  line-height: 0.5rem;
+}
+.title{
+  font-size: 0.45rem;
+}
+.my-swipe{
+  width: 100%;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.information{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.4rem 0.5rem;
+}
+.van-row{
+  line-height: 0.7rem;
+}
+.price{
+  color: #C21F3A;
+}
+.price span{
+  font-size: 0.5rem;
+  font-weight: bold;
+}
+.money{
+  color: #C21F3A;
+}
+.money span{
+  font-size: 0.5rem;
+  font-weight: bold;
+}
+.van-count-down{
+  line-height: 0.7rem;
+}
+.lead{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.1rem 0.5rem;
+  color: #C21F3A;
+}
+.detail{
+  background-color: #FFF;
+  margin-top: 0.3rem;
+  padding: 0.2rem 0.5rem;
+}
+.detail span{
+  color: #8A8A8A;
+}
+.delTitle{
+  font-size: 0.4rem;
+  color: #007E72;
+  padding: 0.2rem 0.5rem;
+}
+.introduce{
+  padding: 0.2rem 0.5rem 0.5rem;
+  background-color: #FFF;
+}
+.introduce span{
+  color: #8A8A8A;
+  margin-right: 20px;
+}
+.project_info{
+  border: 1px solid #DCDCDC;
+  padding: 0px 20px;
+  margin-top: 10px;
+  border-radius: 10px;
+}
+.notice{
+  padding: 0.5rem;
+  background-color: #FFF;
+}
+.notice p{
+  line-height: 0.7rem;
+}
+.biddingList{
+  padding: 0.5rem;
+  background-color: #FFF;
+  margin-bottom: 0.4rem;
+}
+.biddingList table{
+  text-align: center;
+}
+.biddingList table td{
+  text-align: center;
+  padding: 10px 0px;
+}
+.biddingList table tr:first-child td{
+  background-color: #007E72;
+  color: #FFF;
+}
+.bottomBtn{
+  padding: 0.2rem 0.5rem;
+  background-color: #FFF;
+}
+  .popup{
+    text-align: center;
+    padding: 0.5rem;
+    border-radius: 20px;
+    width: 70%;
+    padding-top: 1.5rem;
+  }
+  .popupTit{
+    color: #007E72;
+    font-size: 0.4rem;
+    line-height: 0.9rem;
+  }
+  .popupContent{
+    color: #666666;
+  }
+  .iKnow{
+    margin-top: 1rem;
+  }
+  .updatePopup{
+    color: #007E72;
+    margin-top: 0.5rem;
+  }
+</style>

src/views/register/companyRegister.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="app-container" :style="{height:height+'px'}">
+    <van-nav-bar
+      title="个人注册"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-form>
+      <van-field v-model="tel" type="tel" label="手机号" placeholder="请输入手机号" required :rules="[{ required:true }]" />
+      <van-field
+        center
+        clearable
+        label="短信验证码"
+        placeholder="请输入短信验证码"
+        required
+        :rules="[{ required:true }]"
+      >
+        <template #button>
+          <van-button size="small" type="primary" native-type="button" :rules="[{ required:true }]">发送验证码</van-button>
+        </template>
+      </van-field>
+      <van-field type="password" label="密码" placeholder="请输入密码" required :rules="[{ required:true }]"/>
+      <van-field type="password" label="确认密码" placeholder="请再次输入密码" required :rules="[{ required:true }]"/>
+
+      <van-field label="公司名称" placeholder="请输入公司名称" required :rules="[{ required:true }]"/>
+      <van-field label="负责人姓名" placeholder="请输入负责人姓名" required :rules="[{ required:true }]"/>
+      <van-field label="身份证号" placeholder="请输入法人身份证号" required :rules="[{ required:true }]"/>
+      <van-field label="社会信用代码" placeholder="请输入公司的社会信用代码" required :rules="[{ required:true }]"/>
+      <van-field label="营业执照号" placeholder="请输入公司的营业执照号" required :rules="[{ required:true }]"/>
+      <van-field label="联系地址" placeholder="请输入联系地址" />
+      <div class="submit">
+        <p>我已阅读并同意<span>《农村产权交易信息服务平台会员注册协议》</span></p>
+        <van-button round block type="info" color="#007E72" native-type="submit">立即注册</van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      height:0,
+      tel:''
+    };
+  },
+  created() {
+    this.height = document.body.clientHeight
+  },
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  background-color: #FFF;
+}
+.submit{
+  position: absolute;
+  bottom: 5%;
+  width: 90%;
+  left: 5%;
+  p{
+    text-align: center;
+    margin-bottom: 0.2rem;
+    span{
+      color: #007E72;
+    }
+  }
+}
+</style>

src/views/register/index.vue

@@ -0,0 +1,190 @@
+<template>
+  <div class="app-container" :style="{height:height+'px'}">
+    <div class="title">
+      <p class="title_one">PROPERTY RIGHT</p>
+      <p class="title_two">TRANSACTION</p>
+      <p class="title_three">农村产权交易平台</p>
+    </div>
+    <div class="text_box">
+      <h2>/注册须知/</h2>
+      <van-divider />
+      为营造公开、公平、公正的网络交易环境，维护农村产权交易平台（以下简称平台）会员秩序，确保网络交易的顺利进行，特将有关事项告知如下：
+      <div class="text_box-content">
+        <p>1.注册成为平台的会员应遵守本须知阐述之条款和条件。</p>
+        <p>2.适用范围</p>
+        <p>2.1本须知内容包括须知正文及所有平台已经发布或将来可能发布的各类规则。所有规则为须知不可分割的一部分，如果会员用户在平台访问或交易，使用我们的产品或服务，使用移动应用或软件（以下统称为"服务"），即表明会员用户已充分阅读、理解并同意接受本须知的条款和条件(以下统称"条款")。</p>
+        <p>2.2平台向会员用户提供较多类型的服务，在通常情况下会员用户需要遵守其他条款。会员用户使用平台提供的服务（例如：个人中心、发布询价信息、发布招标信息、发布竞价信息等）时，会员用户同时应接受适用于那些服务的业务管理须知、条款（以下统称为“交易文件”）；如果以下使用条件与“交易文件”有不一致之处，则以“交易文件”为准。</p>
+        <p>3.注册</p>
+        <p>3.1会员用户资格申请</p>
+        <p>申请成为会员用户应当具有完全民事权利能力和与所从事的民事行为相适应的行为能力的自然人、法人或其他组织。若会员用户不具备前述主体资格，请勿使用服务，否则会员用户及会员用户的监护人应承担因此而导致的一切后果，且平台有权注销（永久冻结）会员用户的账户，并向会员用户及会员用户的监护人索偿。如会员用户代表一家公司或其他法律主体在平台登记，则会员用户声明和保证，有权让该公司或该法律主体受本须知“条款”的约束。</p>
+        <p>3.2注册目的</p>
+        <p>会员用户应承诺进行注册是为了接受平台之服务，并非出于违反法律法规或破坏平台网络交易秩序的目的。</p>
+        <p>3.3注册流程</p>
+        <p>3.3.1会员用户同意根据平台注册页面的要求提供信息，设置平台账号及密码，应确保所提供全部信息的真实性、完整性和准确性。</p>
+        <p>3.3.2会员用户获得平台账号及密码时视为会员用户注册成功，会员用户同意接收平台发送的与平台网站管理、运营相关的电子邮件或短消息。</p>
+        <p>3.3.3在完成注册或激活流程时，会员用户应当按照法律法规要求，按相应页面的提示准确提供并及时更新资料。如有合理理由怀疑用户提供的资料错误、不实、过时或不完整的，平台有权向用户发出询问或要求改正的通知，并有权直接做出删除相应资料的处理，直至中止、终止对用户提供部分或全部平台服务，平台对此不承担任何责任，会员用户将承担因此产生的任何直接或间接损失及不利后果。</p>
+        <p>3.4交易信息发布</p>
+        <p>会员应充分了解并同意，农村产权交易网是一个商业交易平台，而并非面向消费者的消费购买市场，故您的交易行为应当基于真实的商业需求，不得存在恶意处置/采购、恶意竞价、恶意维权等扰乱平台正常交易秩序的行为。会员用户应根据各交易方式的流程以及交易文件，遵循诚实信用原则发布相应的信息。</p>
+        <p>4.会员用户服务及账户安全</p>
+        <p>4.1会员用户应当遵守法律法规、规章、规范性文件及政策要求的规定，不得在平台或利用平台服务从事非法或其他损害平台或第三方权益的活动，如发送或接收任何违法、违规、违反公序良俗、侵犯他人权益的信息，发送或接收传销材料或存在其他危害的信息或言论，未经平台授权使用或伪造平台电子邮件题头信息等。</p>
+        <p>4.2会员用户应当遵守法律法规，应当妥善使用和保管平台账号及密码，对其平台账号和密码下进行的行为和发生的事件负责。当会员用户发现平台账号被未经其授权的第三方使用或存在账号安全问题时应立即有效通知平台，要求平台暂停该平台账号的服务。平台有权在合理时间内对用户的该等请求采取行动，但对采取行动前会员用户已经遭受的损失不承担任何责任。会员用户在未经平台同意的情况下不得将平台账号以赠与、借用、租用、转让或其他方式处分给他人。</p>
+        <p>4.3会员用户通过平台进行交易时，应当遵守平台发布的其他关于交易的服务条款和操作规则的全部规定。</p>
+        <p>4.4会员用户在平台对商品、服务进行评价时应当根据实际情况如实进行评价。</p>
+        <p>5.会员用户应当</p>
+        <p>5.1会员用户应保证其在注册时和提交项目信息时所提供的名称、联系方式、联系地址等全部信息真实、完整、准确，并当上述信息发生变更时及时进行更新。</p>
+        <p>5.2会员用户不得以任何技术手段或其他方式干扰平台的正常运行或干扰其他用户对平台服务的使用。</p>
+        <p>5.3会员用户不得以虚构事实等方式恶意诋毁平台或第三方的商誉。</p>
+        <p>5.4会员用户在交易成功后应配合接收货物或发票等。</p>
+        <p>5.5会员用户不得对商品、服务进行虚假评价或虚假投诉。</p>
+        <p>6.平台有权</p>
+        <p>6.1如会员用户不具备本须知约定的注册资格，则平台有权拒绝用户进行注册，对已注册的会员用户有权注销其账号，平台因此而遭受损失的有权向前述会员用户或其法定代理人主张赔偿。同时，平台保留其他任何情况下决定是否接受会员用户注册的权利。</p>
+        <p>6.2平台发现账户使用者并非账户初始注册人时，有权中止该账户的使用。</p>
+        <p>6.3平台通过技术检测、人工抽检等方式合理怀疑用户提供的信息错误、不实、失效或不完整时，有权通知用户更正、更新信息或中止、终止为其提供平台服务</p>
+        <p>6.4平台有权在发现平台上显示的任何信息存在明显错误时，对信息予以更正。</p>
+        <p>6.5平台保留随时修改、中止或终止平台服务的权利，平台行使修改或中止服务的权利不需事先告知会员用户，平台终止平台一项或多项服务的，以平台发布的终止公告为准。</p>
+        <p>7.特别申明</p>
+        <p>7.1会员用户未通过平台与其他用户之间进行的交易不属于平台交易，平台对此类交易事项不承担任何责任，用户不得因其与用户之间因此类交易发生的任何争议投诉平台或要求平台承担任何责任。</p>
+        <p>7.2平台依照法律规定履行基础保障义务，但对于下述原因导致的履行障碍、履行瑕疵、履行延后或履行内容变更等情形，平台及交易组织方并不承担相应的违约责任：</p>
+        <p>7.2.1因自然灾害、罢工、暴乱、战争、政府行为、司法行政命令等不可抗力因素；</p>
+        <p>7.2.2因电力供应故障、通讯网络故障等公共服务因素或第三人因素；</p>
+        <p>7.2.3在平台已尽善意管理的情况下，因常规或紧急的设备与系统维护、设备与系统故障、网络信息与数据安全等因素。</p>
+        <p>发生上述情况时，交易组织方有权暂停或终止交易项目，但应及时通知会员。</p>
+        <p>7.3因操作失误、所使用的终端不符合系统需求、网络环境异常等会员自身原因，对会员使用平台上的信息或由平台链接的信息，或其他与平台链接的网站信息所导致的损失或损害（包括直接、间接、特别或后果性的损失或损害，电脑系统之损坏或数据丢失等后果），责任均由会员自行承担，与平台及交易组织方无关。</p>
+        <p>7.4平台向会员的提供的全部信息、内容、材料、产品（包括软件）和服务，均是在"按现状"和"按现有"的基础上提供的。除非另有明确的书面说明,平台不对其运营及其包含在本网站上的信息、内容、材料、产品（包括软件）或服务作任何形式的、明示或默示的声明或担保（根据中华人民共和国法律另有规定的以外）。平台不担保所包含的或以其它方式通过本平台提供给会员的全部信息、内容、材料、产品（包括软件）和服务、其服务器或从平台发出的电子信件、信息没有病毒或其他有害成分。如因不可抗力或其他无法控制的原因使农交网交易系统崩溃或无法正常使用导致网上交易无法完成或丢失有关的信息、记录等，平台会合理地尽力协助处理善后事宜。</p>
+        <p>7.5链接申明</p>
+        <p>“服务” 或第三方均可能提供与其他万维网网站或资源的链接。由于平台并不控制该等网站和资源，会员用户承认并同意，平台并不对该等外在网站或资源的可用性负责，且不认可该等网站或资源上或可从该等网站或资源获取的任何内容、宣传、产品、服务或其他材料，也不对其等负责或承担任何责任。会员用户进一步承认和同意，对于任何因使用或信赖从此类网站或资源上获取的此类内容、宣传、产品、服务或其他材料而造成（或声称造成）的任何直接或间接损失，平台及交易组织方均不承担责任</p>
+        <p>7.6隐私申明</p>
+        <p>7.6.1为了会员用户更加方便和安全的使用平台的服务，平台将收集用户与平台站点有关的特征信息，用于标识用户的设备。同时，平台会积极采取先进的技术手段和有效的管理机制来保障用户的账户安全。</p>
+        <p>7.6.2会员用户一旦自愿在平台披露"用户资料"，该等资料即可能被其他人士获取和使用。</p>
+        <p>7.7知识产权申明</p>
+        <p>7.7.1平台所包含的全部智力成果包括但不限于数据库、网站设计、文字和图表、软件、照片、录像、音乐、声音及其前述组合，软件编译、相关源代码和软件 (包括小应用程序和脚本) 的知识产权权利均归平台所有。会员用户不得为商业目的复制、更改、拷贝、发送或使用前述任何材料或内容。</p>
+        <p>7.7.2平台名称中包含的所有权利 (包括商誉和商标) 均归平台所有。</p>
+        <p>7.7.3会员用户接受本须知即视为用户同意平台无偿使用其在平台发表的任何形式的信息的著作权，包括但不限于：复制权、发行权、出租权、展览权、表演权、放映权、广播权、信息网络传播权、摄制权、改编权、翻译权、汇编权以及应当由著作权人享有的其他可转让权利，用户应保证上述权利无任何瑕疵。</p>
+        <p>7.7.4会员用户在使用平台服务过程中不得非法使用或处分平台或他人的知识产权权利。</p>
+        <p>7.8赔偿申明</p>
+        <p>会员用户如果违反本须知或经在此提及而纳入本须知的其他文件，或因用户违反法律侵害了第三方的合法权利，或因用户违反法律须承担行政或刑事责任，而使第三方或行政、司法机关对平台提出索赔或处罚要求（包括司法费用和其他专业人士的费用），用户必须全额赔偿给平台，并使其等免遭损失。</p>
+        <p>8.服务条款的变更和终止</p>
+        <p>8.1须知的变更</p>
+        <p>平台有权根据业务需要酌情修订“条款”，并以网站公告的形式进行更新，不再单独通知予用户。经修订的“条款”一经在平台公布，即产生效力。如会员用户不同意相关修订，请会员用户立即停止使用“服务”。如用户继续使用“服务”，则将视为用户已接受经修订的“条款”，当用户与平台发生争议时，应以最新的 “条款”为准</p>
+        <p>8.2服务的终止</p>
+        <p>8.2.1平台有权依据本须知约定注销用户的平台账号并终止全部平台服务。</p>
+        <p>8.2.2注销平台账号后，用户无权要求平台继续向其提供任何服务或履行任何其他义务，包括但不限于要求平台为用户保留或向用户披露其原平台账号中的任何信息，向用户或第三方转发任何其未曾阅读或发送过的信息等。</p>
+        <p>8.2.3服务终止不影响守约方向违约方追究违约责任。</p>
+        <p>9.违约责任</p>
+        <p>9.1平台或会员用户违反本须知的约定即构成违约，违约方应当向守约方承担违约责任。</p>
+        <p>9.2如因会员用户提供的信息不真实、不完整或不准确给平台或其他用户造成损失的，平台有权要求会员用户对平台或对其他会员用户进行损失的赔偿。</p>
+        <p>9.3如因会员用户违反法律法规规定或本须知约定，在平台或利用平台服务从事非法活动的，平台有权立即终止继续对其提供平台服务，注销其账号，并要求其赔偿由此给平台造成的损失。</p>
+        <p>9.4如会员用户以技术手段干扰平台的运行或干扰其他用户对平台使用的，平台有权立即注销其平台账号，并有权要求其赔偿由此给平台造成的损失。</p>
+        <p>9.5如会员用户以虚构事实等方式恶意诋毁平台或商家的商誉，平台有权要求用户向平台或商家公开道歉，赔偿其给平台或商家造成的损失，并有权终止对其提供平台服务。</p>
+        <p>9.6条款标题仅为方便参阅而设，并不以任何方式界定、限制、解释或描述该条款的范围或限度。平台未就您或其他人士的某项违约行为采取行动，并不表明平台放弃对违约行为采取行动的权利。</p>
+        <p>10.黑名单制度</p>
+        <p>会员有下列情形之一的，将被农交网列入不良行为记录名单，并在农交网进行曝光，两年内不得参与农交网平台的一切项目：</p>
+        <p>10.1采取不正当手段诋毁、排挤或串通他人的；</p>
+        <p>10.2有吵闹、起哄、斗殴等行为，扰乱竞价、拍卖、招投标现场、评审或办公秩序的；</p>
+        <p>10.3成交后，无正当理由拒不签订成交确认书（合同）或者成交确认书（合同）签订后未能履行又不按约赔偿的；</p>
+        <p>10.4成交后，不缴付履约保证金或中标（成交）服务费的；</p>
+        <p>10.5提出不当要求，进行恶意敲诈的；</p>
+        <p>10.6提供虚假材料谋取中标、成交的；</p>
+        <p>10.7提供虚假材料或者未按规定程序进行质疑、投诉、诉讼，影响项目正常进行的；</p>
+        <p>10.8向交易组织方或农交网工作人员行贿或提供其他不正当利益的;</p>
+        <p>10.8向交易组织方或农交网工作人员行贿或提供其他不正当利益的;</p>
+        <p>11.监督</p>
+        <p>欢迎会员对农交网工作人员进行监督，凡发现农交网工作人员有以下情形的，会员均可以书面具名方式进行投诉：</p>
+        <p>11.1索要、接受礼品、礼金、有价证券、回扣、好处费、感谢费等；</p>
+        <p>11.2接受关联交易人宴请、健身、娱乐等活动；</p>
+        <p>11.3在关联交易人处报销应由个人支付的费用；</p>
+        <p>11.4接受关联交易人旅游活动的邀请；</p>
+        <p>11.5违反相关工作条例，违规向关联交易人透露交易信息;</p>
+        <p>11.6擅自披露、篡改"用户资料"或重要交易数据。</p>
+        <p>12.争议解决</p>
+        <p>会员用户与平台因本须知的履行发生争议的应通过友好协商解决，协商解决不成的，任一方有权将争议提交常州仲裁委员会依据该会仲裁规则进行仲裁。</p>
+        <p>13.法律适用</p>
+        <p>13.1本须知之效力、解释、变更、执行与争议解决均适用中华人民共和国大陆地区法律。</p>
+        <p>13.2如发生平台服务条款与中国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它合法条款则依旧保持对会员用户产生法律效力和影响。</p>
+        <p>13.2如发生平台服务条款与中国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它合法条款则依旧保持对会员用户产生法律效力和影响。</p>
+        <p>14.本须知自在农村产权交易网公示之日起生效，本须知解释权和修订权归农村产权交易网所有。</p>
+        <p>农村产权交易网</p>
+      </div>
+    </div>
+    <div class="agree_box">
+      <label class="agree"><input type="checkbox">我已仔细阅读该须知，并同意该须知相关规定。</label>
+      <van-button round color="#007e72" block to="registerType">注册</van-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      height:0
+    };
+  },
+  created() {
+    this.height = document.body.clientHeight
+  },
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  background: url("../../../static/images/index/registerBg.png") no-repeat;
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+}
+.title{
+  padding-top: 30%;
+  width: 88%;
+  margin: 0 auto;
+}
+.title_one{
+  color: #666666;
+  font-size: 0.4rem;
+}
+.title_two{
+  color: #007e72;
+  font-size: 0.6rem;
+}
+.title_three{
+  color: #FFF;
+  font-size: 0.8rem;
+}
+.text_box{
+  background: #ffffff;
+  width: 90%;
+  height: 50%;
+  margin: 0 auto;
+  border-radius: 0.4rem;
+  padding: 0.5rem 0.4rem 0;
+  margin-top: 0.4rem;
+  overflow: hidden;
+}
+.text_box h2{
+  text-align: center;
+  color: #007E72;
+}
+.text_box-content{
+  height: 60%;
+  overflow-y: scroll;
+  margin: 0.2rem 0;
+}
+.agree_box{
+  text-align: center;
+  width: 90%;
+  margin: 0 auto;
+  margin-top: 0.4rem;
+}
+.agree{
+  color: #FFF;
+  margin-bottom:0.4rem;
+  display: block;
+}
+  .agree_box input[type='checkbox']{
+    margin-right: 5px;
+    position: relative;
+    top: 5px;
+  }
+</style>

src/views/register/registerType.vue

@@ -0,0 +1,101 @@
+<template>
+  <div class="app-container" :style="{height:height+'px'}">
+    <div class="title">
+      <p class="title_one">PROPERTY RIGHT</p>
+      <p class="title_two">TRANSACTION</p>
+      <p class="title_three">农村产权交易平台</p>
+    </div>
+    <div class="text_box">
+      <p>请选择要注册的类型</p>
+      <div class="img_box">
+        <van-image src="../../../static/images/register_icon2.png" width="18%" @click="goUserRegister()" style="margin-right: 20%" />
+        <van-image src="../../../static/images/register_icon1.png" width="18%" @click="goCompanyRegister()" />
+      </div>
+      <div class="type_box">
+        <van-row style="margin-bottom: 0.2rem">
+          <van-col span="6">个人用户 :</van-col>
+          <van-col span="18">参与农村产权交易的自然人</van-col>
+        </van-row>
+        <van-row>
+          <van-col span="6">单位用户 :</van-col>
+          <van-col span="18">主要是参与农村产权交易的机关 单位、社会组织、农业企业、家 庭农场、合作社等</van-col>
+        </van-row>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      height:0
+    };
+  },
+  created() {
+    this.height = document.body.clientHeight
+  },
+  methods: {
+    goUserRegister(){
+      window.location = 'userRegister'
+    },
+    goCompanyRegister(){
+      window.location = 'companyRegister'
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  background: url("../../../static/images/index/registerBg.png") no-repeat;
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.title{
+  padding-top: 30%;
+  width: 88%;
+  margin: 0 auto;
+}
+.title_one{
+  color: #666666;
+  font-size: 0.5rem;
+}
+.title_two{
+  color: #007e72;
+  font-size: 0.8rem;
+}
+.title_three{
+  color: #FFF;
+  font-size: 0.9rem;
+}
+.text_box{
+  background: #ffffff;
+  background-image: linear-gradient(#fff, #c1c1c1);
+  width: 100%;
+  height: 100%;
+  border-radius: 1.5rem;
+  padding: 0.5rem 0.4rem 0;
+  margin-top: 0.6rem;
+  overflow: hidden;
+}
+.text_box p{
+  text-align: center;
+  color: #007E72;
+  font-size: 0.5rem;
+  margin-top: 1rem;
+}
+  .img_box{
+    text-align: center;
+    margin-top: 1rem;
+  }
+  .type_box{
+    padding: 0 10%;
+    color: #007E72;
+    font-size: 0.3rem;
+    margin-top: 1rem;
+  }
+</style>

src/views/register/userRegister.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="app-container" :style="{height:height+'px'}">
+    <van-nav-bar
+      title="个人注册"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-form>
+      <van-field v-model="tel" type="tel" label="手机号" placeholder="请输入手机号" required :rules="[{ required:true }]" />
+      <van-field
+        center
+        clearable
+        label="短信验证码"
+        placeholder="请输入短信验证码"
+        required
+        :rules="[{ required:true }]"
+      >
+        <template #button>
+          <van-button size="small" type="primary" native-type="button" :rules="[{ required:true }]">发送验证码</van-button>
+        </template>
+      </van-field>
+      <van-field type="password" label="密码" placeholder="请输入密码" required :rules="[{ required:true }]"/>
+      <van-field type="password" label="确认密码" placeholder="请再次输入密码" required :rules="[{ required:true }]"/>
+      <van-field label="姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/>
+      <van-field label="身份证号" placeholder="请输入身份证号" required :rules="[{ required:true }]"/>
+      <van-field label="联系地址" placeholder="请输入联系地址" />
+      <div class="submit">
+        <p>我已阅读并同意<span>《农村产权交易信息服务平台会员注册协议》</span></p>
+        <van-button round block type="info" color="#007E72" native-type="submit">立即注册</van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      height:0,
+      tel:''
+    };
+  },
+  created() {
+    this.height = document.body.clientHeight
+  },
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  background-color: #FFF;
+}
+.submit{
+  position: absolute;
+  bottom: 5%;
+  width: 90%;
+  left: 5%;
+  p{
+    text-align: center;
+    margin-bottom: 0.2rem;
+    span{
+      color: #007E72;
+    }
+  }
+}
+</style>

src/views/supply/index.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="个人供求"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-tabs animated color="#007b76" style="margin-top: 10px;">
+      <van-tab>
+        <template #title><van-icon name="label" size="18" style="top: 4px"/>供应信息</template>
+        <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+        >
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+      <van-tab title="选项">
+        <template #title><van-icon name="bookmark" size="18" style="top: 4px"/>需求信息</template>
+        <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          style="margin-top: 10px;"
+        >
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+            </template>
+          </van-cell>
+          <van-cell icon="play" title="海勃湾区森林草原防火区划定：哪些地方是重点防火区严禁做什么？">
+            <template #label>
+              联系电话：13306310001 <p style="float: right;">发布时间：2021-06-30</p>
+            </template>
+          </van-cell>
+        </van-list>
+      </van-tab>
+    </van-tabs>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: true,
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+}
+  .titleClass{
+
+  }
+</style>

src/views/user/accountSetting/bankInformation/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="app-container" :style="{height:height+'px'}">
+    <van-nav-bar
+      title="银行账户修改"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-form>
+      <van-field value="中国工商银行" label="开户银行" placeholder="请输入开户银行" required :rules="[{ required:true }]"/>
+      <van-field value="张三" label="开户姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/>
+      <van-field value="230381199705255176" label="开户账号" placeholder="请输入开户账号" required :rules="[{ required:true }]"/>
+      <div class="submit">
+        <van-button round block type="info" color="#007E72" native-type="submit">保存</van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "notice",
+    data() {
+      return {
+        height:0,
+        tel:'',
+        fileList:[]
+      };
+    },
+    created() {
+      this.height = document.body.clientHeight
+    },
+    methods: {
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        console.log(this.fileList)
+        console.log(file);
+      },
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    background-color: #FFF;
+  }
+  .submit{
+    position: absolute;
+    bottom: 5%;
+    width: 90%;
+    left: 5%;
+    p{
+      text-align: center;
+      margin-bottom: 0.2rem;
+      span{
+        color: #007E72;
+      }
+    }
+  }
+</style>

src/views/user/accountSetting/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="app-container" >
+    <van-nav-bar
+      title="账户设置"
+      left-arrow
+      fixed
+      placeholder
+      @click-left="onClickLeft"
+    />
+    <van-cell title="用户资料修改" to="userInformation" is-link icon="points" />
+    <van-cell title="银行账户信息修改" to="bankInformation" is-link icon="credit-pay" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+    };
+  },
+  created() {
+  },
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+
+}
+  .header{
+    background-color: #007E72;
+    padding: 1rem 0rem 1.5rem;
+    width: 100%;
+    p{
+      color: #FFF;
+      font-size: 0.4rem;
+      margin-top: 0.2rem;
+    }
+    p:nth-child(2){
+      background-color: #03655C;
+      width: 40%;
+      text-align: center;
+      padding: 10px;
+      border-radius: 0.5rem;
+      margin-top: 0.2rem;
+      font-size: 0.2rem;
+    }
+  }
+  .van-icon{
+    color: #007E72;
+  }
+</style>

src/views/user/accountSetting/phoneInformation/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="app-container" :style="{height:height+'px'}">
+    <van-nav-bar
+      title="手机号修改"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-form>
+      <van-field value="15314031621" type="tel" label="当前号码" placeholder="请输入手机号" required :rules="[{ required:true }]" />
+
+      <van-field label="新手机号" placeholder="更改后下次请使用新手机号" required :rules="[{ required:true }]"/>
+      <van-field label="验证码" placeholder="请输入验证码" required :rules="[{ required:true }]" >
+        <template #extra >
+          <p style="color: #007e72">免费获取短信验证码</p>
+        </template>
+      </van-field>
+        <div class="submit">
+        <van-button round block type="info" color="#007E72" native-type="submit">保存</van-button>
+      </div>
+    </van-form> 
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "notice",
+    data() {
+      return {
+        height:0,
+        tel:'',
+        fileList:[]
+      };
+    },
+    created() {
+      this.height = document.body.clientHeight
+    },
+    methods: {
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        console.log(this.fileList)
+        console.log(file);
+      },
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    background-color: #FFF;
+  }
+  .submit{
+    position: absolute;
+    bottom: 5%;
+    width: 90%;
+    left: 5%;
+    p{
+      text-align: center;
+      margin-bottom: 0.2rem;
+      span{
+        color: #007E72;
+      }
+    }
+  }
+</style>

src/views/user/accountSetting/userInformation/companyInformation.vue

@@ -0,0 +1,82 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="资料修改"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-form>
+      <van-field value="15314031621" type="tel" label="手机号" placeholder="请输入手机号" required :rules="[{ required:true }]" >
+        <template #extra >
+          <p style="color: #007e72">修改手机号</p>
+        </template>
+      </van-field>
+      <van-field value="15314031621" label="密码" placeholder="请输入密码" required :rules="[{ required:true }]"/>
+      <van-field value="北京农燊高科" label="公司名称" placeholder="请输入公司名称" required :rules="[{ required:true }]"/>
+      <van-field value="庞东旭" label="负责人姓名" placeholder="请输入负责人姓名" required :rules="[{ required:true }]"/>
+      <van-field value="230381199705255156" label="身份证号" placeholder="请输入法人身份证号" required :rules="[{ required:true }]"/>
+      <van-field value="1122334" label="社会信用代码" placeholder="请输入公司的社会信用代码" required :rules="[{ required:true }]"/>
+      <van-field value="私企" label="企业性质" placeholder="请输入企业性质" />
+      <van-field value="软件程序开发" label="经营范围" placeholder="请输入经营范围" />
+      <van-field value="2010.9-2020.5" label="经营期限" placeholder="请输入经营期限" />
+      <van-field value="2010年9月10日" label="成立时间" placeholder="请输入成立时间" />
+      <van-field value="2100万" label="注册资金" placeholder="请输入注册资金" />
+      <van-field value="124578963" label="营业执照号" placeholder="请输入公司的营业执照号" required :rules="[{ required:true }]"/>
+      <van-field value="山东威海" label="联系地址" placeholder="请输入联系地址" />
+      <van-field name="uploader" label="上传相关附件">
+        <template #input>
+          <van-uploader :after-read="afterRead" v-model="fileList" multiple  />
+        </template>
+      </van-field>
+      <p style="color: red; text-align: center;">*身份证照片、本人和身份证的合影</p>
+      <div class="submit">
+        <van-button round block type="info" color="#007E72" native-type="submit" style="width: 90%;margin: 0 auto;">立即注册</van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      height:0,
+      tel:'',
+      fileList:[]
+    };
+  },
+  created() {
+    this.height = document.body.clientHeight
+  },
+  methods: {
+    afterRead(file) {
+      // 此时可以自行将文件上传至服务器
+      console.log(this.fileList)
+      console.log(file);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  background-color: #FFF;
+  padding-bottom: 3rem;
+}
+.submit{
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  padding: 5% 0;
+  background-color: #F9F9F9;
+  p{
+    text-align: center;
+    margin-bottom: 0.2rem;
+    span{
+      color: #007E72;
+    }
+  }
+}
+</style>

src/views/user/accountSetting/userInformation/userInformation.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="app-container" :style="{height:height+'px'}">
+    <van-nav-bar
+      title="资料修改"
+      left-arrow
+      fixed
+      placeholder
+    />
+    <van-form>
+      <van-field value="15314031621" type="tel" label="手机号" placeholder="请输入手机号" required :rules="[{ required:true }]" >
+        <template #extra >
+            <p style="color: #007e72" onclick="window.location='phoneInformation'">修改手机号</p>
+        </template>
+      </van-field>
+      <van-field value="123456" label="密码" placeholder="请输入密码" required :rules="[{ required:true }]"/>
+      <van-field value="张三" label="姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/>
+      <van-field value="230381199705255176" label="身份证号" placeholder="请输入身份证号" required :rules="[{ required:true }]"/>
+      <van-field value="山东威海" label="联系地址" placeholder="请输入联系地址" />
+      <van-field name="uploader" label="上传相关附件">
+        <template #input>
+          <van-uploader :after-read="afterRead" v-model="fileList" multiple  />
+        </template>
+      </van-field>
+      <div class="submit">
+        <van-button round block type="info" color="#007E72" native-type="submit">保存</van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+      height:0,
+      tel:'',
+      fileList:[]
+    };
+  },
+  created() {
+    this.height = document.body.clientHeight
+  },
+  methods: {
+    afterRead(file) {
+      // 此时可以自行将文件上传至服务器
+      console.log(this.fileList)
+      console.log(file);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  background-color: #FFF;
+}
+.submit{
+  position: absolute;
+  bottom: 5%;
+  width: 90%;
+  left: 5%;
+  p{
+    text-align: center;
+    margin-bottom: 0.2rem;
+    span{
+      color: #007E72;
+    }
+  }
+}
+</style>

src/views/user/index.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="app-container" >
+    <div class="header">
+      <van-row style="width: 80%; margin: 0 auto">
+        <van-col span="7">
+          <van-image
+            round
+            width="2rem"
+            height="2rem"
+            src="https://img01.yzcdn.cn/vant/cat.jpeg"
+            style="border: 2px solid #FFF"
+          />
+        </van-col>
+        <van-col span="17">
+          <p>13306310001</p>
+          <p onclick="window.location='accountSetting'">账户设置</p>
+        </van-col>
+      </van-row>
+    </div>
+    <div style="width: 96%;transform: translateY(-30%);margin: 0 auto;border-radius: 0.4rem;overflow: hidden;">
+      <van-cell title="我的竞价" is-link icon="bar-chart-o" url="/vant/mobile.html" />
+      <van-cell title="我的咨询" is-link icon="service-o" to="index" />
+      <van-cell title="我的供求" is-link icon="bag-o" to="index" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "notice",
+  data() {
+    return {
+    };
+  },
+  created() {
+  },
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+
+}
+  .header{
+    background-color: #007E72;
+    padding: 1rem 0rem 1.5rem;
+    width: 100%;
+    p{
+      color: #FFF;
+      font-size: 0.4rem;
+      margin-top: 0.2rem;
+    }
+    p:nth-child(2){
+      background-color: #03655C;
+      width: 40%;
+      text-align: center;
+      padding: 10px;
+      border-radius: 0.5rem;
+      margin-top: 0.2rem;
+      font-size: 0.2rem;
+    }
+  }
+  .van-icon{
+    color: #007E72;
+  }
+</style>