tupian

litian

2025-06-30 a874dd8b06b90ea5157e9809fcdf5a38ad115dde

 src/views/personalCenter/index.vue

@@ -2,7 +2,7 @@
  <div class="personalCenterPage">
    <div class="person_user">
      <div class="setInfo">
        <img src="@/assets/images/personalCenter/setting_2.png" alt="" />
        <img src="@/assets/images/personalCenter/setting_23.png" alt="" class="infoImg"/>
        <span @click="setUserInfo()">个人信息</span>
      </div>
      <div class="user_info">
@@ -15,7 +15,7 @@
            class="icon"
          />
          <img
            src="@/assets/images/personalCenter/renzheng_icon.png"
            src="@/assets/images/personalCenter/renzheng_icon3.png"
            alt=""
            class="auth"
          />
@@ -42,7 +42,7 @@
            @click="tab(item.name)"
            class="listItem"
          >
            <img :src="item.icon" alt="" />
            <img :src="item.icon" alt="" class="itemImg"/>
            <div class="listName">
              {{ item.title }}
            </div>
@@ -58,7 +58,7 @@
            @click="tab(item.name)"
            class="listItem"
          >
            <img :src="item.icon" alt="" />
            <img :src="item.icon" alt="" class="itemImg"/>
            <div class="listName">
              {{ item.title }}
            </div>
@@ -86,69 +86,69 @@
        {
          name: "teacherCertificate",
          title: "教师认证",
          icon: require("@/assets/images/personalCenter/jiaoshirenzheng.png")
          icon: require("@/assets/images/personalCenter/jiaoshirenzheng3.png")
        },
        {
          name: "collection",
          title: "我的收藏",
          icon: require("@/assets/images/personalCenter/wodeshoucang.png")
          icon: require("@/assets/images/personalCenter/wodeshoucang3.png")
        },
        {
          name: "myShoppingCart",
          title: "购物车",
          icon: require("@/assets/images/personalCenter/shoppingCart.png")
          icon: require("@/assets/images/personalCenter/shoppingCart3.png")
        },
        {
          name: "myOrder",
          title: "我的订单",
          icon: require("@/assets/images/personalCenter/order.png")
          icon: require("@/assets/images/personalCenter/order3.png")
        },
        {
          name: "myApplyBook",
          title: "我的申请",
          icon: require("@/assets/images/personalCenter/shenqing.png")
          icon: require("@/assets/images/personalCenter/shenqing3.png")
        },
        {
          name: "myTextBook",
          title: "我的教材",
          icon: require("@/assets/images/personalCenter/jiaocai.png")
          icon: require("@/assets/images/personalCenter/jiaocai3.png")
        },
        {
          name: "",
          title: "我的课程",
          icon: require("@/assets/images/personalCenter/kecheng.png")
          icon: require("@/assets/images/personalCenter/kecheng3.png")
        },
        {
          name: "",
          title: "我的班级",
          icon: require("@/assets/images/personalCenter/banji.png")
          icon: require("@/assets/images/personalCenter/banji3.png")
        }
      ],
      otherFunctionData: [
        {
          name: "aboutUs",
          title: "教师客服",
          icon: require("@/assets/images/personalCenter/jiaoshikefu.png")
          icon: require("@/assets/images/personalCenter/jiaoshikefu3.png")
        },
        {
          name: "/protocol?type=1",
          title: "用户服务协议",
          icon: require("@/assets/images/personalCenter/xieyi.png")
          icon: require("@/assets/images/personalCenter/xieyi3.png")
        },
        {
          name: "protocol",
          title: "教师认证服务条款",
          icon: require("@/assets/images/personalCenter/tiaokuan.png")
          icon: require("@/assets/images/personalCenter/tiaokuan3.png")
        },
        {
          name: "testLogin",
          title: "退出登录",
          icon: require("@/assets/images/personalCenter/tuichu.png")
          icon: require("@/assets/images/personalCenter/tuichu3.png")
        },
        {
          name: "unsubscribe",
          title: "注销账号",
          icon: require("@/assets/images/personalCenter/zhuxiao.png")
          icon: require("@/assets/images/personalCenter/zhuxiao3.png")
        }
      ]
    };
@@ -271,8 +271,10 @@
  text-align: right;
  margin-top: 10px;
}
.setInfo img {
.setInfo .infoImg {
  margin-right: 5px;
  width:17px;
  height:16px;
}
.user_info {
  display: flex;
@@ -285,12 +287,15 @@
.icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.auth {
  position: absolute;
  top: 80px;
  right: 18px;
  width:17px;
  height:17px;
}
.userName {
  margin-top: 20px;
@@ -335,6 +340,10 @@
  text-align: center;
  padding: 0 15px 20px 15px;
}
.listItem .itemImg{
  width:24px;
  height:24px;
}
.listName {
  margin-top: 15px;
}