38 lines
980 B
Vue
38 lines
980 B
Vue
<template>
|
|
<view class="min-height bg-main-light">
|
|
<HeaderItem title="法律计算器"/>
|
|
<view class="flex justify-start items-start flex-wrap">
|
|
<view class="card flex flex-col justify-center items-center m-15"
|
|
v-for="(item, index) in list" :key="index"
|
|
@click="$jump(`/userPages/pages/calDetail?id=${item.id}&title=${item.title}`)"
|
|
style="flex: 0 0 40%; border-radius: 20rpx">
|
|
<u-icon :name="item.icon" size="120rpx"/>
|
|
<text class="text-25 mt-10">{{ item.title }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import HeaderItem from "@/components/HeaderItem.vue";
|
|
import {listLegalCalTypeReq} from "@/api/common";
|
|
|
|
export default {
|
|
name: "cal",
|
|
components: {HeaderItem},
|
|
data() {
|
|
return {
|
|
list: []
|
|
}
|
|
},
|
|
methods: {
|
|
async getList() {
|
|
const {data} = await listLegalCalTypeReq()
|
|
this.list = data
|
|
},
|
|
},
|
|
onLoad() {
|
|
this.getList()
|
|
},
|
|
}
|
|
</script> |