perf: 优化页面样式

src/views/components/button/index.vue

@@ -11,7 +11,7 @@ const url = ref(`${VITE_PUBLIC_PATH}html/button.html`);
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">通过iframe引入按钮页面</span>

src/views/components/contextmenu/index.vue

@@ -10,7 +10,7 @@ defineOptions({
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">右键菜单组件</span>

src/views/components/count-to/index.vue

@@ -7,7 +7,7 @@ defineOptions({
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">数字动画组件</span>

src/views/components/cropping/index.vue

@@ -26,7 +26,7 @@ const onCropper = (): void => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">图片裁剪组件</span>

src/views/components/danmaku/index.vue

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

src/views/components/draggable/index.vue

@@ -56,7 +56,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">
@@ -76,7 +76,7 @@ onMounted(() => {
       <!-- grid列表拖拽 -->
       <el-row :gutter="25">
         <el-col :xs="25" :sm="8" :md="8" :lg="8">
-          <el-card>
+          <el-card shadow="never">
             <template #header>
               <div class="card-header">
                 <span>grid列表拖拽</span>
@@ -100,7 +100,7 @@ onMounted(() => {
         </el-col>
 
         <el-col :xs="25" :sm="8" :md="8" :lg="8">
-          <el-card>
+          <el-card shadow="never">
             <template #header>
               <div class="card-header">
                 <span>单列拖拽</span>
@@ -123,7 +123,7 @@ onMounted(() => {
         </el-col>
 
         <el-col :xs="25" :sm="8" :md="8" :lg="8">
-          <el-card>
+          <el-card shadow="never">
             <template #header>
               <div class="card-header">
                 <span>拖拽实现元素位置交换</span>

src/views/components/json-editor/index.vue

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

src/views/components/message/index.vue

@@ -11,7 +11,7 @@ defineOptions({
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium"> Message提示 </span>

src/views/components/seamless-scroll/index.vue

@@ -50,7 +50,7 @@ function changeDirection(val) {
 
 <template>
   <el-space wrap>
-    <el-card class="box-card">
+    <el-card class="box-card" shadow="never">
       <template #header>
         <div class="card-header">
           <span>无缝滚动示例</span>

src/views/components/selector/index.vue

@@ -27,7 +27,12 @@ const selectedVal = ({ left, right }): void => {
 
 <template>
   <div>
-    <el-card class="box-card" v-for="(item, key) in dataLists" :key="key">
+    <el-card
+      class="box-card"
+      v-for="(item, key) in dataLists"
+      :key="key"
+      shadow="never"
+    >
       <template #header>
         <div class="card-header">
           <span>{{ item.title }}</span>

src/views/components/split-pane/index.vue

@@ -20,7 +20,7 @@ const settingTB: ContextProps = reactive({
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium">切割面板组件</span>

src/views/components/typeit/index.vue

@@ -7,7 +7,7 @@ defineOptions({
 </script>
 
 <template>
-  <el-card>
+  <el-card shadow="never">
     <template #header>
       <div class="card-header">
         <span class="font-medium"> 打字机组件 </span>

src/views/components/video/index.vue

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