[style](block-radius): 代码格式化

按照代码规范格式化代码

src/components/general/block-radius.vue

-
-
 <template>
   <div class="block_radius">
     <div class="right_cont">
       <div v-if="show_header" class="block_header">
         <div class="icon_box">
-          <bg-icon style="font-size: 14px; color: #fff;" :icon="bgIcon"></bg-icon>
+          <bg-icon style="font-size: 14px; color: #fff" :icon="bgIcon"></bg-icon>
         </div>
         <div class="top_title">{{ title }}</div>
         <div v-if="selectArr.length > 0">
-          <el-select
-            @change="selectChange"
-            v-model="currentSelectValue"
-            placeholder="请选择"
-          >
-            <el-option
-              v-for="item in selectArr"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
+          <el-select @change="selectChange" v-model="currentSelectValue" placeholder="请选择">
+            <el-option v-for="item in selectArr" :key="item.value" :label="item.label" :value="item.value"> </el-option>
           </el-select>
         </div>
         <div v-if="buttons_arr" class="block_header_button_group">
@@ -29,8 +17,7 @@
             :key="index"
             class="block_header_button"
             :class="active_button == index ? 'active' : ''"
-            @click="changeButton(index)"
-          >
+            @click="changeButton(index)">
             {{ item }}
           </div>
         </div>
@@ -42,10 +29,8 @@
   </div>
 </template>
 
-
-
 <script setup>
-import { reactive, toRefs, onBeforeMount } from 'vue'
+import { reactive, toRefs, onBeforeMount } from "vue";
 
 const props = defineProps({
   show_header: {
@@ -53,8 +38,8 @@ const props = defineProps({
     default: false,
   },
   selectValue: {
-    type: [String,Number],
-    default: ""
+    type: [String, Number],
+    default: "",
   },
   selectArr: {
     type: Array,
@@ -70,7 +55,7 @@ const props = defineProps({
   },
   bgIcon: {
     type: String,
-    default: ""
+    default: "",
   },
   title: {
     type: String,
@@ -78,42 +63,39 @@ const props = defineProps({
   },
   background_color: {
     type: String,
-    default: "#fff"
+    default: "#fff",
   }, // header条背景色
   showLeft: {
     type: Boolean,
-    default: true
+    default: true,
   },
   noPadding: {
     type: Boolean,
-    default: false
+    default: false,
   },
-})
+});
 
-const emit = defineEmits(['selectChange','changeButton'])
+const emit = defineEmits(["selectChange", "changeButton"]);
 const state = reactive({
   currentSelectValue: null,
-  active_button: 0
-})
+  active_button: 0,
+});
 
 const selectChange = (val) => {
   state.currentSelectValue = val;
-  emit('selectChange', val);
-}
+  emit("selectChange", val);
+};
 const changeButton = (index) => {
   if (state.active_button != index) {
     state.active_button = index;
     emit("changeButton", index);
   }
-}
+};
 onBeforeMount(() => {
-  state.currentSelectValue = props.selectValue
-})
+  state.currentSelectValue = props.selectValue;
+});
 
-const {
-  currentSelectValue,
-  active_button,
-} = toRefs(state)
+const { currentSelectValue, active_button } = toRefs(state);
 </script>
 
 <style scoped>