index.vue 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <template>
  2. <view class="container">
  3. <view class="main-out-box">
  4. <view class="main-inner-box">
  5. <u-cell-group :border="false">
  6. <u-cell size="large" :border="false" icon="account-fill" title="个人信息" isLink
  7. url="/PageMine/setting/personInformation" />
  8. <!-- <u-cell size="large" :border="false" icon="fingerprint" title="安全中心" isLink
  9. url="/pages/client/clientUser/mine/setting/personInfo" /> -->
  10. <u-cell size="large" :border="false" icon="github-circle-fill" title="关于我们" isLink
  11. url="/PageMine/setting/aboutUs" />
  12. <u-cell size="large" :border="false" icon="file-text-fill" title="用户协议" isLink
  13. url="/pages/webview/index?target=http://8.137.122.65:88/用户协议.html" />
  14. <u-cell size="large" :border="false" icon="file-text" title="隐私政策" isLink
  15. url="/pages/webview/index?target=http://8.137.122.65:88/隐私政策.html" />
  16. <u-cell icon="integral-fill" title="版本信息" value="V0.0.1" />
  17. </u-cell-group>
  18. </view>
  19. </view>
  20. <!-- <view class="policy-out-box">
  21. <view class="policy-inner-box">
  22. <u-cell-group :border="false">
  23. <u-cell size="large" :border="false" icon="level" title="切换身份" isLink @click="showSwitchDialog = true" />
  24. </u-cell-group>
  25. </view>
  26. </view> -->
  27. <u-modal :show="showSwitchDialog" :title="title" :content="content" @confirm="confirmSwitch"
  28. @cancel="showSwitchDialog = false" :showCancelButton="true"></u-modal>
  29. <view class="exit">
  30. <u-button type="info" shape="circle" text="注销账号" class="button" />
  31. <u-button type="primary" shape="circle" text="退出登录" @tap="logout" class="button" />
  32. </view>
  33. </view>
  34. </template>
  35. <script>
  36. export default {
  37. data() {
  38. return {
  39. showSwitchDialog: false,
  40. title: '提醒',
  41. content: '您确定要从用户端切换到商家端吗?',
  42. };
  43. },
  44. methods: {
  45. confirmSwitch() {
  46. // this.showSwitchDialog = false;
  47. // this.$store.dispatch('SwitchIdentity','MERCHANT')
  48. // uni.navigateTo({
  49. // url: '/pages/merchant/mine/index',
  50. // });
  51. },
  52. logout(){
  53. this.$store.dispatch('Logout').then(()=>{
  54. uni.navigateTo({
  55. url: `pages/login/login`,
  56. });
  57. })
  58. }
  59. },
  60. };
  61. </script>
  62. <style lang="scss" scoped>
  63. .container {
  64. min-height: 100vh;
  65. background-color: #efefef;
  66. .main-out-box {
  67. padding: 20rpx 16rpx;
  68. box-sizing: border-box;
  69. .main-inner-box {
  70. background-color: $uni-bg-color;
  71. border-radius: 20rpx;
  72. }
  73. }
  74. .policy-out-box {
  75. padding: 50rpx 16rpx;
  76. box-sizing: border-box;
  77. .policy-inner-box {
  78. background-color: $uni-bg-color;
  79. border-radius: 20rpx;
  80. }
  81. }
  82. }
  83. .exit {
  84. // display: flex;
  85. // justify-content: space-around;
  86. margin-top: 100rpx;
  87. }
  88. .button {
  89. width: 500rpx;
  90. margin-top: 45rpx;
  91. }
  92. ::v-deep .u-modal__title {
  93. padding-top: 15px;
  94. }
  95. </style>