🌈 style: 修改复制样式

src/assets/icon/svg/copy.svg

+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><mask id="b" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14"><path d="M14 0H0v14h14z" fill="#fff"/></mask><g mask="url(#b)" stroke="#267ef0" stroke-width=".875" stroke-linecap="round" stroke-linejoin="round"><path d="M9.333 7.525v2.45c0 2.042-.816 2.858-2.858 2.858h-2.45c-2.042 0-2.858-.816-2.858-2.858v-2.45c0-2.042.816-2.858 2.858-2.858h2.45c2.042 0 2.858.816 2.858 2.858"/><path d="M12.833 4.025v2.45c0 2.042-.816 2.858-2.858 2.858h-.642V7.525c0-2.042-.816-2.858-2.858-2.858H4.667v-.642c0-2.042.816-2.858 2.858-2.858h2.45c2.042 0 2.858.816 2.858 2.858"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h14v14H0z"/></clipPath></defs></svg>
\ No newline at end of file

src/directive/copy/copy.js

@@ -4,12 +4,16 @@ const copy = {
   // 当被绑定的元素插入到DOM中时
   inserted: function(el, binding) {
     // 创建复制图标元素
-    const copyIcon = document.createElement('iconpark-icon')
+    // const copyIcon = document.createElement('iconpark-icon')
+    
+    const copyIcon = document.createElement('div')
+    copyIcon.setAttribute('icon-class', 'copy')
     copyIcon.name='icon-fuzhi'
     copyIcon.style.cursor = 'pointer'
     copyIcon.style.marginLeft = '8px'
     copyIcon.style.fontSize = '16px'
     copyIcon.title = '点击复制'
+    copyIcon.innerHTML='<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><mask id="b" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14"><path d="M14 0H0v14h14z" fill="#fff"/></mask><g mask="url(#b)" stroke="#267ef0" stroke-width=".875" stroke-linecap="round" stroke-linejoin="round"><path d="M9.333 7.525v2.45c0 2.042-.816 2.858-2.858 2.858h-2.45c-2.042 0-2.858-.816-2.858-2.858v-2.45c0-2.042.816-2.858 2.858-2.858h2.45c2.042 0 2.858.816 2.858 2.858"/><path d="M12.833 4.025v2.45c0 2.042-.816 2.858-2.858 2.858h-.642V7.525c0-2.042-.816-2.858-2.858-2.858H4.667v-.642c0-2.042.816-2.858 2.858-2.858h2.45c2.042 0 2.858.816 2.858 2.858"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h14v14H0z"/></clipPath></defs></svg>'
     
     // 设置元素的position为relative，确保图标的absolute定位正确
     if (getComputedStyle(el).position === 'static') {

src/views/components/roleInfo/roleInfoPanel.vue

@@ -30,7 +30,7 @@
                     <div
                       class="text-[#323335] text-[16px] font-medium group hover:text-[#409EFF]"
                     >
-                      <span
+                      <span class="flex items-center"
                         >{{ items.role_name
                         }}<i
                           class="group-hover:visible invisible"
@@ -39,8 +39,8 @@
                               items.recharge_total || 0
                             }元`
                           "
-                        ></i
-                      ></span>
+                        ></i>
+                      </span>
                     </div>
                     <div class="text-[#4E5969] text-[14px]">
                       <span>区服：</span><span>{{ items.server_name }}</span>
@@ -297,13 +297,15 @@ export default {
     },
 
     async handleChange(v) {
-      const item = this.roleList.find(
+      const index = this.roleList.findIndex(
         (item) => v.includes(item.role_id) && !item.server_day
       );
-      if (item) {
-        const res = await getServerDayApi({ role_id: item.role_id });
-        item.server_day = res.data.data?.server_day;
-        this.roleList = [...this.roleList, item];
+      if (index !== -1) {
+        const res = await getServerDayApi({
+          role_id: this.roleList[index].role_id,
+        });
+        this.roleList[index].server_day = res.data.data?.server_day;
+        this.roleList = [...this.roleList];
       }
     },
     memberChange() {