修改侧边栏显示和重构部分逻辑代码

README.md

@@ -1,3 +1,7 @@
+![1739434163442](images/README/1739434163442.png)
+
+![1739434039385](images/README/1739434039385.png)
+
 ## 项目依赖安装
 
 ```sh
@@ -18,8 +22,11 @@ npm run build
 
 ## 说明
 
-node版本：20.13.1
+node 版本：20.13.1
 
-vue版本：3.5.13
+vue 版本：3.5.13
 
-项目无法运行，检查版本。
+安装之前，先检查版本。
+
+要想运行出来，还得依赖后端代码。后端代码上传到了 wance_data 仓库的 wance 分支。数据接口逻辑在 src/akshare_data/router.py 文件中。接口在 apifox 里面也有相应的说明。仅供参考。
+后端代码的 python 版本选择 3.11.x 版本，不然有些库无法正常安装使用。

src/uilts/vscode.ts

@@ -1,2 +0,0 @@
-// @ts-ignore
-// export const vscode= window.acquireVsCodeApi();

src/utils/vscode.ts

@@ -1,2 +0,0 @@
-// @ts-ignore
-// export const vscode= window.acquireVsCodeApi();

src/views/HomeView.vue

@@ -66,15 +66,6 @@ const headerData = ref([
   '月K',
   '季K',
   '年K',
-  // '1分',
-  // '3分',
-  // '5分',
-  // '15分',
-  // '30分',
-  // '1小时',
-  // '2小时',
-  // '3小时',
-  // '4小时',
 ])
 // 模拟路由数据
 let routerList = [
@@ -116,7 +107,6 @@ function handleClick(index) {
             <div v-else>
               <svg t="1739345471358" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7366" width="16" height="16"><path d="M85.333333 128h853.333334v768H85.333333V128z m85.333334 85.333333v597.333334h682.666666V384h-341.333333V213.333333H170.666667z" p-id="7367" fill="#ffffff"></path></svg>
             </div>
-            <!-- <svg t="1737685184492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1032" width="16" height="16"><path d="M831.085714 896h-612.571428V437.028571l-118.857143-118.857142 201.142857-201.142858 10.057143 10.057143c113.371429 113.371429 298.057143 113.371429 412.342857 0l10.057143-10.057143L950.857143 334.628571l-118.857143 118.857143V896z m-585.142857-27.428571h557.714286V441.6l106.971428-106.971429L732.342857 155.428571C610.742857 266.971429 423.314286 266.971429 301.714286 155.428571L138.057143 318.171429l106.971428 106.971428V868.571429z" fill="#2c2c2c" p-id="1033"></path></svg> -->
           </span>
           <template #dropdown>
             <el-dropdown-menu>
@@ -157,7 +147,6 @@ function handleClick(index) {
             <div v-else>
               <svg t="1737685184492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1032" width="16" height="16"><path d="M831.085714 896h-612.571428V437.028571l-118.857143-118.857142 201.142857-201.142858 10.057143 10.057143c113.371429 113.371429 298.057143 113.371429 412.342857 0l10.057143-10.057143L950.857143 334.628571l-118.857143 118.857143V896z m-585.142857-27.428571h557.714286V441.6l106.971428-106.971429L732.342857 155.428571C610.742857 266.971429 423.314286 266.971429 301.714286 155.428571L138.057143 318.171429l106.971428 106.971428V868.571429z" fill="#ffffff" p-id="1033"></path></svg>
             </div>
-            <!-- <svg t="1737685184492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1032" width="16" height="16"><path d="M831.085714 896h-612.571428V437.028571l-118.857143-118.857142 201.142857-201.142858 10.057143 10.057143c113.371429 113.371429 298.057143 113.371429 412.342857 0l10.057143-10.057143L950.857143 334.628571l-118.857143 118.857143V896z m-585.142857-27.428571h557.714286V441.6l106.971428-106.971429L732.342857 155.428571C610.742857 266.971429 423.314286 266.971429 301.714286 155.428571L138.057143 318.171429l106.971428 106.971428V868.571429z" fill="#2c2c2c" p-id="1033"></path></svg> -->
           </span>
           <template #dropdown>
             <el-dropdown-menu>
@@ -198,16 +187,13 @@ function handleClick(index) {
 
 <style  scoped>
 .content {
-  /* width: 100vw; */
   height: 100vh;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
 }
 .timelist {
-  /* background-color: white; */
   background-color: var(--my-common-bgc-2) !important;
-  /* color: #414040; */
   color: var(--my-common-fc-1);
   font-size: 13px;
   display: flex;
@@ -224,7 +210,6 @@ function handleClick(index) {
 }
 .timelist > li:nth-child(6){
   margin-left: auto;
-  /* margin-right: 10px; */
 }
 
 .active {

src/views/TheNewView.vue

@@ -614,7 +614,6 @@ const showkline = (content: any) => {
       <div class="all">
         <div class="showchange" @click="handleTitleClick">全部</div>
         <div plain @click="dialogVisible = true">
-          <!-- <el-icon><Plus /></el-icon> -->
           <el-icon><Operation /></el-icon>
         </div>
 
@@ -903,6 +902,7 @@ const showkline = (content: any) => {
   background-color: var(--my-common-bgc-2);
   position: relative;
   border-right: 1px solid var(--my-light-br-1);
+  border-left: 1px solid var(--my-light-br-1);
   
 }
 .shape{
@@ -1053,6 +1053,7 @@ iframe{
 :deep(.el-collapse-item__header){
   background-color: var(--my-common-bgc-2) !important;
   color: var(--my-common-bgc-1);
+  padding-left: 12px;
 }
 
 .stock1 {
@@ -1063,7 +1064,6 @@ iframe{
   cursor: pointer;
 }
 .stock2 {
-  /* border: 1px solid red; */
   flex: 1;
   display: flex;
   justify-content: left;
@@ -1087,7 +1087,6 @@ iframe{
   border-radius: 4px;
   width: 50px;
   text-align: center;
-  /* padding: 2px; */
 }
 .downcolor {
   color: rgb(80, 165, 72);
@@ -1114,7 +1113,7 @@ iframe{
 
 
 :deep(.demo-collapse) {
-  padding-left: 12px;
+  padding-left: 0;
 }
 
 .fixed {