mirror of
https://github.com/sunniejs/vue-h5-template.git
synced 2025-10-07 04:20:00 +08:00
700a4e0eff
新增依赖："mockjs": "^1.1.0", 删除依赖："core-js": "^3.6.4", 升级依赖： "@vue/cli-plugin-babel": "^4.3.1", "@vue/cli-plugin-eslint": "^4.3.1", "@vue/cli-service": "^4.3.1",
72 lines
1.2 KiB
Vue
72 lines
1.2 KiB
Vue
<!-- home -->
|
|
<template>
|
|
<div class="app-container">
|
|
<div class="warpper">
|
|
<h1 class="demo-home__title"><img src="https://imgs.solui.cn/weapp/logo.png" /><span> VUE H5开发模板</span></h1>
|
|
<h2 class="demo-home__desc">
|
|
A vue h5 template with Vant UI
|
|
</h2>
|
|
</div>
|
|
<van-cell icon="success" v-for="item in list" :key="item" :title="item" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getTagList } from '@/api/home'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
list: []
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
|
|
},
|
|
|
|
created() {
|
|
this.getTagList()
|
|
},
|
|
|
|
mounted() {},
|
|
|
|
methods: {
|
|
async getTagList() {
|
|
const res = await getTagList()
|
|
this.list = res.data
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.app-container {
|
|
.warpper {
|
|
padding: 12px;
|
|
background: #fff;
|
|
.demo-home__title {
|
|
margin: 0 0 6px;
|
|
font-size: 32px;
|
|
.demo-home__title img,
|
|
.demo-home__title span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
img {
|
|
width: 32px;
|
|
}
|
|
span {
|
|
margin-left: 16px;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
.demo-home__desc {
|
|
margin: 0 0 20px;
|
|
color: rgba(69, 90, 100, 0.6);
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|