第二次提交

mh-two-thousand-and-two

2024-03-29 d27fbd63d7840787d7f3ca5333b6e24dc3a860d4

 pages/zhongyi/zhongyi.vue

@@ -2,7 +2,7 @@
   <el-container>
      <!-- 头部 -->
      <el-header>
         <div style="
         <view style="
        display: flex;
        height: 50px;
        width: 100%;
@@ -10,34 +10,34 @@
        align-items: center;
        background-color: #C98A49;
      ">
            <div class="header-one" style="padding-left: 1.5%; ">
            <view class="header-one" style="padding-left: 1.5%; ">
               <i class="el-icon-s-unfold" style="font-size: 24px;"></i>
            </div>
            <div class="header-two" style="font-size: 20px; color: aliceblue">
            </view>
            <view class="header-two" style="font-size: 20px; color: aliceblue">
               中医世医传承数据库
            </div>
            <div class="header-three">
               <div>
            </view>
            <view class="header-three">
               <view>
                  <i class="el-icon-search" style="font-size: 24px; "></i>
                  <i class="el-icon-question" style="font-size: 24px;"></i>
                  <i class="el-icon-user-solid" style="font-size: 24px;"></i>
               </div>
            </div>
         </div>
         <div class="huawenimg">
         </div>
               </view>
            </view>
         </view>
         <view class="huawenimg">
         </view>
      </el-header>
      <!-- 主体部分 -->
      <el-main>
         <div style="
         <view style="
          display: flex;
          justify-content: center;
          border-bottom: 1px solid gray;">
            <div style="display: flex; justify-content: flex-start; margin-right: auto">
            <view style="display: flex; justify-content: flex-start; margin-right: auto">
               <el-button class="button" @click="hideNodesAndLinks()">返回</el-button>
            </div>
            </view>
            <!-- 添加一个flex容器来包裹el-menu，并设置其flex属性以占据剩余空间 -->
            <div style="display: flex; justify-content: center; flex: 1;">
            <view style="display: flex; justify-content: center; flex: 1;">
               <!-- 这里是菜单的切换 -->
               <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
                  @select="handleSelect">
@@ -49,8 +49,8 @@
                     <router-link to="zhongyitwo" class="router-link-active">
                        世医文化</router-link></el-menu-item>
               </el-menu>
            </div>
         </div>
            </view>
         </view>
         <router-view>
         </router-view>
      </el-main>
@@ -58,7 +58,13 @@
</template>
<script>
   import * as echarts from "echarts";
   export default {}
   export default {
      data() {
         return {
            activeIndex:1
         }
      }
   }
</script>
<style scoped>
   .huawenimg {