Skip to content

梁建民 / h5

Go to a project
Commit e025db7d by 肖康
Options

排行榜

parent 6d7025bc
Expand all
Inline Side-by-side
Showing with 77 additions and 59 deletions
src/api/index.js
......@@ -394,6 +394,8 @@ export const apis = {
brandInfo: productionUrl + 'api/brandInfo',
/**SKU公用接口**/
skuList: productionUrlApi + 'sku/info',
/**获取排行榜接口**/
getlxuserrank: productionUrlApi + 'activity/getlxuserrank',
}
......@@ -643,6 +645,9 @@ export const services = {
skuList(params) {
return axios.post(apis.skuList, params)
},
getlxuserrank(params) {
return axios.post(apis.getlxuserrank, params)
},
};
\ No newline at end of file
src/assets/css/rank/ranking.less
.ranking-content{
background:#885bfe;
*{padding:0px;margin:0px;}
.cp1{background: url("../../images/rank/p1.jpg") no-repeat ;height:380px;width:100%;background-size: 100% 100%; }
.cp2{background: url("../../images/rank/p2.jpg") no-repeat ;height:662px;width:100%;background-size: 100% 100%; }
......@@ -31,6 +32,15 @@
}
}
}
.cpbtn{
width: 196px;
height: 53px;
text-align: center;
margin: 20px auto;
display: block;
cursor: pointer;
background: url("../../images/rank/lijichong.png") no-repeat;background-size: 100% 100%;
}
.cp5{background: url("../../images/rank/p5.jpg") no-repeat ;height:576px;width:100%;background-size: 100% 100%; }
}
......
src/assets/css/rank/ranking.min.css
.ranking-content *{padding:0px;margin:0px}.ranking-content .cp1{background:url("../../images/rank/p1.jpg") no-repeat;height:380px;width:100%;background-size:100% 100%}.ranking-content .cp2{background:url("../../images/rank/p2.jpg") no-repeat;height:662px;width:100%;background-size:100% 100%}.ranking-content .cp3{background:url("../../images/rank/p3.jpg") no-repeat;height:799px;width:100%;background-size:100% 100%}.ranking-content .cp4{background:url("../../images/rank/p4.jpg") no-repeat;height:471px;width:100%;background-size:100% 100%}.ranking-content .cp4 .content{width:93%;height:280px;margin:0 auto;position:relative;top:180px}.ranking-content .cp4 .content p{height:25px;line-height:25px;text-align:center;color:#fff;font-size:14px}.ranking-content .cp4 .content p span{width:33.33%}.ranking-content .cp4 .content p span.l-z font{position:relative;left:4%}.ranking-content .cp4 .content p span.r-z font{position:relative;left:-8%}.ranking-content .cp5{background:url("../../images/rank/p5.jpg") no-repeat;height:576px;width:100%;background-size:100% 100%}
\ No newline at end of file
.ranking-content{background:#885bfe}.ranking-content *{padding:0px;margin:0px}.ranking-content .cp1{background:url("../../images/rank/p1.jpg") no-repeat;height:380px;width:100%;background-size:100% 100%}.ranking-content .cp2{background:url("../../images/rank/p2.jpg") no-repeat;height:662px;width:100%;background-size:100% 100%}.ranking-content .cp3{background:url("../../images/rank/p3.jpg") no-repeat;height:799px;width:100%;background-size:100% 100%}.ranking-content .cp4{background:url("../../images/rank/p4.jpg") no-repeat;height:471px;width:100%;background-size:100% 100%}.ranking-content .cp4 .content{width:93%;height:280px;margin:0 auto;position:relative;top:180px}.ranking-content .cp4 .content p{height:25px;line-height:25px;text-align:center;color:#fff;font-size:14px}.ranking-content .cp4 .content p span{width:33.33%}.ranking-content .cp4 .content p span.l-z font{position:relative;left:4%}.ranking-content .cp4 .content p span.r-z font{position:relative;left:-8%}.ranking-content .cpbtn{width:196px;height:53px;text-align:center;margin:20px auto;display:block;cursor:pointer;background:url("../../images/rank/lijichong.png") no-repeat;background-size:100% 100%}.ranking-content .cp5{background:url("../../images/rank/p5.jpg") no-repeat;height:576px;width:100%;background-size:100% 100%}
\ No newline at end of file
src/store/modules/rank/index.js 0 → 100644
import Vue from 'vue'
import {Toast} from 'vant';
import {services as Services} from '../../../api/index'
var qs = require('qs');
Vue.use(Toast);
const state = {
rankList:[],
}
const mutations = {
}
const actions = {
getlxuserrank({commit}, payload) {
state.loading = true;
Services.getlxuserrank().then((res) => {
let data = res.data;
if (data.err_code == 0) {
state.rankList=data.data;
}
}).catch(function (err) {
});
}
}
const getters = {}
export default {
state,
mutations,
actions,
getters
}
src/store/store.js
......@@ -25,6 +25,7 @@ import coupon from './modules/user/coupon'
import userInfo from './modules/user/userInfo'
import address from './modules/user/address'
import brand from './modules/brand/brand'
import rank from './modules/rank/index'
Vue.use(Vuex)
......@@ -55,6 +56,7 @@ export default new Vuex.Store({
userInfo,
coupon,
address,
brand
brand,
rank
}
})
src/views/rank/ranking.vue
......@@ -5,69 +5,22 @@
<div class="cp3"></div>
<div class="cp4">
<div class="content">
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
<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>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</font></span>
</p>
<p class="clr">
<span class="fl l-z"><font>1</font></span>
<span class="fl">15997404637</span>
<span class="fl r-z"><font>2562536</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 {Loading } from 'vant';
import Vue from 'vue'
import {mapState} from 'vuex'
Vue.use(Loading);
export default {
name: 'ranking',
data() {
......@@ -77,18 +30,25 @@
},
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: {
......
view/app.js
This diff could not be displayed because it is too large.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment