上一页

src/views/discuss/DiscussPage.vue

@@ -11,23 +11,16 @@
         <div style="margin-left: 6px; margin-right: 6px">/</div>
         <div style="font-weight: 700; font-size: 16px">讨论详情</div>
       </div>
-      <!--
-      <div class="prevnext">
-        <div class="prev">
-          <img
-            style="width: 23px; height: 23px"
-            src="../../assets/image/prev.png"
-          />
-          <div style="margin-left: 7px">上一个</div>
-        </div>
-        <div class="prev" style="margin-left: 31px">
-          <div style="margin-right: 7px">下一个</div>
-          <img
-            style="width: 23px; height: 23px"
-            src="../../assets/image/next.png"
-          />
-        </div>
-      </div>-->
+      <div class="preNext">
+		   <span @click="prevPage" v-if="hasPrev">
+          <button class="btn btn01"></button>
+          <span class="content" style="margin-left: 6px">上一个</span>
+       </span>
+        <span @click="nextPage" v-if="hasNext">
+          <span class="content" style="margin-left: 31px">下一个</span>
+          <button class="btn btn02" style="margin-left: 6px"></button>
+        </span>
+      </div>
       <div class="return">
 				<div style="display: flex" @click="returnclick">
           <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
@@ -167,6 +160,7 @@ import { useRoute, useRouter } from "vue-router";
 import store from "@/store";
 import { ElMessage } from "element-plus";
 import { fileUp } from "../../api/request";
+import {useTaskPage} from "@/api/useCommon";
 
 const userInfo = computed(() => store.state.userInfo);
 const router = useRouter();
@@ -176,7 +170,7 @@ const returnclick = () => {
 const {
   query: { id, type, pName, sName },
 } = useRoute();
-
+const {nextPage,prevPage,hasPrev, hasNext} = useTaskPage()
 const dialogVisible = ref(false);
 
 const titleName = ref("");