首先用HBuilderX新建建一个uni-app项目
新建一个目录ucenter,该目录下新建两个vue文件ucenter.vue和setting.vue
ucenter.vue
<template>
<view class="container">
<text>{
{ name }}的个人中心</text>
<navigator url="../ucenter/setting" hover-class="navigator-hover">
<button type="default">设置</button>
</navigator>
</view>
</template>
<script>
export default {
data() {
return {
name: '陶然然'
};
},
onLoad() {},
methods: {}
};
</script>
<style>
.container {
width: 95%;
margin: 0 auto;
text-align: center;