手机端页面问题修改

src/views/supply/supplyDetail.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="供求详情"
+      left-arrow
+      fixed
+      placeholder
+      @click-left="onClickLeft"
+    />
+    <p class="title">{{supplyDetails.projectName}}成交公示</p>
+    <van-row>
+      <van-col>项目名称：{{supplyDetails.projectName}}</van-col>
+    </van-row>
+    <van-row>
+      <van-col>项目地址：{{supplyDetails.location}}</van-col>
+    </van-row>
+    <van-row>
+      <van-col>姓名：{{supplyDetails.rollout}}</van-col>
+    </van-row>
+    <van-row>
+      <van-col>联系电话：{{supplyDetails.dealType}}</van-col>
+    </van-row>
+    <van-row>
+      <van-col>项目详情：{{supplyDetails.dealTime}}</van-col>
+    </van-row>
+  </div>
+</template>
+
+<script>
+import { supplyDetails } from "@/api/supply/index";
+export default {
+  name: "noticeDetail",
+  data() {
+    return {
+      supplyDetails:''
+    };
+  },
+  created() {
+    this.getDetail();
+
+  },
+  methods: {
+    //成交公告集合
+    getDetail(){
+      console.log(this.$route.query.id)
+      supplyDetails(this.$route.query.id).then(response => {
+        console.log(response)
+
+      });
+    },
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0.5rem 5%;
+}
+.title{
+  font-size: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.van-row{
+  margin-bottom: 0.4rem;
+}
+.van-col{
+  font-size: 0.4rem;
+  color: #666666;
+}
+</style>

src/views/user/bidding/index.vue

@@ -14,12 +14,10 @@
       @load="getList"
       class="biddingList"
     >
-      <van-cell v-for="(item , index) in biddinglist" :key="index">
-
+      <van-cell v-for="(item , index) in biddinglist" :key="index" :to="{name:'projectDetail', query: {id:item.id}}">
         <van-row>
           <van-col span="24" style="font-size: 0.4rem;margin-bottom: 0.1rem;">{{item.projectName}}</van-col>
         </van-row>
-
         <van-row>
           <van-col span="24">
             <van-row class="row">
@@ -36,7 +34,6 @@
             </van-row>
           </van-col>
         </van-row>
-
       </van-cell>
     </van-list>
   </div>