12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>职级升级-个人中心-创业帮</title>
- <meta name="keywords" content="职级升级-个人中心-创业帮">
- <meta name="description" content="职级升级-个人中心-创业帮">
- <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
- <meta content="telephone=no" name="format-detection">
- <meta content="email=no" name="format-detection">
- <meta name="apple-mobile-web-app-title" content="职级升级-个人中心-创业帮">
- <meta http-equiv="Cache-Control" content="no-siteapp">
- <link rel="stylesheet" href="./static/css/main.css">
- </head>
- <body class="pt0" id="user_rank_group" style="padding-top:0;">
- <div class="groupup" id="app" style="padding:none;">
- <van-nav-bar class="user_rank_group_title" title="我的职级" @click-left="backrank" v-if="toptitleisshow" left-arrow>
- <template #left> <img src="./static/images/left.png" alt=""></template>
- </van-nav-bar>
- <div class="user_rank_groupup_container">
- <div class="trophy"><span>K{{grade}}职级</span><img src="./static/images/main-rank-alltrophy@3x.png" alt=""></div>
- <div class="text">恭喜你
- <div class="leftline"></div>
- <div class="rightline"></div>
- </div>
- <div class="congratulations">HI,{{name}},恭喜你成功升级到K5职级!</div>
- <div class="congratulations"> 并荣获专属职级徽章</div>
- <div class="user_rank_groupup_qrcode"></div>
- <div class="user_rank_groupup_namecode">推荐码:{{number}}</div>
- <div class="user_rank_groupup_bottombtn">
- <button class="savebtn">保存</button>
- <button class="share"> 分享我的职级</button>
- </div>
- </div>
- </div>
- <script>
- // 在 #app 标签下渲染一个按钮组件
- let app = new Vue({
- el: '#app',
- data() {
- return {
- toptitleisshow:false,
- grade:5,
- number:'H000222',
- name:'叶修修'
- };
- },
- created() {
- this.toptitleisshow = toptitleisshow;
- },
- methods: {
- backrank(){
- PublicLib.GoBack({Level:1});
- }
- }
- });
- </script>
- </body>
- </html>
|