safety-set.vue 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <template>
  2. <view>
  3. <headContent>
  4. <template #left>
  5. <reverse-back />
  6. </template>
  7. <template #content>
  8. <view class="haed-title">
  9. 安全设置
  10. </view>
  11. </template>
  12. </headContent>
  13. <view class="safety-set">
  14. <view class="safety-set-item" @click.stop="changePassword()">
  15. <text class="safety-set-lable">登录密码</text>
  16. <view class="safety-set-more">
  17. <text class="more-lable">修改</text>
  18. <text class="more-icon iconfont">&#xe88e;</text>
  19. </view>
  20. </view>
  21. <view class="safety-set-item">
  22. <text class="safety-set-lable">谷歌验证</text>
  23. <view class="safety-set-more">
  24. <text class="more-lable">绑定</text>
  25. <text class="more-icon iconfont">&#xe88e;</text>
  26. </view>
  27. </view>
  28. <view class="safety-set-item">
  29. <text class="safety-set-lable">邮箱</text>
  30. <view class="safety-set-more">
  31. <text class="more-lable active-more-lable">已绑定</text>
  32. <text v-if="true" class="more-icon iconfont">&#xe88e;</text>
  33. <text v-else class="more-icon iconfont"></text>
  34. </view>
  35. </view>
  36. <view class="safety-set-item">
  37. <text class="safety-set-lable">手机</text>
  38. <view class="safety-set-more">
  39. <text class="more-lable">绑定</text>
  40. <text class="more-icon iconfont">&#xe88e;</text>
  41. </view>
  42. </view>
  43. </view>
  44. <view class="safety-title">
  45. 交易设置
  46. </view>
  47. <view class="safety-set item-border">
  48. <view class="safety-set-item">
  49. <text class="safety-set-lable">法币收款设置</text>
  50. <view class="safety-set-more">
  51. <text class="more-icon iconfont">&#xe88e;</text>
  52. </view>
  53. </view>
  54. <view class="safety-set-item ">
  55. <text class="safety-set-lable">资金密码{法币、转账}</text>
  56. <view class="safety-set-more">
  57. <text class="more-lable">去设置</text>
  58. <text class="more-icon iconfont">&#xe88e;</text>
  59. </view>
  60. </view>
  61. </view>
  62. </view>
  63. </template>
  64. <script>
  65. export default {
  66. name: 'safety-set',
  67. data() {
  68. return {
  69. };
  70. },
  71. methods:{
  72. changePassword(){
  73. uni.navigateTo({
  74. url:'/pages/content/change-password'
  75. })
  76. }
  77. }
  78. }
  79. </script>
  80. <style lang="scss" scoped>
  81. .safety-set {
  82. width: 100%;
  83. .safety-set-item {
  84. width: 100%;
  85. height: 80rpx;
  86. display: flex;
  87. align-items: center;
  88. justify-content: space-between;
  89. padding: 0 $pages-padding;
  90. font-size: 28rpx;
  91. .safety-set-lable {
  92. // font-weight: 700;
  93. flex-shrink: 0;
  94. }
  95. border-top: 1rpx solid $border-color;
  96. .safety-set-more{
  97. flex-shrink: 0;
  98. display: flex;
  99. align-items: center;
  100. .more-lable{
  101. color:$Theme-Color;
  102. }
  103. .active-more-lable{
  104. color: #ccc;
  105. }
  106. .more-icon{
  107. width: 32rpx;
  108. height: 32rpx;
  109. color: #ccc;
  110. font-size: 32rpx;
  111. }
  112. }
  113. // <view class="safety-set-item">
  114. // <text class="safety-set-lable">邮箱</text>
  115. // <view class="safety-set-more">
  116. // <text class="more-lable active-more-lable">已绑定</text>
  117. // <text class="more-icon iconfont">&#xe88e;</text>
  118. // </view>
  119. // </view>
  120. }
  121. }
  122. .safety-title {
  123. width: 100%;
  124. height: 80rpx;
  125. line-height: 80rpx;
  126. font-size: 28rpx;
  127. color: $Theme-Color;
  128. padding: 0 $pages-padding;
  129. background-color: $page-bg;
  130. }
  131. .item-border {
  132. .safety-set-item {
  133. border-top: none;
  134. border-bottom: 1rpx solid $border-color;
  135. }
  136. }
  137. </style>