新增页面

src/views/userset/securitySetting.vue

 <template>
 <template>
-  <div>
-安全设置
+  <div class="personal_con">
+    <!-- 面包屑导航 -->
+    <a-breadcrumb class="nav_bread">
+      <a-breadcrumb-item>用户设置</a-breadcrumb-item>
+      <a-breadcrumb-item>安全设置</a-breadcrumb-item>
+    </a-breadcrumb>
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-  export default {
-    name:'securitySetting'
-  }
+export default {
+  name: "securitySetting",
+};
 </script>
 </script>
 
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="less" scoped>
+.personal_con {
+  background-color: #ebebeb;
\ No newline at end of file
+  padding-left: 30px;
+  width: calc(100% - 80px);
+  flex: 1;
+  .nav_bread {
+    height: 50px;
+    padding: 20px 3px;
+    background-color: #ebebeb;
+  }
+}
+</style>