BookMarkVue/src/views/Main.vue

（开头部分） 3KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <el-row>
    <el-col :span="3">
      <el-input v-model="query.Search" class="w-50 m-2 select" placeholder="书签名">
        <template #prefix>
          <el-icon class="el-input__icon"><search /></el-icon>
        </template>
      </el-input>
    </el-col>
   <el-col :span="3" :offset="1">
       <el-select 
          v-model="Classid" 
          placeholder="筛选你的书签"
          @change="ChangeClass"
          class="select"
          >
            <el-option label="全部" :value="0"></el-option>
            <el-option
              v-for="item in BookClass?.data"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            />
          </el-select>
      </el-col>
      <el-col :span="3" :offset="14">
         <el-tag
      class="mx-1"
      size="large"
    >
      数量:{{BookCount}}
    </el-tag>
      </el-col>
  </el-row>
  <el-row :gutter="12">
    <el-col
      :span="6"
      style="margin-top: 10px"
      v-for="(item, index) in Book?.data"
      key="index"
      class="animate__animated h"
    >
      <MainCard :Book="item" />
    </el-col>
  </el-row>
  <div class="fenye">
    <!-- 分页 -->
    <el-pagination
      @size-change="handlePageSizeChange"
      @current-change="handleCurrentPageChange"
      :current-page="query.Page"
      :page-size="query.PageSize"
      background
      layout="prev, pager, next, jumper"
      :total="totalCount"
    >
    </el-pagination>
  </div>
</template>
<script lang="ts" setup>
后面还有 90 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。