index.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448
  1. <extend name="public/base"/>
  2. <block name="title">
  3. <title>{$seo.title|default=$site_info.site_name.' - 个人中心'}</title>
  4. </block>
  5. <block name="main">
  6. <div class="wrap">
  7. <div class="mine">
  8. <div class="shadowScroll">
  9. <if condition="$userinfo.mem_id gt 0">
  10. <div class="content">
  11. <div class="personalAccount unLogin">
  12. <a href="javascript:void(0);">
  13. <div class="personalAccount_head">
  14. <p class="personalAccount_head__img">
  15. <img src="{$userinfo.avatar|default='__STATIC__/h5wap/images/mine_touxiang.png'}"/>
  16. <div class="personalAccount_head__info" style="color: white">{$userinfo.nickname}</div>
  17. <div class="personalAccount_head__info" style="color: white">ID:{$userinfo.mem_id}</div>
  18. </p>
  19. </div>
  20. <!--<div class="personalAccount_detail">
  21. <img class="icon" src="__STATIC__/h5wap/images/icon_jf.png" alt="">
  22. <span class="point">积分值:{$userinfo.my_integral}</span>
  23. <if condition="$userinfo.has_sign eq 2">
  24. <span class="addsign userJF_div3__qiandao" onclick="$('#signPanel').show()" style="background-image: url('__STATIC__/h5wap/images/button_yiqiandao.png');"></span>
  25. <else/>
  26. <span id="signBtn" class="addsign userJF_div3__qiandao" onclick="addSign()"><i class="reddot"></i></span>
  27. </if>
  28. </div>-->
  29. </a>
  30. </div>
  31. <div class="mask">
  32. <div class="mask_close"></div>
  33. <div class="mask_content"></div>
  34. </div>
  35. <div class="content_main">
  36. <ul class="content_main__list">
  37. <dl class="float_game-list" id="userMoney">
  38. <dt>平台币余额</dt>
  39. <dd>
  40. <img class="moneyImg" src="__STATIC__/h5wap/images/moneyImg.png" alt="">
  41. <span class="moneySpan">{$userinfo.ptb_cnt}</span>
  42. </dd>
  43. </dl>
  44. <!--<li onclick="HuoFloat.changeShow(event)">
  45. <a href="javascript:;">
  46. <img class="user_img" src="{{HuoConfig.staticBaseUrl}}images/userImg.png"/>我的账号
  47. <span><i class="nav_back"><img src="{{HuoConfig.staticBaseUrl}}images/personal_core_back.png" alt="" /></i></span>
  48. </a>
  49. </li>
  50. <li class="showMsg">
  51. <div id="copy">
  52. <span>用户名</span>
  53. <p>
  54. <span class="usernameText"></span>
  55. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_fz@2x.png" alt="">
  56. </p>
  57. </div>
  58. <div onclick="HuoFloat.showAddress('modifying');console.log(HuoConfig.userImg)">
  59. <span>头像</span>
  60. <p>
  61. <img class="user_head" style="border-radius: 50%;" src="{{HuoConfig.staticBaseUrl}}images/img-user.png" alt="">
  62. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_bj@2x.png" alt="">
  63. </p>
  64. </div>
  65. <div onclick="HuoFloat.showAddress('editUserName')">
  66. <span>昵称</span>
  67. <p>
  68. <span class="userNickname">我是蜡笔小新</span>
  69. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_bj@2x.png" alt="">
  70. </p>
  71. </div>
  72. <div id="userStatus" onclick="HuoApi.resetPasswordApi(this)">
  73. <span>修改密码</span>
  74. <p>
  75. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_bj@2x.png" alt="">
  76. </p>
  77. </div>
  78. </li>
  79. <li id="recordsId" onclick="HuoFloat.showAddress('records'); HuoApi.showRecords(this)">
  80. <a href="javascript:;">
  81. <img class="user_img" src="{{HuoConfig.staticBaseUrl}}images/recordsImg.png"/>消费记录
  82. <span><i class="nav_back"><img src="{{HuoConfig.staticBaseUrl}}images/personal_core_back.png" alt="" /></i></span>
  83. </a>
  84. </li>-->
  85. <li>
  86. <a href="javascript: $('.showMsg').toggle();">
  87. <img style="width: 24px;height: 24px;margin-left: 5px;" src="__STATIC__/h5wap/images/userImg.png"/>我的账号
  88. <span>
  89. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  90. </span>
  91. </a>
  92. </li>
  93. <li class="showMsg">
  94. <div id="copy" data-clipboard-text="{$userinfo.username}">
  95. <span>用户名</span>
  96. <p>
  97. <span class="usernameText">{$userinfo.username}</span>
  98. <img class="user-tips" src="__STATIC__/h5wap/images/icon_fz@2x.png" alt="">
  99. </p>
  100. </div>
  101. <div id="modifying" data-img="{$userinfo.avatar|default='__STATIC__/h5wap/images/mine_touxiang.png'}">
  102. <span>头像</span>
  103. <p>
  104. <img class="user_head" style="border-radius: 50%;" src="{$userinfo.avatar|default='__STATIC__/h5wap/images/mine_touxiang.png'}" alt="">
  105. <img class="user-tips" src="__STATIC__/h5wap/images/icon_bj@2x.png" alt="">
  106. </p>
  107. </div>
  108. <div id="editUsernameId">
  109. <span>昵称</span>
  110. <p>
  111. <span class="userNickname">{$userinfo.nickname}</span>
  112. <img class="user-tips" src="__STATIC__/h5wap/images/icon_bj@2x.png" alt="">
  113. </p>
  114. </div>
  115. <div id="userStatus" data-status="{$userinfo.status}">
  116. <span>修改密码</span>
  117. <p>
  118. <img class="user-tips" src="__STATIC__/h5wap/images/icon_bj@2x.png" alt="">
  119. </p>
  120. </div>
  121. </li>
  122. <li>
  123. <a href="/cfloat/order/list">
  124. <img style="width: 24px;height: 24px;margin-left: 5px;" src="__STATIC__/h5wap/images/recordsImg.png"/>消费记录
  125. <span>
  126. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  127. </span>
  128. </a>
  129. </li>
  130. <li>
  131. <a href="/user/address/list">
  132. <img src="__STATIC__/h5wap/images/icon_adress.png"/>地址管理
  133. <span>
  134. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  135. </span>
  136. </a>
  137. </li>
  138. <!-- <li>
  139. <a href="/wap/goods/my">
  140. <img src="__STATIC__/h5wap/images/icon_shimingrenzheng.png"/>商城兑换记录
  141. <span>
  142. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt="" /></i>
  143. </span>
  144. </a>
  145. </li>-->
  146. <li>
  147. <a href="javascript:;" onclick="openIdentifyPage()">
  148. <img src="__STATIC__/h5wap/images/icon_shimingrenzheng.png"/>实名认证
  149. <span>
  150. <i class="nav_back">
  151. <img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/>
  152. </i>
  153. </span>
  154. <span
  155. style="font-size: 10px;color: gray;float: right;margin-right: 6px">{$userinfo.encrypt_id_card}</span>
  156. </a>
  157. </li>
  158. <li>
  159. <a href="/wap/user/bind/mobile">
  160. <img src="__STATIC__/h5wap/images/icon_mine_bangdingshouji.png"/>绑定手机
  161. <span><i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png"
  162. alt=""/></i></span>
  163. <span
  164. style="font-size: 10px;color: gray;float: right;margin-right: 6px">{$userinfo.encrypt_mobile}</span>
  165. </a>
  166. </li>
  167. <li>
  168. <a href="/user/bind/alipay">
  169. <img src="__STATIC__/h5wap/images/icon_mine_zhifubao.png"/>绑定支付宝
  170. <span>
  171. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  172. </span>
  173. <span style="font-size: 10px;color: gray;float: right;margin-right: 6px">{$userinfo.encrypt_alipay_account}</span>
  174. </a>
  175. </li>
  176. <li>
  177. <a href="/wap/richtext/parental_supervision">
  178. <img src="__STATIC__/h5wap/images/icon_mine_jiazhang.png"/>家长监护<span><i class="nav_back"><img
  179. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  180. </a>
  181. </li>
  182. <li>
  183. <a href="/wap/richtext/dispute_resolution">
  184. <img src="__STATIC__/h5wap/images/icon_mine_jiufen.png"/>纠纷处理<span><i class="nav_back"><img
  185. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  186. </a>
  187. </li>
  188. <li>
  189. <a href="/wap/richtext/anti_fraud">
  190. <img src="__STATIC__/h5wap/images/icon_mine_zhapian.png"/>防诈骗说明<span><i class="nav_back"><img
  191. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  192. </a>
  193. </li>
  194. <li>
  195. <a href="/wap/richtext/anti_addiction">
  196. <img src="__STATIC__/h5wap/images/icon_mine_chenigmi.png"/>防沉迷系统说明<span><i class="nav_back"><img
  197. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  198. </a>
  199. </li>
  200. <li>
  201. <a href="/wap/richtext/user_agreement">
  202. <img src="__STATIC__/h5wap/images/icon_mine_yonghuxieyi.png"/>用户协议与隐私政策<span><i
  203. class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  204. </a>
  205. </li>
  206. <!--<li>
  207. <a href="/wap/app/down">
  208. <img src="__STATIC__/h5wap/images/icon_mine_APPxiazai.png"/>APP下载
  209. </a>
  210. </li>-->
  211. </ul>
  212. </div>
  213. <p class="exit wx-remove" onclick="HuoApi.userLogout()"></p>
  214. </div>
  215. <else/>
  216. <div class="content">
  217. <div class="personalAccount unLogin">
  218. <a href="javascript:void(0);">
  219. <div class="personalAccount_head">
  220. <p class="personalAccount_head__img" onclick="HuoUtils.switchTemplate('login')">
  221. <img src="__STATIC__/h5wap/images/mine_touxiang.png"/>
  222. <div class="personalAccount_head__info" onclick="HuoUtils.switchTemplate('login')">登录/注册</div>
  223. </p>
  224. </div>
  225. <!--<div class="personalAccount_detail">
  226. <img class="icon" src="__STATIC__/h5wap/images/icon_jf.png" alt="">
  227. <span class="point">积分值:0</span>
  228. <img class="addsign" onclick="addSign()" src="__STATIC__/h5wap/images/button_qiandao.png" alt="">
  229. </div>-->
  230. </a>
  231. </div>
  232. <div class="content_main">
  233. <ul class="content_main__list">
  234. <!--<li>
  235. <a href="javascript:;">
  236. <img src="__STATIC__/h5wap/images/icon_mine_qiandao@2x.png"/>签到
  237. <span id="signBtn" class="signIn" onclick="addSign()">签到<i class="reddot"></i></span>
  238. </a>
  239. </li>
  240. <li>
  241. <a href="javascript:HuoUtils.switchTemplate('login')">
  242. <img src="__STATIC__/h5wap/images/icon_mine_wodejifen@2x.png"/>我的积分
  243. <span id="myIntegral" class="skyblue">
  244. <span class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt="" /></span>
  245. </span>
  246. </a>
  247. </li>
  248. <li>
  249. <a href="javascript:HuoUtils.switchTemplate('login')">
  250. <img src="__STATIC__/h5wap/images/icon_mine_pingtaibi.png"/>平台币
  251. <span class="skyblue">
  252. <span class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt="" /></span>
  253. </span>
  254. </a>
  255. </li>-->
  256. <dl class="float_game-list" id="userMoney">
  257. <dt>平台币余额</dt>
  258. <dd>
  259. <img class="moneyImg" src="__STATIC__/h5wap/images/moneyImg.png" alt="">
  260. <span class="moneySpan">{$userinfo.ptb_cnt}</span>
  261. </dd>
  262. </dl>
  263. <!--<li onclick="HuoFloat.changeShow(event)">
  264. <a href="javascript:;">
  265. <img class="user_img" src="{{HuoConfig.staticBaseUrl}}images/userImg.png"/>我的账号
  266. <span><i class="nav_back"><img src="{{HuoConfig.staticBaseUrl}}images/personal_core_back.png" alt="" /></i></span>
  267. </a>
  268. </li>
  269. <li class="showMsg">
  270. <div id="copy">
  271. <span>用户名</span>
  272. <p>
  273. <span class="usernameText"></span>
  274. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_fz@2x.png" alt="">
  275. </p>
  276. </div>
  277. <div onclick="HuoFloat.showAddress('modifying');console.log(HuoConfig.userImg)">
  278. <span>头像</span>
  279. <p>
  280. <img class="user_head" style="border-radius: 50%;" src="{{HuoConfig.staticBaseUrl}}images/img-user.png" alt="">
  281. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_bj@2x.png" alt="">
  282. </p>
  283. </div>
  284. <div onclick="HuoFloat.showAddress('editUserName')">
  285. <span>昵称</span>
  286. <p>
  287. <span class="userNickname">我是蜡笔小新</span>
  288. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_bj@2x.png" alt="">
  289. </p>
  290. </div>
  291. <div id="userStatus" onclick="HuoApi.resetPasswordApi(this)">
  292. <span>修改密码</span>
  293. <p>
  294. <img class="user-tips" src="{{HuoConfig.staticBaseUrl}}images/icon_bj@2x.png" alt="">
  295. </p>
  296. </div>
  297. </li>
  298. <li id="recordsId" onclick="HuoFloat.showAddress('records'); HuoApi.showRecords(this)">
  299. <a href="javascript:;">
  300. <img class="user_img" src="{{HuoConfig.staticBaseUrl}}images/recordsImg.png"/>消费记录
  301. <span><i class="nav_back"><img src="{{HuoConfig.staticBaseUrl}}images/personal_core_back.png" alt="" /></i></span>
  302. </a>
  303. </li>-->
  304. <li>
  305. <a href="javascript:HuoUtils.switchTemplate('login')">
  306. <img style="width: 24px;height: 24px;margin-left: 5px;" src="__STATIC__/h5wap/images/userImg.png"/>我的账号
  307. <span>
  308. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  309. </span>
  310. </a>
  311. </li>
  312. <li>
  313. <a href="javascript:HuoUtils.switchTemplate('login')">
  314. <img style="width: 24px;height: 24px;margin-left: 5px;" src="__STATIC__/h5wap/images/recordsImg.png"/>消费记录
  315. <span>
  316. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  317. </span>
  318. </a>
  319. </li>
  320. <li>
  321. <a href="javascript:HuoUtils.switchTemplate('login')">
  322. <img src="__STATIC__/h5wap/images/icon_adress.png"/>地址管理
  323. <span>
  324. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  325. </span>
  326. </a>
  327. </li>
  328. <!--<li>
  329. <a href="javascript:HuoUtils.switchTemplate('login')">
  330. <img src="__STATIC__/h5wap/images/icon_shimingrenzheng.png"/>商城兑换记录
  331. <span>
  332. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt="" /></i>
  333. </span>
  334. </a>
  335. </li>-->
  336. <li>
  337. <a href="javascript:HuoUtils.switchTemplate('login')">
  338. <img src="__STATIC__/h5wap/images/icon_shimingrenzheng.png"/>实名认证
  339. <span>
  340. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  341. </span>
  342. </a>
  343. </li>
  344. <li>
  345. <a href="javascript:HuoUtils.switchTemplate('login')">
  346. <img src="__STATIC__/h5wap/images/icon_mine_bangdingshouji.png"/>绑定手机
  347. <span>
  348. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  349. </span>
  350. </a>
  351. </li>
  352. <li>
  353. <a href="javascript:;HuoUtils.switchTemplate('login')">
  354. <img src="__STATIC__/h5wap/images/icon_mine_zhifubao.png"/>绑定支付宝
  355. <span>
  356. <i class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i>
  357. </span>
  358. </a>
  359. </li>
  360. <li>
  361. <a href="/wap/richtext/user_agreement">
  362. <img src="__STATIC__/h5wap/images/icon_mine_jiazhang.png"/>家长监护<span><i class="nav_back"><img
  363. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  364. </a>
  365. </li>
  366. <li>
  367. <a href="/wap/richtext/user_agreement">
  368. <img src="__STATIC__/h5wap/images/icon_mine_jiufen.png"/>纠纷处理<span><i class="nav_back"><img
  369. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  370. </a>
  371. </li>
  372. <li>
  373. <a href="/wap/richtext/user_agreement">
  374. <img src="__STATIC__/h5wap/images/icon_mine_zhapian.png"/>防诈骗说明<span><i class="nav_back"><img
  375. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  376. </a>
  377. </li>
  378. <li>
  379. <a href="/wap/richtext/anti_addiction">
  380. <img src="__STATIC__/h5wap/images/icon_mine_chenigmi.png"/>防沉迷系统说明<span><i class="nav_back"><img
  381. src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  382. </a>
  383. </li>
  384. <li>
  385. <a href="/wap/richtext/user_agreement">
  386. <img src="__STATIC__/h5wap/images/icon_mine_yonghuxieyi.png"/>用户协议与隐私政策<span><i
  387. class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" alt=""/></i></span>
  388. </a>
  389. </li>
  390. <!--<li>
  391. <a href="/wap/app/down">
  392. <img src="__STATIC__/h5wap/images/icon_mine_APPxiazai.png"/>APP下载
  393. </a>
  394. </li>-->
  395. </ul>
  396. </div>
  397. <!--<p class="exit wx-remove" style="background-color: #23B0CB;">-->
  398. <!--<a href="javascript:HuoUtils.switchTemplate('login')" style="color: #fff; display: block;">登录</a>-->
  399. <!--</p>-->
  400. </div>
  401. </if>
  402. </div>
  403. <div class="footer">
  404. <include file="public/navbar" index="4"/>
  405. </div>
  406. </div>
  407. <include file="public/sign"/>
  408. </div>
  409. </block>
  410. <block name="otherScript">
  411. <script>
  412. $(function () {
  413. let clipboard = new ClipboardJS('#copy');
  414. clipboard.on('success', function (e) {
  415. HuoUtils.tips('复制成功');
  416. });
  417. clipboard.on('error', function (e) {
  418. HuoUtils.tips('复制失败');
  419. });
  420. })
  421. </script>
  422. </block>