2024.3.27

src/App.vue

@@ -1,15 +1,31 @@
 <script setup>
-import { ref } from 'vue';
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import { ref } from "vue";
+import zhCn from "element-plus/dist/locale/zh-cn.mjs";
 // import HelloWorld from './components/HelloWorld.vue';
 
-const zIndex = ref(3000)
-const local = ref(zhCn)
-
+const zIndex = ref(3000);
+const local = ref(zhCn);
 </script>
 
 <template>
   <ElConfigProvider :z-index="zIndex" :locale="local">
     <router-view></router-view>
   </ElConfigProvider>
-</template>
+</template>
+
+<style lang="scss">
+.dialog-primary {
+  .el-dialog {
+    --el-dialog-border-radius: 12px;
+    overflow: hidden;
+  }
+  .el-dialog__body {
+    background-color: #f9f9f9 !important;
+  }
+  .el-dialog__header {
+    padding-bottom: 0;
+    margin-right: 0;
+    padding: 0;
+  }
+}
+</style>

src/api/user.js

@@ -12,6 +12,13 @@ export const login = data => request({
   url: 'login'
 })
 
+//更新用户信息
+export const updata = params => request({
+  params,
+  method: 'PUT',
+  url: 'user'
+})
+
 export const mobileLogin = data => request({
   data,
   method: 'POST',

src/api/vip.js

@@ -9,14 +9,14 @@ export const product = () => request({
     url: 'vip/product'
 })
 
-export const info = params => request({
-    params,
+export const info = data => request({
+    data,
     method: 'GET',
-    url: `vip/product/${params.id}`
+    url: `vip/product/${data.id}`
 })
 
-export const buy = data => request({
-    data,
+export const buy = params => request({
+    params,
     method: 'post',
     url: `vip/order`
 })

src/components/ActivateMembership/index.vue

@@ -1,33 +1,33 @@
 <script setup name="ActivateMembership">
-import { ref, onMounted} from "vue";
+import { ref, onMounted } from "vue";
 import { Close } from "@element-plus/icons-vue";
 import SvgIcon from "~/components/SvgIcon/index.vue";
 import * as vipApi from "~/api/vip";
 
+const id = ref("");
+
 //列表
 let vipList = ref([]);
 const product = async () => {
   try {
     const { data } = await vipApi.product({});
     vipList.value = data;
-    id.value = data.coupon_id;
-    infa(id);
+    id.value = data[0].id;
+    infa(id.value, 0);
   } catch (error) {}
 };
 onMounted(product);
 
 //列表交换
-const conten = ref ()
-conten.value = 0
-//详情
-const id = ref("");
+const conten = ref(0);
+// 详情
 const info = ref([{}]);
-const infa = async (id,idx) => {
-  conten.value = idx
-  id.value = id;
+const infa = async (coupon_id, idx) => {
+  conten.value = idx;
+  id.value = coupon_id;
   try {
     const { data } = await vipApi.info({
-      id: 1,
+      id: id.value,
     });
     info.value = data;
   } catch (error) {}
@@ -38,15 +38,25 @@ const pay = (idx) => {
   index.value = idx;
 };
 const visiblePay = ref(false);
+
 //支付
-const topay = async () => {
+const topay = () => {
   visiblePay.value = true;
+  paysuccess();
+};
+//支付接口
+const paysuccess = async () => {
   try {
-    const { data } = await vipApi.product({
+    const { data } = await vipApi.buy({
       vip_id: id.value,
-      pay_type: index.value,
+      // pay_type: index.value,
+      pay_type: "integral",
       platform: "pc",
     });
+    ElMessage.success({
+      message: "开通成功",
+      type: "success",
+    });
   } catch (error) {}
 };
 
@@ -112,9 +122,9 @@ const prop = defineProps({
             <div
               v-for="(item, idx) in vipList"
               :key="idx"
-              class="item  flex-col flex-aic flex-jc-sb"
-              :class="conten==idx?'active':''"
-              @click="infa(item.coupon_id,idx)"
+              class="item flex-col flex-aic flex-jc-sb"
+              :class="conten == idx ? 'active' : ''"
+              @click="infa(item.id, idx)"
             >
               <div class="item__title">{{ item.name }}</div>
               <div class="item__money">
@@ -152,7 +162,11 @@ const prop = defineProps({
       </div>
     </el-dialog>
     <!-- Pay dialog -->
-    <el-dialog v-model="visiblePay" :title="index=='alipay'?'支付宝支付':'微信支付'" width="20%">
+    <el-dialog
+      v-model="visiblePay"
+      :title="index == 'alipay' ? '支付宝支付' : '微信支付'"
+      width="400px"
+    >
       <div class="paybox flex-col flex-aic">
         <div class="paybox__title">
           支付金额 <span>￥</span><span>{{ info.price }}</span>
@@ -164,8 +178,8 @@ const prop = defineProps({
         <div class="paybox__foot flex-row flex-aic">
           <SvgIcon name="scan" :size="30" color="rgba(152, 152, 152, 1)" />
           <div class="flex-col">
-            <span v-if="index=='wechat'">打开手机微信</span>
-            <span v-if="index=='alipay'">打开手机支付宝</span>
+            <span v-if="index == 'wechat'">打开手机微信</span>
+            <span v-if="index == 'alipay'">打开手机支付宝</span>
             <span>扫一扫二维码</span>
           </div>
         </div>
@@ -203,13 +217,11 @@ const prop = defineProps({
     :deep(.el-dialog__body) {
       background-color: #f9f9f9 !important;
     }
-    :deep(.el-dialog__header) {
-      // margin: 0 !important;
-      // padding: 0 !important;
-      padding-bottom: 0;
-      margin-right: 0;
-      padding: 0;
-    }
+    // :deep(.el-dialog__header) {
+    //   padding-bottom: 0;
+    //   margin-right: 0;
+    //   padding: 0;
+    // }
   }
 
   .headerbox {

src/components/ErrorReport/index.vue

@@ -8,7 +8,7 @@ import { getSourcesSuffix } from '~/utils/util';
 const Props = defineProps({
   visibility: {
     type: Boolean,
-    default: true
+    default: false
   }
 })
 

src/components/layouts/Footer.vue

@@ -29,14 +29,18 @@ const vals = ref([
   },
 ]);
 
-const toagument = (type) => {
-  router.push({
-    name: "Arguments",
-    query: {
-      type: type,
-    },
-  });
-};
+// const toagument = (type) => {
+//   router.push({
+//     name: "Arguments",
+//     query: {
+//       type: type,
+//     },
+//   });
+// };
+const emit = defineEmits(['upture'])
+const upture = ()=>{
+  emit('agument')
+}
 </script>
 
 <template>
@@ -65,8 +69,8 @@ const toagument = (type) => {
     <div class="footer flex-row flex-jc-sb">
       <div class="navigation">
         <ul class="flex-row flex-aic">
-          <li>
-            <a > 错误反馈 </a>
+          <li >
+            <a href="javascript:;" @click="upture" > 错误反馈 </a>
           </li>
           <li>
             <a href="#/argument?type=user" > 用户协议 </a>

src/components/layouts/Header.vue

@@ -26,6 +26,7 @@ const __task__ = async () => {
 onMounted(__task__);
 
 const User = useUser();
+console.log("user", User.name);
 let wid = User.already_upgrade_rate * 100;
 
 const keyword = ref(""); // Search keyword
@@ -43,7 +44,6 @@ const __level__ = async () => {
 onMounted(__level__);
 //领取奖励
 const toget = (id, type) => {
-  console.log(1111111);
   __leve__(id, type);
 };
 //领取等级奖励接口
@@ -53,6 +53,11 @@ const __leve__ = async (id) => {
       id: id,
       address_id: "",
     });
+    __level__();
+    ElMessage.success({
+      message: "领取成功",
+      type: "success",
+    });
   } catch (error) {}
 };
 
@@ -178,7 +183,9 @@ const attention = (idx) => {
               </div>
               <div class="vip-card__footer flex-row flex-jc-sb">
                 <template v-if="User.is_vip">
-                  <span>会员有效期至{{ User.vip_expired_at }}</span>
+                  <span style="width: 170px"
+                    >会员有效期至{{ User.vip_expired_at }}</span
+                  >
                   <span @click="member">立即续费</span>
                 </template>
                 <template v-else>
@@ -204,7 +211,7 @@ const attention = (idx) => {
                 <el-button
                   type="primary"
                   v-if="item.is_received == 0 && item.is_qualified == 1"
-                  @click="toget(item.prize_id, item.prize_type)"
+                  @click="toget(item.id, item.prize_type)"
                   >领取</el-button
                 >
                 <el-button link disabled v-if="item.is_qualified == 0"

src/views/index/components/Calendar.vue

@@ -27,12 +27,18 @@ let signinList = ref([]);
 const __news__ = async () => {
   try {
     const { data } = await qianApi.sig({
-      date:Date
+      date: Date,
     });
-    signinList.value = data.days;
+    var list = [];
+    data.days.forEach((item) => {
+      if (item.is_sign == 1) {
+        list.push(item.date);
+      }
+    });
+    signinList.value = list;
   } catch (error) {}
 };
-onMounted(__news__)
+onMounted(__news__);
 
 const isSignin = computed(() => (day) => signinList.value.includes(day));
 
@@ -50,26 +56,27 @@ const showMonth = computed(() => (date, type) => {
 // NOTE: 判断是今天并且签到
 const currentDate = dayjs().format("YYYY-MM-DD");
 const isTodaySignin = computed(() => (day) => {
-  return currentDate === day && signinList.value.includes(day.is_sign);
+  console.log('adwswwaaw',day,currentDate);
+  return currentDate === day && signinList.value.includes(day);
 });
 
+
+
 const handleJumpToMonth = (type) => {
   calendarRef.value?.selectDate(type);
 };
 
 //签到
-// 获取咨询列表
 // let newsList = ref([]);
-const sign = async (type) => {
-  if (type) {
+const dialogVisible = ref(false);
+const sign = async () => {
+  if (signinList.value.includes(currentDate)) {
     ElMessage("您已签到");
   } else {
     try {
       const { data } = await qianApi.sign({});
-      ElMessage.success({
-        message: "签到成功",
-        type: "success",
-      });
+      dialogVisible.value = true;
+      __news__();
     } catch (error) {}
   }
 };
@@ -101,7 +108,7 @@ const sign = async (type) => {
               </el-icon>
             </li>
           </ul>
-          <div class="hbottom">已连续签到55天</div>
+          <div class="hbottom">已连续签到{{signinList.length}}天</div>
         </div>
       </template>
 
@@ -149,7 +156,7 @@ const sign = async (type) => {
 
     <div class="signin">
       <el-button
-        @click="sign(currentDate)"
+        @click="sign()"
         type="primary"
         :icon="EditPen"
         :disabled="isSignin(currentDate)"
@@ -158,10 +165,63 @@ const sign = async (type) => {
       </el-button>
     </div>
   </div>
+  <!-- 签到成功 -->
+  <el-dialog
+    v-model="dialogVisible"
+    width="300px"
+    style="border-radius: 12px; box-sizing: border-box; padding: 0"
+    :show-close="false"
+  >
+    <div style="display: flex; flex-direction: column; align-items: center">
+      <img
+        src="../../../assets/success.png"
+        style="width: 224px; height: 200px"
+        alt=""
+      />
+      <div class="success">签到成功</div>
+      <div class="ji">获得10积分</div>
+      <div class="btn" @click="dialogVisible = false">确定</div>
+    </div>
+  </el-dialog>
 </template>
 
 <style lang="scss" scoped>
 @import "~/styles/variable.scss";
+.ji {
+  font-family: SFPro, SFPro;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(34, 34, 34, 0.8);
+  line-height: 16px;
+  text-align: left;
+  font-style: normal;
+  margin-top: 12px;
+}
+.btn {
+  width: 120px;
+  height: 40px;
+  background: #00b0b0;
+  border-radius: 4px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 16px;
+  color: #ffffff;
+  line-height: 40px;
+  letter-spacing: 1px;
+  text-align: center;
+  font-style: normal;
+  margin-top: 30px;
+  cursor: pointer;
+}
+.success {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 600;
+  font-size: 18px;
+  color: #222222;
+  line-height: 25px;
+  text-align: left;
+  font-style: normal;
+}
 
 .calendar-container {
   width: 100%;
@@ -273,9 +333,6 @@ const sign = async (type) => {
         border: 3px solid rgba(112, 222, 222, 1);
       }
     }
-
-    .date {
-    }
   }
 
   .signin {
@@ -301,4 +358,7 @@ const sign = async (type) => {
     // }
   }
 }
+::v-deep .el-dialog__header {
+  padding: 0 !important;
+}
 </style>

src/views/index/components/SigninPrize.vue

@@ -20,7 +20,7 @@ onMounted(__prizeList__);
 //领取
 const get = async (id) => {
   try {
-    const { data } = await qianApi.prize({
+    const { data } = await qianApi.receive({
       id: id,
       address_id: "",
     });
@@ -61,7 +61,7 @@ const get = async (id) => {
           已领取
         </el-button>
         <el-button
-          @click="get(item.prize_id)"
+          @click="get(item.id)"
           v-else-if="item.can_receive === 1 && item.is_receive == 0"
           type="primary"
         >

src/views/index/content.vue

@@ -19,6 +19,12 @@ import * as videoApi from "~/api/video";
 import * as topicApi from "~/api/topic";
 import * as userApi from "~/api/user";
 
+const tan = ref(false);
+//错误反馈弹窗
+const agument = () => {
+  tan.value = true;
+};
+
 const User = useUser();
 
 const RankTitleEnum = {
@@ -256,7 +262,7 @@ const topicinfo = (id) => {
     <!-- 排行榜只有登录才有 -->
     <template v-if="User.token">
       <IndexTitle title="排行榜" />
-      <div class="sortlist-container flex-row ">
+      <div class="sortlist-container flex-row">
         <TheCharts
           :list="integralList"
           type="score"
@@ -281,7 +287,7 @@ const topicinfo = (id) => {
       </div>
     </template>
 
-    <YXFooter />
+    <YXFooter @agument="agument" />
 
     <el-dialog
       v-model="dialogUserRank.visibility"
@@ -297,7 +303,7 @@ const topicinfo = (id) => {
       </div>
     </el-dialog>
 
-    <ErrorReport />
+    <ErrorReport :visibility="tan"/>
   </div>
 </template>
 
@@ -335,7 +341,7 @@ const topicinfo = (id) => {
     height: 142px;
     overflow: hidden;
 
-    .tagbox {  
+    .tagbox {
       width: 270px;
       height: 56px;
       text-align: center;

src/views/personal/components/ExperienceCard.vue

@@ -3,19 +3,18 @@ import { useUser } from "~/store/user.js";
 import Level from "~/components/Level/index.vue";
 import { ref, onMounted } from "vue";
 import * as taskApi from "~/api/task";
-import { useOpenMember, useRenewMember } from "~/useHook/useMember";
+// import { useOpenMember, useRenewMember } from "~/useHook/useMember";
 const User = useUser();
-
+console.log("yusrgdfij", User.already_upgrade_rate);
 // 会员续费/开通会员
+let isVip = User.is_vip;
+//支付交换
+let pan = ref(false);
+//开通会员
 const handleAboutMember = () => {
-  let isVip = User.is_vip;
-  if (isVip) {
-    // 续费
-    const {} = useRenewMemberw();
-  } else {
-    const {} = useOpenMember();
-  }
+  pan.value = true;
 };
+
 //任务列表
 let taskList = ref([]);
 const __task__ = async () => {
@@ -42,7 +41,7 @@ onMounted(__task__);
           <el-dropdown-menu>
             <!-- 点赞 -->
             <div v-for="(item, idx) in taskList" :key="idx">
-              <el-dropdown-item >
+              <el-dropdown-item>
                 <div
                   style="
                     width: 238px;
@@ -101,7 +100,7 @@ onMounted(__task__);
         <div class="uc__grade__show-bar">
           <div
             class="sb-inside"
-            :style="`width: ${User.already_upgrade_rate * 100}%;`"
+            :style="`width: ${User.already_upgrade_rate}%;`"
           ></div>
         </div>
         <div class="uc__grade_txt flex-row flex-jc-sb">
@@ -119,6 +118,7 @@ onMounted(__task__);
       <el-button>编辑信息</el-button>
     </div>
   </div>
+  <ActivateMembership :visiblePay="pan" />
 </template>
 
 <style lang="scss" scoped>

src/views/personal/components/sett.vue

@@ -42,7 +42,7 @@
         <div>
           <div>
             <el-input
-              v-model="input"
+              v-model="username"
               style="width: 422px; height: 44px"
               placeholder=""
             />
@@ -56,7 +56,7 @@
         <div class="title">个人简介</div>
         <div>
           <el-input
-            v-model="input"
+            v-model="introduction"
             style="width: 422px; height: 160px"
             placeholder="请介绍一下自己吧"
           />
@@ -70,7 +70,7 @@
         <div class="title">预留字段1</div>
         <div>
           <el-input
-            v-model="input"
+            v-model="column_1"
             style="width: 422px; height: 44px"
             placeholder=""
           />
@@ -78,7 +78,7 @@
       </div>
       <div style="display: flex">
         <div class="title"></div>
-        <div class="buttona">保存</div>
+        <div class="buttona" @click="save">保存</div>
       </div>
     </div>
     <div v-if="subNavCurrent == 'invite'"></div>
@@ -105,6 +105,58 @@
     </div>
     <div v-if="subNavCurrent == 'xiaoxi'"></div>
   </div>
+  <el-dialog
+    v-model="dialogVisible"
+    width="260px"
+    :before-close="handleClose"
+    :show-close="false"
+    style="border-radius: 6px"
+  >
+    <div
+      style="
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        margin-top: -20px;
+      "
+    >
+      <img
+        src="../../../assets/perfect.png"
+        style="width: 120px; height: 115px"
+        alt=""
+      />
+      <div class="titletop">恭喜您完善信息成功</div>
+      <div class="ji">获得积分+2</div>
+      <div class="btn" style="" @click="enter()">确定</div>
+    </div>
+  </el-dialog>
+  <el-dialog
+    title="更改手机号"
+    v-model="dialog"
+    width="406px"
+    :before-close="handleClose"
+    style="border-radius: 8px; border: 1px solid #979797"
+  >
+    <div>
+      <div style="margin-top: -20px">
+        <el-input
+          v-model="input"
+          style="width: 358px; height: 46px"
+          placeholder="请输入手机号"
+        ></el-input>
+      </div>
+      <div style="margin-top: 20px;position: relative;">
+        <el-input
+          v-model="input"
+          style="width: 358px; height: 46px"
+          placeholder="请输入验证码"
+        ></el-input>
+        <div style="position: absolute;cursor: pointer; right: 30px;top: 15px;" class="code">获取验证码</div>
+      </div>
+      <div class="change" style="margin-top: 24px">确定更改</div>
+    </div>
+  </el-dialog>
 </template>
       
 <script setup>
@@ -113,10 +165,40 @@ import { USER_INFO } from "~/utils/constance";
 import debounce from "loadsh/debounce";
 import * as userApi from "~/api/user";
 import { ElMessage, ElMessageBox } from "element-plus";
+import { useUser } from "~/store/user";
+const User = useUser();
+
+const username = User.username;
+const introduction = User.introduction;
+const backgroud_image = User.backgroud_image;
+const avatar = User.avatar;
+const column_1 = ref();
+
+const enter = () => {
+  dialogVisible.value = false;
+};
 
 const subNavCurrent = ref("user");
-// 积分钱包
+// 个人设置
 const discountList = USER_INFO;
+//保存
+//模态框控件
+const dialogVisible = ref(false);
+const save = async () => {
+  try {
+    const { data } = await userApi.updata({
+      username: username.value,
+      avatar: avatar.value,
+      introduction: introduction.value,
+      backgroud_image: backgroud_image.value,
+      column_1: column_1.value,
+    });
+    useUser();
+    dialogVisible.value = false;
+  } catch (error) {}
+};
+//账号安全
+const dialog = ref(true);
 
 //防抖
 const handleSwitchSubNav = debounce((type) => {
@@ -125,8 +207,67 @@ const handleSwitchSubNav = debounce((type) => {
 }, 160);
 </script>
       
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
 @import "~/styles/variable.scss";
+// 账号安全
+.code {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #00b0b0;
+  line-height: 20px;
+  text-align: center;
+  font-style: normal;
+}
+.change {
+  width: 102px;
+  height: 40px;
+  background: #00b0b0;
+  border-radius: 4px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  color: #ffffff;
+  line-height: 40px;
+  text-align: center;
+  font-style: normal;
+}
+
+.ji {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 16px;
+  color: rgba(102, 102, 102, 1);
+  line-height: 30px;
+  text-align: right;
+  font-style: normal;
+  margin-top: 4px;
+}
+.btn {
+  width: 118px;
+  height: 40px;
+  background: #00b0b0;
+  border-radius: 4px;
+  line-height: 40px;
+  text-align: center;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16px;
+  color: #ffffff;
+  font-style: normal;
+  margin-top: 14px;
+  cursor: pointer;
+}
+.titletop {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 600;
+  font-size: 16px;
+  color: #222222;
+  line-height: 30px;
+  text-align: right;
+  font-style: normal;
+  margin-top: 14px;
+}
 .phone {
   width: 70px;
   font-family: PingFangSC, PingFang SC;

src/views/personal/index.vue

@@ -25,6 +25,20 @@ const attention = () => {
   dialogVisible.value = true;
 };
 
+//关注
+const atten = async (id) => {
+  try {
+    const { data } = await follow.userfollow({
+      id: id,
+    });
+    if (inde.value == 0) {
+      __articles__();
+    } else {
+      __fans__();
+    }
+  } catch (error) {}
+};
+
 const inde = ref(0);
 //关注列表
 const guan = (id) => {
@@ -35,16 +49,17 @@ const guan = (id) => {
     __fans__();
   }
 };
-
+//关注列表
 const fllowlist = ref([]);
 const __fans__ = async () => {
   try {
-    const { data } = await follow.follow({
+    const { data } = await follow.fans({
       is_page: 0,
     });
     fllowlist.value = data.list;
   } catch (error) {}
 };
+//粉丝列表
 const __articles__ = async () => {
   try {
     const { data } = await follow.follow({
@@ -285,22 +300,48 @@ const handleRefreshListData = () => {
           被关注
         </div>
       </div>
-      <div class="boxa">
-        <div style="display: flex">
-          <img
-            src="../../assets/logo.png"
-            style="width: 46px; height: 46px; border-radius: 50%"
-            alt=""
-          />
-          <div style="margin-left: 12px">
-            <div class="name">这样重这样轻</div>
-            <div class="info">做电台节目的</div>
+      <div v-if="fllowlist.length > 0">
+        <div class="boxa" v-for="(item, idx) in fllowlist" :key="idx">
+          <div style="display: flex">
+            <img
+              :src="item.acatar"
+              style="width: 46px; height: 46px; border-radius: 50%"
+              alt=""
+            />
+            <div style="margin-left: 12px">
+              <div class="name">{{ item.username }}</div>
+              <div class="info">{{ item.introduction || "" }}</div>
+            </div>
+          </div>
+          <div>
+            <div
+              class="attention"
+              @click="atten(item.id)"
+              v-if="item.is_follow == 0"
+            >
+              关注
+            </div>
+            <div
+              class="atten"
+              @click="atten(item.id)"
+              v-if="item.is_follow == 1"
+            >
+              已关注
+            </div>
           </div>
         </div>
-        <div>
-          <!-- <div class="attention">关注</div> -->
-          <div class="atten">已关注</div>
-        </div>
+      </div>
+      <div
+        v-else
+        style="
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          height: 450px;
+        "
+      >
+        <div>还没有内容</div>
       </div>
     </div>
   </el-dialog>
@@ -338,6 +379,7 @@ const handleRefreshListData = () => {
   line-height: 38px;
   text-align: center;
   font-style: normal;
+  cursor: pointer;
 }
 .attention {
   background: #00b0b0;
@@ -351,6 +393,7 @@ const handleRefreshListData = () => {
   line-height: 38px;
   text-align: center;
   font-style: normal;
+  cursor: pointer;
 }
 .name {
   font-family: PingFangSC, PingFang SC;

src/views/zixun/index.vue

@@ -48,10 +48,9 @@ const todetails = (id) => {
 };
 let page = ref(1);
 //分页器
-const handleSizeChange = (val) => {
+const handleCurrentChange = (val) => {
   console.log(val);
   page.value = val;
-  console.log("page", 111111);
   __new__();
 };
 
@@ -101,6 +100,7 @@ const zixunMore = (val) => {
         layout="prev, pager, next"
         :total="total"
         @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
       />
     </div>
     <YXFooter />