球星卡微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

116 lines
2.1 KiB

<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="flex-col section_2">
<view class="justify-between" v-for="(item, index) in list" :key="index">
<text class="text_2">{{ item.title }}</text>
<text class="text_3">{{ item.value }}</text>
</view>
</view>
</view>
</view>
</template>
<script>
import { quickList } from '@/service/grading.js';
export default {
data() {
return {
list: []
};
},
onLoad(){
quickList().then(res => {
this.list = res.data.datas;
})
}
};
</script>
<style scoped lang="css">
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.justify-between{
padding: 20rpx 0;
}
.group_4 {
padding: 2rpx 0 16rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.section_2 {
padding: 20rpx 30rpx 20rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.group_6 {
margin-top: 50rpx;
}
.group_7 {
margin-top: 50rpx;
}
.group_8 {
margin-top: 50rpx;
}
.text_2 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_3 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_4 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_5 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_6 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_7 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_8 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_9 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
</style>