|
@@ -1,9 +1,23 @@
|
|
<template>
|
|
<template>
|
|
<div class="per-info__container">
|
|
<div class="per-info__container">
|
|
- <van-nav-bar class="headerbar no-down-icon" title="账号管理" left-text="返回" @click-left="$route_back" left-arrow>
|
|
|
|
|
|
+ <van-nav-bar
|
|
|
|
+ class="headerbar no-down-icon"
|
|
|
|
+ title="账号密码"
|
|
|
|
+ left-text="返回"
|
|
|
|
+ @click-left="$route_back"
|
|
|
|
+ left-arrow
|
|
|
|
+ >
|
|
<template slot="right" class="department_right_nav">
|
|
<template slot="right" class="department_right_nav">
|
|
- <van-dropdown-menu duration="0.3" text="text" class="head_dropdown_menu">
|
|
|
|
- <van-dropdown-item title="更多" @change="plus_menu" :options="option" />
|
|
|
|
|
|
+ <van-dropdown-menu
|
|
|
|
+ duration="0.3"
|
|
|
|
+ text="text"
|
|
|
|
+ class="head_dropdown_menu"
|
|
|
|
+ >
|
|
|
|
+ <van-dropdown-item
|
|
|
|
+ title="更多"
|
|
|
|
+ @change="plus_menu"
|
|
|
|
+ :options="option"
|
|
|
|
+ />
|
|
</van-dropdown-menu>
|
|
</van-dropdown-menu>
|
|
</template>
|
|
</template>
|
|
</van-nav-bar>
|
|
</van-nav-bar>
|
|
@@ -14,47 +28,56 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import Vue from 'vue'
|
|
|
|
-import { Cell, CellGroup, DropdownMenu, DropdownItem} from 'vant'
|
|
|
|
|
|
+import Vue from "vue";
|
|
|
|
+import { Cell, CellGroup, DropdownMenu, DropdownItem } from "vant";
|
|
|
|
|
|
-Vue.use(Cell).use(CellGroup).use(DropdownMenu).use(DropdownItem)
|
|
|
|
|
|
+Vue.use(Cell)
|
|
|
|
+ .use(CellGroup)
|
|
|
|
+ .use(DropdownMenu)
|
|
|
|
+ .use(DropdownItem);
|
|
|
|
|
|
export default {
|
|
export default {
|
|
- name: 'accountSet',
|
|
|
|
- data () {
|
|
|
|
|
|
+ name: "accountSet",
|
|
|
|
+ data() {
|
|
return {
|
|
return {
|
|
- option: [{ text: '账号注销', value: 1 }],
|
|
|
|
- }
|
|
|
|
|
|
+ option: [{ text: "账号注销", value: 1 }]
|
|
|
|
+ };
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- plus_menu (val) {
|
|
|
|
|
|
+ plus_menu(val) {
|
|
if (val) {
|
|
if (val) {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
- path:'/verify',
|
|
|
|
- query:{
|
|
|
|
- type:2
|
|
|
|
|
|
+ path: "/verify",
|
|
|
|
+ query: {
|
|
|
|
+ type: 2
|
|
}
|
|
}
|
|
- })
|
|
|
|
|
|
+ });
|
|
}
|
|
}
|
|
- },
|
|
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-}
|
|
|
|
|
|
+};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
|
<style scoped lang="less">
|
|
- .text{
|
|
|
|
- text-align: center;
|
|
|
|
- color: #969799;
|
|
|
|
- font-size: 0.28rem;
|
|
|
|
- padding: 0.2rem 0;
|
|
|
|
- }
|
|
|
|
- .headerbar /deep/.van-dropdown-menu__title {
|
|
|
|
- padding: 0;
|
|
|
|
- padding-right: 0rem;
|
|
|
|
- font-size: 0.3rem;
|
|
|
|
- color: #fff;
|
|
|
|
- }
|
|
|
|
- /deep/ .van-dropdown-menu__bar {
|
|
|
|
- background-color: transparent;
|
|
|
|
- }
|
|
|
|
|
|
+.text {
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #969799;
|
|
|
|
+ font-size: 0.28rem;
|
|
|
|
+ padding: 0.2rem 0;
|
|
|
|
+}
|
|
|
|
+.headerbar /deep/.van-dropdown-menu__title {
|
|
|
|
+ padding: 0;
|
|
|
|
+ padding-right: 0rem;
|
|
|
|
+ font-size: 0.3rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+}
|
|
|
|
+/deep/ .van-dropdown-menu__bar {
|
|
|
|
+ background-color: transparent;
|
|
|
|
+}
|
|
|
|
+/deep/ .van-nav-bar__right{
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+/deep/ .van-dropdown-menu__title--active {
|
|
|
|
+ color: #fff !important;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|