first commit
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user