user-rank-group.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>职级升级-个人中心-创业帮</title>
  6. <meta name="keywords" content="职级升级-个人中心-创业帮">
  7. <meta name="description" content="职级升级-个人中心-创业帮">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="职级升级-个人中心-创业帮">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/main.css">
  16. </head>
  17. <body class="pt0" id="user_group" style="padding-top:0;">
  18. <div class="group" id="app" style="padding:none;" v-cloak>
  19. <van-nav-bar class="user_group_title" title="我的职级" @click-left="backrank" v-if="toptitleisshow" left-arrow>
  20. <template #left>
  21. <van-icon name="arrow-left"></van-icon>
  22. </template>
  23. </van-nav-bar>
  24. <div class="user_groupup_container">
  25. <div class="trophy"><span class="f24 cfff">K{{grade}}职级</span><img src="./static/images/main-rank-alltrophy@3x.png" alt=""></div>
  26. <div class="text cfff">恭喜你
  27. <div class="bottomline bgcfff"></div>
  28. </div>
  29. <div class="congratulations f16 cfff">HI,{{name}},恭喜你成功升级到K5职级!</div>
  30. <div class="congratulations f16 cfff"> 并荣获专属职级徽章</div>
  31. <div class="user_rank_groupup_qrcode bgcfff"></div>
  32. <div class="user_rank_groupup_namecode cfff f16">推荐码:{{number}}</div>
  33. <div class="user_rank_groupup_bottombtn">
  34. <button class="savebtn cfff" style="line-height:0;">保存图片</button>
  35. <button class="share bgcfff">分享成就</button>
  36. </div>
  37. </div>
  38. </div>
  39. <script src="./static/js/klm-vv.min.js"></script>
  40. <script src="./static/js/appfunc.min.js"></script>
  41. <script src="./static/js/klm-axios-config.js"></script>
  42. <script src="./static/js/publicfn.js"></script>
  43. <script>
  44. // 在 #app 标签下渲染一个按钮组件
  45. let app = new Vue({
  46. el: '#app',
  47. data() {
  48. return {
  49. toptitleisshow:false,
  50. grade:5,
  51. number:'H000222',
  52. name:'叶修修'
  53. };
  54. },
  55. created() {
  56. this.toptitleisshow = toptitleisshow;
  57. },
  58. methods: {
  59. backrank(){
  60. PublicLib.GoBack({Level:1});
  61. }
  62. }
  63. });
  64. </script>
  65. </body>
  66. </html>