No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 

199 líneas
4.3 KiB

  1. <template>
  2. <view class="main">
  3. <view class="backTop"></view>
  4. <!-- 头部开始 -->
  5. <view class="header box">
  6. <view class="header-zuo">
  7. <u-avatar
  8. :src="photo?photo:'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/zkgj/headPicture.png'"
  9. size="148"></u-avatar>
  10. </view>
  11. <view class="header-you">
  12. <view class="userName">{{name}}</view>
  13. <view class="mobile">{{mobile}}</view>
  14. </view>
  15. </view>
  16. <view class="settingGroup box">
  17. <navigator class="line" url="/pages/mine/Myprofile">
  18. <view class="title">
  19. <image src="/static/images/setting.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  20. 编辑资料
  21. </view>
  22. <view class="right">
  23. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  24. </view>
  25. </navigator>
  26. <view class="line" @click="phone">
  27. <view class="title">
  28. <image src="/static/images/Customer.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  29. 客服电话
  30. </view>
  31. <view class="right">
  32. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  33. </view>
  34. </view>
  35. <view class="line" @click="Changehepassword">
  36. <view class="title">
  37. <image src="/static/images/password.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  38. 修改密码
  39. </view>
  40. <view class="right">
  41. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  42. </view>
  43. </view>
  44. <view class="line" @click="logout" style="border: none;">
  45. <view class="title">
  46. <image src="/static/images/exit.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  47. 退出登录
  48. </view>
  49. <view class="right">
  50. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  51. </view>
  52. </view>
  53. </view>
  54. </view>
  55. </template>
  56. <script>
  57. var app = getApp();
  58. var util = require("../../utils/util.js");
  59. var config = require("../../config");
  60. export default {
  61. data() {
  62. return {
  63. name: "",
  64. photo: "",
  65. mobile: "",
  66. };
  67. },
  68. onShow: function() {
  69. var userInfos = uni.getStorageSync('weapp_session_userInfo_data');
  70. this.name = userInfos.name,
  71. this.photo = userInfos.picUrl,
  72. this.mobile = userInfos.loginName
  73. },
  74. methods: {
  75. //拨打电话
  76. phone() {
  77. wx.makePhoneCall({
  78. phoneNumber: '4008191707,8888' //仅为示例,并非真实的电话号码
  79. })
  80. },
  81. //修改密码
  82. Changehepassword() {
  83. uni.navigateTo({
  84. url: '/pages/mine/Changehepassword'
  85. });
  86. },
  87. //退出
  88. logout() {
  89. uni.showModal({
  90. title: '提示',
  91. content: '确定要退出?',
  92. cancelColor: "#999999",
  93. showCancel: true,
  94. success(res) {
  95. if (res.confirm) {
  96. app.Closewebsocke()
  97. uni.clearStorageSync(); //清除缓存
  98. uni.showToast({
  99. icon: "none",
  100. title: "退出成功"
  101. })
  102. uni.reLaunch({
  103. url: '/pages/login/index'
  104. });
  105. }
  106. }
  107. });
  108. }
  109. }
  110. };
  111. </script>
  112. <style lang="scss" scoped>
  113. .main {
  114. padding: 0 30rpx;
  115. background: #F8F8F8;
  116. display: flex;
  117. flex-direction: column;
  118. min-height: 100vh;
  119. padding-bottom: 40rpx;
  120. .backTop {
  121. background: #2671E2;
  122. position: absolute;
  123. left: 0;
  124. top: 0;
  125. width: 750rpx;
  126. height: 171rpx;
  127. }
  128. .box {
  129. background: #ffffff;
  130. }
  131. }
  132. .header {
  133. z-index: 2;
  134. width: 100%;
  135. height: 212rpx;
  136. border-radius: 12rpx;
  137. margin-top: 42rpx;
  138. display: flex;
  139. .header-zuo {
  140. width: 148rpx;
  141. height: 148rpx;
  142. margin-top: 32rpx;
  143. margin-left: 30rpx;
  144. }
  145. .header-you {
  146. margin-left: 20rpx;
  147. .userName {
  148. font-size: 36rpx;
  149. font-weight: 500;
  150. color: #303030;
  151. margin-top: 56rpx;
  152. }
  153. .mobile {
  154. font-size: 30rpx;
  155. color: #BDBDBD;
  156. margin-top: 20rpx;
  157. }
  158. }
  159. }
  160. .settingGroup {
  161. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  162. border-radius: 12rpx;
  163. margin-top: 30rpx;
  164. color: #333333;
  165. font-size: 30rpx;
  166. display: flex;
  167. flex-direction: column;
  168. .line {
  169. height: 118rpx;
  170. border-bottom: 1rpx solid #EEEEEE;
  171. margin: 0 38rpx 0 30rpx;
  172. display: flex;
  173. align-items: center;
  174. justify-content: space-between;
  175. .title {
  176. display: flex;
  177. align-items: center;
  178. width: 190rpx;
  179. justify-content: space-between;
  180. }
  181. }
  182. }
  183. </style>