uni-app初体验及打包成apk

本文介绍了使用HBuilderX创建uni-app项目,并详细讲述了如何构建`ucenter`和`setting`组件,配置`pages.json`,展示目录结构和运行效果。随后,文章详细解析了将uni-app打包为apk的过程,包括注册、云打包、解决appid问题,以及最终在手机上的安装和显示效果。还提供了github源码链接、uni-app官网和阿里巴巴矢量图标库的资源参考。
摘要由CSDN通过智能技术生成

首先用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;
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值