Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
 
 
 

238 righe
5.5 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/subscribe">
  18. <view class="title">
  19. <image src="/static/images/studyhot.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. <navigator class="line" url="/pages/mine/Myprofile">
  27. <view class="title">
  28. <image src="/static/images/setting.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. </navigator>
  35. <view class="line" @click="phone">
  36. <view class="title">
  37. <image src="/static/images/Customer.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="Changehepassword">
  45. <view class="title">
  46. <image src="/static/images/password.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 class="line" @click="logout" style="border: none;">
  54. <view class="title">
  55. <image src="/static/images/exit.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  56. 退出登录
  57. </view>
  58. <view class="right">
  59. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  60. </view>
  61. </view>
  62. </view>
  63. </view>
  64. </template>
  65. <script>
  66. var app = getApp();
  67. var util = require("../../utils/util.js");
  68. var config = require("../../config");
  69. export default {
  70. data() {
  71. return {
  72. name: "",
  73. photo: "",
  74. mobile: "",
  75. };
  76. },
  77. onShow: function() {
  78. var userInfos = uni.getStorageSync('weapp_session_userInfo_data');
  79. this.name = userInfos.name,
  80. this.photo = userInfos.picUrl,
  81. this.mobile = userInfos.loginName
  82. },
  83. methods: {
  84. //拨打电话
  85. phone() {
  86. wx.makePhoneCall({
  87. phoneNumber: '4008191707,8888' //仅为示例,并非真实的电话号码
  88. })
  89. },
  90. //修改密码
  91. Changehepassword() {
  92. uni.navigateTo({
  93. url: '/pages/mine/Changehepassword'
  94. });
  95. },
  96. //退出
  97. logout() {
  98. uni.showModal({
  99. title: '提示',
  100. content: '确定要退出?',
  101. cancelColor: "#999999",
  102. showCancel: true,
  103. success(res) {
  104. if (res.confirm) {
  105. app.Closewebsocke()
  106. uni.clearStorageSync(); //清除缓存
  107. uni.showToast({
  108. icon: "none",
  109. title: "退出成功"
  110. })
  111. uni.reLaunch({
  112. url: '/pages/login/index'
  113. });
  114. }
  115. }
  116. });
  117. },
  118. // tosubscr(){
  119. // let that=this;
  120. // wx.login({
  121. // success (res) {
  122. // if (res.code) {
  123. // let appid ='wxd9748307889cbe0d';
  124. // let secret = 'cfc40d2b86b650e216e900a2c430cd2b'
  125. // let url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + secret + '&js_code=' +res.code + '&grant_type=authorization_code';
  126. // uni.request({
  127. // url: url, // 请求路径
  128. // success: result => {
  129. // that.$u.get("/user/bindMessage",{
  130. // openId:result.data.openid,
  131. // loginName:that.mobile
  132. // }).then(data => {
  133. // console.log(data)
  134. // })
  135. // }
  136. // })
  137. // } else {
  138. // console.log('登录失败!' + res.errMsg)
  139. // }
  140. // }
  141. // })
  142. // // /pages/mine/subscribe
  143. // },
  144. }
  145. };
  146. </script>
  147. <style lang="scss" scoped>
  148. .main {
  149. padding: 0 30rpx;
  150. background: #F8F8F8;
  151. display: flex;
  152. flex-direction: column;
  153. min-height: 100vh;
  154. padding-bottom: 40rpx;
  155. .backTop {
  156. background: #2671E2;
  157. position: absolute;
  158. left: 0;
  159. top: 0;
  160. width: 750rpx;
  161. height: 171rpx;
  162. }
  163. .box {
  164. background: #ffffff;
  165. }
  166. }
  167. .header {
  168. z-index: 2;
  169. width: 100%;
  170. height: 212rpx;
  171. border-radius: 12rpx;
  172. margin-top: 42rpx;
  173. display: flex;
  174. .header-zuo {
  175. width: 148rpx;
  176. height: 148rpx;
  177. margin-top: 32rpx;
  178. margin-left: 30rpx;
  179. }
  180. .header-you {
  181. margin-left: 20rpx;
  182. .userName {
  183. font-size: 36rpx;
  184. font-weight: 500;
  185. color: #303030;
  186. margin-top: 56rpx;
  187. }
  188. .mobile {
  189. font-size: 30rpx;
  190. color: #BDBDBD;
  191. margin-top: 20rpx;
  192. }
  193. }
  194. }
  195. .settingGroup {
  196. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  197. border-radius: 12rpx;
  198. margin-top: 30rpx;
  199. color: #333333;
  200. font-size: 30rpx;
  201. display: flex;
  202. flex-direction: column;
  203. .line {
  204. height: 118rpx;
  205. border-bottom: 1rpx solid #EEEEEE;
  206. margin: 0 38rpx 0 30rpx;
  207. display: flex;
  208. align-items: center;
  209. justify-content: space-between;
  210. .title {
  211. display: flex;
  212. align-items: center;
  213. width: 190rpx;
  214. justify-content: space-between;
  215. }
  216. }
  217. }
  218. </style>