ranking.vue

<template>
    <section class="ranking-content"  >
        <div class="cp1"></div>
        <div class="cp2"></div>
        <div class="cp3"></div>
        <div class="cp4">
            <div class="content">
                <p class="clr" v-if="rankList" v-for="(item,index) in rankList" >
                    <span class="fl l-z"><font>{{index+1}}</font></span>
                    <span class="fl">{{item.account}}</span>
                    <span class="fl r-z"><font>{{item.amount}}</font></span>
                </p>
            </div>
        </div>
        <a href="/s" class="cpbtn" @click="trackShece"></a>
        <div class="cp5"></div>
    </section>
</template>

<script>

    import Vue from 'vue'
    import {mapState} from 'vuex'
    export default {
        name: 'ranking',
        data() {
            return {
                title:"猎芯网-京东战投电子元器件商城_一站式解决电子元器件采购难题",
            }
        },
        computed: {
            ...mapState({
                rankList: state => state.rank.rankList,
            })
        },
        watch:{

        },
        created() {
            this.$store.dispatch({
                type: 'getlxuserrank'
            })

        },
        methods: {
            trackShece(){
                sensors.track('ImmediateImpact',{
                    url: window.location.href,
                    pf:window.lxpf
                });
            }
        },
        components: {


        }
    }
</script>

<style scoped>
    @import "../../assets/css/rank/ranking.min.css";
</style>