修改电话号码

src/App.vue

@@ -129,7 +129,7 @@ const userInfo = (data) => {
     }
   } else {
     isShow.value = false
-    ElMessageBox.alert('当前账号无使用平台权限，如有需要，请联系可可乐博公司,联系方式：13903027669', "温馨提示", {
+    ElMessageBox.alert('当前账号无使用平台权限，如有需要，请联系可可乐博公司,联系方式：0755-86525412', "温馨提示", {
       confirmButtonText: '确定',
       showClose: false
     }).then(() => {

src/components/main/opendetail.vue

@@ -22,8 +22,8 @@
 					</div>
 				</div>
             </template>
-            <div class="fileArea" @click="openDra">
-                <img src="../../assets/icon/filemr.svg" alt="">
+            <div class="fileArea2" @click="openDra">
+                <!-- <img src="../../assets/icon/filemr.svg" alt=""> -->
             </div>
             <el-drawer
                 v-model="drawer"
@@ -34,8 +34,12 @@
                 :before-close="handleClose"
             >
                 <template #header>
-                    <div class="fileArea" @click="drawer = false">
-                        <img src="../../assets/icon/draCha.svg" alt="">
+                    <div class="closeBtn">
+                        <div style="display: flex;align-items: center;gap: 10px;">
+                            <img src="../../assets/icon/tishi.svg" alt="">
+                            <span>使用说明</span>
+                        </div>
+                        <div class="fileArea" @click="drawer = false"></div>
                     </div>
                 </template>
                 <template #default>
@@ -289,13 +293,53 @@ const updateCourseId = (id, type) => {
 	padding: 0 !important;
 	position: relative;
 }
+.closeBtn{
+    display: flex;justify-content: space-between;align-items: baseline;
+    span{
+        font-family: PingFang TC;
+        font-weight: 600;
+        font-style: Semibold;
+        font-size: 20px;
+        line-height: 100%;
+        letter-spacing: 0%;
+        color: #000;
+    }
+}
 .fileArea{
     position: absolute;
     top: 0;
     right: 0;
-    padding: 15px 15px 10px 15px;
+    width: 63px;
+    height: 63px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    background: url('../../assets/icon/cha2.svg') no-repeat center center;
+    background-color: #3781FC33;
+    cursor: pointer;
+}
+.fileArea:hover{
+    background: url('../../assets/icon/draCha.svg') no-repeat center center;
+    background-color: #3781FC;
+}
+.fileArea2{
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 63px;
+    height: 63px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     box-sizing: border-box;
-    background: #3781FC;
+    cursor: pointer;
+    background: url('../../assets/icon/fmorer.png') no-repeat center center;
+    background-color: #3781FC33;
+}
+.fileArea2:hover{
+    background: url('../../assets/icon/filemr.svg') no-repeat center center;
+    background-color: #3781FC;
 }
 :deep(.el-dialog__header){
 	padding: 0 !important;