user-rank-groupup.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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_rank_group" style="padding-top:0;">
  18. <div class="groupup" id="app" style="padding:none;">
  19. <van-nav-bar class="user_rank_group_title" title="我的职级" @click-left="backrank" v-if="toptitleisshow" left-arrow>
  20. <template #left> <img src="./static/images/left.png" alt=""></template>
  21. </van-nav-bar>
  22. <div class="user_rank_groupup_container">
  23. <div class="trophy"><span>K{{grade}}职级</span><img src="./static/images/main-rank-alltrophy@3x.png" alt=""></div>
  24. <div class="text">恭喜你
  25. <div class="leftline"></div>
  26. <div class="rightline"></div>
  27. </div>
  28. <div class="congratulations">HI,{{name}},恭喜你成功升级到K5职级!</div>
  29. <div class="congratulations"> 并荣获专属职级徽章</div>
  30. <div class="user_rank_groupup_qrcode"></div>
  31. <div class="user_rank_groupup_namecode">推荐码:{{number}}</div>
  32. <div class="user_rank_groupup_bottombtn">
  33. <button class="savebtn">保存</button>
  34. <button class="share"> 分享我的职级</button>
  35. </div>
  36. </div>
  37. </div>
  38. <script>
  39. // 在 #app 标签下渲染一个按钮组件
  40. let app = new Vue({
  41. el: '#app',
  42. data() {
  43. return {
  44. toptitleisshow:false,
  45. grade:5,
  46. number:'H000222',
  47. name:'叶修修'
  48. };
  49. },
  50. created() {
  51. this.toptitleisshow = toptitleisshow;
  52. },
  53. methods: {
  54. backrank(){
  55. PublicLib.GoBack({Level:1});
  56. }
  57. }
  58. });
  59. </script>
  60. </body>
  61. </html>