perf: 优化页面样式

src/views/able/barcode.vue

@@ -31,7 +31,7 @@ const barcodes = [
 
 <template>
   <div>
-    <el-card>
+    <el-card shadow="never">
       <template #header>
         <div class="font-medium">
           条形码（基于

src/views/able/cascader.vue

@@ -24,7 +24,7 @@ const handleChange = value => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header> 区域级联选择器 </template>
     <el-row :gutter="20">
       <el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24">

src/views/able/debounce.vue

@@ -17,7 +17,7 @@ const throttleClick = throttle(handle);
 
 <template>
   <div>
-    <el-card class="mb-5">
+    <el-card class="mb-5" shadow="never">
       <template #header>
         <div>防抖：debounce</div>
       </template>
@@ -32,7 +32,7 @@ const throttleClick = throttle(handle);
         连续点击我，只会执行最后一次点击事件，延后执行
       </el-button>
     </el-card>
-    <el-card>
+    <el-card shadow="never">
       <template #header>
         <div>节流：throttle</div>
       </template>

src/views/able/download.vue

@@ -26,7 +26,7 @@ function down() {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <span class="font-medium">文件下载功能</span>
     </template>

src/views/able/execl.vue

@@ -69,7 +69,7 @@ const exportExcel = () => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="font-medium">
         导出Execl（

src/views/able/icon-select.vue

@@ -10,7 +10,7 @@ const icon = ref("ep:add-location");
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">图标选择器</span>

src/views/able/infinite-scroll.vue

@@ -32,7 +32,7 @@ const load = () => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="font-medium">
         表格无限滚动（

src/views/able/line-tree.vue

@@ -22,7 +22,7 @@ const dataProps = {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">
@@ -33,7 +33,7 @@ const dataProps = {
 
     <el-row :gutter="24">
       <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="mb-[20px]">
-        <el-card>
+        <el-card shadow="never">
           <template #header>
             <div class="card-header">
               <span class="font-medium"> 普通树结构 </span>
@@ -62,7 +62,7 @@ const dataProps = {
       </el-col>
 
       <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-        <el-card>
+        <el-card shadow="never">
           <template #header>
             <div class="card-header">
               <span class="font-medium"> 虚拟树结构 </span>

src/views/able/menu-tree.vue

@@ -43,7 +43,7 @@ const filterMethod = (query: string, node: treeNode) => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">

src/views/able/pdf.vue

@@ -34,7 +34,7 @@ const onPrint = () => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="font-medium">
         PDF预览（

src/views/able/print.vue

@@ -77,7 +77,7 @@ const tableData: User[] = [
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">打印功能（报表、图表、图片）</span>

src/views/able/qrcode.vue

@@ -23,7 +23,7 @@ const disabledClick = () => {
 
 <template>
   <div>
-    <el-card>
+    <el-card shadow="never">
       <template #header>
         <div class="font-medium">
           二维码（基于

src/views/able/swiper.vue

@@ -84,7 +84,7 @@ const swiperExample: any[] = [
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="font-medium">
         Swiper插件（

src/views/able/timeline.vue

@@ -41,7 +41,7 @@ const activities = [
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">时间线</span>

src/views/able/virtual-list/index.vue

@@ -9,7 +9,7 @@ defineOptions({
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="font-medium">
         虚拟列表组件（

src/views/able/watermark.vue

@@ -32,7 +32,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">