优化代码

src/components/mineSubComponent/AnchorLibrary.vue

@@ -2,7 +2,7 @@
   <!-- 主播库 -->
   <div class="anchor-library">
     <el-splitter>
-      <el-splitter-panel size="70%">
+      <el-splitter-panel size="75%">
         <!-- 主播列表 -->
         <div class="demo-panel">
           <div
@@ -52,7 +52,7 @@
             <div class="add-anchor-library-content">
               <div class="input-name">
                 <!-- 主播名称 -->
-                <el-input v-model="refname" size="large" placeholder="请输入主播名称" />
+                <el-input v-model="anchorName" size="large" placeholder="请输入主播名称" />
               </div>
               <div class="country">
                 <!-- 国家 -->
@@ -97,16 +97,22 @@ import {
   onUnmounted, // 组件销毁前执行
 } from "vue";
 import { getCountryNamesArray } from "../../utils/countryUtil";
-const refname = ref("");
+
 const country = ref([]);
 country.value = getCountryNamesArray(); //国家条目
 const genderOptions = [
   { value: 1, label: "男" },
   { value: 2, label: "女" },
 ]; // 性别选项
+const gendervalue = ref(null); // 性别值
+const countryvalue = ref(null);//国家
+const anchorName = ref(null);// 主播名称
 const list = ref([{}, {}, {}, {}, {}, {}]);
 
-function load() {}
+function load() {
+
+}
+const refname = ref('');
 watch(refname, async (newQuestion, oldQuestion) => {
   // 变化后执行
 });
@@ -154,7 +160,7 @@ onUnmounted(() => {
 }
 .card-content:hover {
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
-  transform: scale(1.1);
+  transform: scale(1.08);
   opacity: 0.8;
 }
 .card-avatar {