字体图标库引入

src/layout/components/Navbar.vue

@@ -26,6 +26,15 @@
         </div>
         <el-dropdown-menu slot="dropdown">
           <template v-if="!proxyState">
+            <router-link to="/password/edit">
+              <el-dropdown-item>会员中心</el-dropdown-item>
+            </router-link>
+            <el-dropdown-item divided @click.native="logout">
+              <span style="display:block;">个人资料</span>
+            </el-dropdown-item>
+            <router-link to="/password/edit">
+              <el-dropdown-item>绑定登录账号</el-dropdown-item>
+            </router-link>
             <router-link to="/password/edit">
               <el-dropdown-item>修改密码</el-dropdown-item>
             </router-link>

src/styles/font.scss

@@ -0,0 +1,70 @@
+@font-face {
+  font-family: 'iconfont'; /* Project id 3191891 */
+  src: url('//at.alicdn.com/t/font_3191891_d7gdax2xsxu.woff2?t=1645181006347') format('woff2'),
+    url('//at.alicdn.com/t/font_3191891_d7gdax2xsxu.woff?t=1645181006347') format('woff'),
+    url('//at.alicdn.com/t/font_3191891_d7gdax2xsxu.ttf?t=1645181006347') format('truetype');
+}
+
+[class^='el-icon-'],
+[class*=' el-icon-'],
+[class^=' icon-'],
+[class*='icon-'] {
+  font-family: 'element-icons', 'iconfont' !important;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: baseline;
+  display: inline-block;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-daoru:before {
+  content: '\e72f';
+}
+
+.icon-shipinjiaocheng:before {
+  content: '\e730';
+}
+
+.icon-fankuiliebiao:before {
+  content: '\e731';
+}
+
+.icon-jigourenzheng:before {
+  content: '\e732';
+}
+
+.icon-yishirenzheng:before {
+  content: '\e733';
+}
+
+.icon-wenjianliebiao:before {
+  content: '\e734';
+}
+
+.icon-ziliaoku:before {
+  content: '\e735';
+}
+
+.icon-tianjia:before {
+  content: '\e736';
+}
+
+.icon-wendangjiaocheng:before {
+  content: '\e737';
+}
+
+.icon-yishiliebiao:before {
+  content: '\e738';
+}
+
+.icon-jigouliebiao:before {
+  content: '\e739';
+}
+
+.icon-zhankai:before {
+  content: '\e73a';
+}

src/styles/index.scss

@@ -4,6 +4,8 @@
 @import './element-ui.scss';
 @import './sidebar.scss';
 @import './btn.scss';
+@import './font.scss';
+
 body {
   height: 100%;
   -moz-osx-font-smoothing: grayscale;

src/views/admin/member/settings/service-edit.vue

@@ -17,6 +17,7 @@
         </div>
         <!-- 表格区域 -->
         <el-table :data="serviceList" border fit height="600">
+          <el-table-column type="selection" width="55" />
           <el-table-column label="序号" type="index" width="80" align="center" />
           <el-table-column label="定制需求" prop="demand" align="center" />
           <el-table-column label="是否配置" align="center" width="120">
@@ -29,8 +30,12 @@
 
       <!-- 交换按钮 -->
       <div class="switch-control">
-        <el-button type="primary" icon="el-icon-arrow-left" />
-        <el-button type="primary" icon="el-icon-arrow-right" />
+        <el-tooltip class="item" effect="dark" content="将右侧勾选项加入左侧列表" placement="top">
+          <el-button type="primary" icon="el-icon-arrow-left" />
+        </el-tooltip>
+        <el-tooltip class="item" effect="dark" content="将左侧勾选项加入右侧列表" placement="top">
+          <el-button type="primary" icon="el-icon-arrow-right" />
+        </el-tooltip>
       </div>
 
       <!-- 会员订制功能服务配置 -->
@@ -49,6 +54,7 @@
         </div>
         <!-- 表格区域 -->
         <el-table :data="serviceList" border fit height="600">
+          <el-table-column type="selection" width="55" />
           <el-table-column label="序号" type="index" width="80" align="center" />
           <el-table-column label="定制需求" prop="demand" align="center" />
           <el-table-column label="是否配置" align="center" width="120">