add icon

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>

Author: ZTL-UwU

src/components/page/navbar.vue

@@ -11,8 +11,8 @@
         text-color="#fff"
         active-text-color="rgb(233, 233, 235)"
       >
-        <el-menu-item index="/">Home</el-menu-item>
-        <el-menu-item index="/problem/list">Problem List</el-menu-item>
+        <el-menu-item index="/"><i class="el-icon-s-home" /> Home</el-menu-item>
+        <el-menu-item index="/problem/list"><i class="el-icon-s-order" />Problem List</el-menu-item>
         <el-submenu index="2" id="user">
           <template slot="title">
               <el-avatar shape="square" v-if="this.$store.state.user.authenticated">

src/components/problem/content.vue

@@ -25,12 +25,12 @@
                   <span slot="title" class="text-bold"><i class="el-icon-upload2" /> Submit</span>
                 </el-menu-item>
                 <el-submenu index="0">
-                  <template slot="title"><div class="text-bold"><i class="el-icon-s-order" /> Statistics</div></template>
+                  <template slot="title"><div class="text-bold"><i class="el-icon-pie-chart" /> Statistics</div></template>
                   <el-menu-item index="0-0">Submissions</el-menu-item>
                   <el-menu-item index="0-1">Statistics</el-menu-item>
                 </el-submenu>
                 <el-submenu index="1">
-                  <template slot="title"><div class="text-bold"><i class="el-icon-s-comment" /> Discuss</div></template>
+                  <template slot="title"><div class="text-bold"><i class="el-icon-chat-line-round" /> Discuss</div></template>
                   <el-menu-item index="1-0">Discussions</el-menu-item>
                   <el-menu-item index="1-1">Solutions</el-menu-item>
                 </el-submenu>

src/components/user/content.vue

@@ -7,19 +7,19 @@
     </div>
     <div id="info">
       <el-card shadow="never">
-        <div slot="header" class="clearfix">User Name</div>
+        <div slot="header" class="clearfix"><i class="el-icon-user" /> User Name</div>
         {{username}}
       </el-card>
       <el-card shadow="never" class="item">
-        <div slot="header" class="clearfix">Email</div>
+        <div slot="header" class="clearfix"><i class="el-icon-message" /> Email</div>
         {{email}}
       </el-card>
       <el-card shadow="never" class="item">
-        <div slot="header" class="clearfix">Sloved</div>
+        <div slot="header" class="clearfix"><i class="el-icon-check" /> Sloved</div>
         {{solved}} Problems
       </el-card>
       <el-card shadow="never" class="item">
-        <div slot="header" class="clearfix">Introduction</div>
+        <div slot="header" class="clearfix"><i class="el-icon-chat-line-square" /> Introduction</div>
         <MarkdownContainer v-if="introduction" :content="introduction"/>
       </el-card>
     </div>

src/components/user/login.vue

@@ -2,10 +2,12 @@
   <div>
     <el-dialog title="Login" :visible.sync="$store.state.user.showlogin" :destroy-on-close="true" :close-on-click-modal="false" width="500px">
       <el-form :model="ldata" ref="loginForm" :rules="rules" :status-icon="true">
-        <el-form-item label="Username" prop="username">
+        <div class="icon-lable"><i class="el-icon-user" /> Username</div>
+        <el-form-item prop="username">
           <el-input v-model="ldata.username"></el-input>
         </el-form-item>
-        <el-form-item label="Password" prop="password">
+        <div class="icon-lable"><i class="el-icon-lock" /> Password</div>
+        <el-form-item prop="password">
           <el-input type="password" v-model="ldata.password"></el-input>
         </el-form-item>
         <el-form-item>
@@ -100,4 +102,7 @@ export default {
 </script>
 
 <style scoped>
+.icon-lable {
+    margin-bottom: 5px;
+}
 </style>