perf: standard code format in the views folder

src/views/components/contextmenu/menuDynamic.vue

@@ -7,20 +7,21 @@
 
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-group title="操作">
-        <v-contextmenu-item :hide-on-click="false" @click="extra.push('item')"
-          >添加菜单</v-contextmenu-item
-        >
-        <v-contextmenu-item :hide-on-click="false" @click="extra.push('group')"
-          >添加菜单组</v-contextmenu-item
-        >
+        <v-contextmenu-item :hide-on-click="false" @click="extra.push('item')">
+          添加菜单
+        </v-contextmenu-item>
+        <v-contextmenu-item :hide-on-click="false" @click="extra.push('group')">
+          添加菜单组
+        </v-contextmenu-item>
         <v-contextmenu-item
           :hide-on-click="false"
           @click="extra.push('submenu')"
-          >添加子菜单</v-contextmenu-item
-        >
-        <v-contextmenu-item :hide-on-click="false" @click="extra.pop()"
-          >删除</v-contextmenu-item
         >
+          添加子菜单
+        </v-contextmenu-item>
+        <v-contextmenu-item :hide-on-click="false" @click="extra.pop()">
+          删除
+        </v-contextmenu-item>
       </v-contextmenu-group>
 
       <template v-for="(item, index) of extra" :key="index">

src/views/components/draggable/index.vue

@@ -51,15 +51,17 @@ onMounted(() => {
   <el-card>
     <template #header>
       <div class="card-header">
-        <span
-          >拖拽组件，采用开源的<el-link
+        <span>
+          拖拽组件，采用开源的
+          <el-link
             href="https://sortablejs.github.io/vue.draggable.next/#/simple"
             target="_blank"
             :icon="useRenderIcon('rank')"
             style="font-size: 16px; margin: 0 4px 5px"
-            >vuedraggable</el-link
-          ></span
-        >
+          >
+            vuedraggable
+          </el-link>
+        </span>
       </div>
     </template>
     <div class="drag-container">

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

@@ -56,8 +56,9 @@ function changeDirection(val) {
           <el-button class="button" type="text" @click="changeDirection('top')">
             <span
               :style="{ color: classOption.direction === 'top' ? 'red' : '' }"
-              >向上滚动</span
             >
+              向上滚动
+            </span>
           </el-button>
           <el-button
             class="button"
@@ -68,8 +69,9 @@ function changeDirection(val) {
               :style="{
                 color: classOption.direction === 'bottom' ? 'red' : ''
               }"
-              >向下滚动</span
             >
+              向下滚动
+            </span>
           </el-button>
           <el-button
             class="button"
@@ -78,8 +80,9 @@ function changeDirection(val) {
           >
             <span
               :style="{ color: classOption.direction === 'left' ? 'red' : '' }"
-              >向左滚动</span
             >
+              向左滚动
+            </span>
           </el-button>
           <el-button
             class="button"
@@ -88,8 +91,9 @@ function changeDirection(val) {
           >
             <span
               :style="{ color: classOption.direction === 'right' ? 'red' : '' }"
-              >向右滚动</span
             >
+              向右滚动
+            </span>
           </el-button>
         </div>
       </template>

src/views/components/video/index.vue

@@ -29,14 +29,16 @@ onMounted(() => {
   <el-card>
     <template #header>
       <div class="card-header">
-        <span class="font-medium"
-          >视频组件，采用开源的<el-link
+        <span class="font-medium">
+          视频组件，采用开源的
+          <el-link
             href="https://v2.h5player.bytedance.com"
             target="_blank"
             :icon="useRenderIcon('video-play')"
             style="font-size: 16px; margin: 0 4px 5px"
-            >西瓜播放器</el-link
-          ></span
+          >
+            西瓜播放器
+          </el-link></span
         >
       </div>
     </template>