chore: 优化演示示例

src/views/components/contextmenu/basic.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>基本使用</h1>
+    <p class="mb-2">基本使用</p>
     <div v-contextmenu:contextmenu class="wrapper">
       <code>右键点击此区域</code>
     </div>

src/views/components/contextmenu/menuDynamic.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>动态菜单</h1>
+    <p class="mb-2">动态菜单</p>
     <div v-contextmenu:contextmenu class="wrapper">
       <code>右键点击此区域</code>
     </div>

src/views/components/contextmenu/menuGroup.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>按钮组</h1>
+    <p class="mb-2">按钮组</p>
     <div v-contextmenu:contextmenu class="wrapper">
       <code>右键点击此区域</code>
     </div>

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

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

src/views/components/selector/index.vue

@@ -30,13 +30,11 @@ const selectedVal = ({ left, right }): void => {
     <el-card
       v-for="(item, key) in dataLists"
       :key="key"
-      class="box-card"
+      class="mb-2"
       shadow="never"
     >
       <template #header>
-        <div class="card-header">
-          <span>{{ item.title }}</span>
-        </div>
+        <span class="font-medium">{{ item.title }}</span>
       </template>
       <Selector
         :HsKey="key"
@@ -48,9 +46,3 @@ const selectedVal = ({ left, right }): void => {
     </el-card>
   </div>
 </template>
-
-<style scoped>
-.el-card {
-  margin-bottom: 10px;
-}
-</style>