From a874dd8b06b90ea5157e9809fcdf5a38ad115dde Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期一, 30 六月 2025 18:03:51 +0800 Subject: [PATCH] tupian --- src/views/personalCenter/index.vue | 46 ++++++++++++++++++++++++++++------------------ 1 files changed, 28 insertions(+), 18 deletions(-) diff --git a/src/views/personalCenter/index.vue b/src/views/personalCenter/index.vue index b861d7a..eceb992 100644 --- a/src/views/personalCenter/index.vue +++ b/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> @@ -71,6 +71,7 @@ </template> <script> +import Vue from "vue"; import Footer from "@/components/footer/footer"; import { mapState } from "vuex"; import myConfig from "@/assets/js/config"; @@ -85,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") } ] }; @@ -270,8 +271,10 @@ text-align: right; margin-top: 10px; } -.setInfo img { +.setInfo .infoImg { margin-right: 5px; + width:17px; + height:16px; } .user_info { display: flex; @@ -284,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; @@ -334,6 +340,10 @@ text-align: center; padding: 0 15px 20px 15px; } +.listItem .itemImg{ + width:24px; + height:24px; +} .listName { margin-top: 15px; } -- Gitblit v1.9.1