Uniapp基础篇(持续更新)

已于 2024-07-11 19:43:50 修改
阅读量201 收藏
点赞数 3
分类专栏： Uniapp 文章标签： uni-app javascript 开发语言
于 2024-07-11 14:15:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43664588/article/details/140322049
版权

1. Uni-app常用内置组件
view
视图容器
scroll-view
可滚动视图区域，用于区域滚动。需注意在webview渲染的页面中，区域滚动的性能不及页面滚动。
在这里插入图片描述
swiper
滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图。
在这里插入图片描述

在这里插入图片描述

image
uniapp官方iamge指导文档

navigator
页面跳转。该组件类似HTML中的a组件，但只能跳转本地页面。目标页面必须在pages.json中注册。
button 按钮

强壮的病猫~
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp开发app，进行app更新组件
01-17
本篇将详细讲解如何在uniapp中实现APP的更新组件功能，以确保用户能够及时获取最新的应用版本。 一、uniapp简介 uniapp是基于Vue.js开发的多端统一开发框架，通过uni-app，开发者可以使用Vue.js语法编写代码，然后...
01.Linux基础篇
01-02
Linux基础讲解文档
uniapp基础掌握及面试题整理(2022持续更新...)
热门推荐
老古懂的博客
08-08 7万+
uniapp浅析
❤ Uniapp使用一（文档和 API 篇）
林太白
01-16 1704
❤ Uniapp使用一（文档和 API 篇）
vue篇（技术总结 持续更新）
一个有节操的码农
05-05 2972
20200121vue 报错：Cannot read property '_wrapper' of undefined 通常情况下是@click的方法没有在methods中定义，一个个去排查吧 20200117 el-select设置value为对象 普通的，如果直接传对象，会显示如下效果，解决办法：el-select加value-key属性唯一标识 20200109 el-table勾......
uniapp心得体会
2301_78548566的博客
06-24 275
在这个过程中，我对Uni-app有了深刻的体会。掌握 Uni-app 相关开发工具的使用：Uni-app 对于一些开发工具的使用有严格要求，如一些打包工具和调试工具等，我们需要在学习的过程中对这些工具有全面深入的了解和掌握。了解移动应用开发：Uni-app 主要用于移动应用开发，因此我们需要对移动应用开发有一定的了解，例如基本的应用 UI 设计、应用程序的用户体验等等。熟悉移动应用开发的特点：Uni-app 应用于不同的平台，如 H5，小程序等，因此我们需要熟悉不同平台的特点和需要进行的适应性修改。
Uniapp 开发 ①（快速上手）
m0_61490399的博客
06-21 2053
现在，越来越多的人逐渐接受使用TypeScript开发Vue项目的方式。同时，Uni-app作为跨平台开发框架变得越来越受欢迎。Vue3也上市了，提供了许多有用的新功能。Vite是对现代化前端工具的新尝试，它提供了一种新的打包方式，与webpack不同，它使用了浏览器本身更简单的javascript导入。本文将基于Unu-app、Vue3、TypeScript和Vite为基础，搭建一项目。
用uniapp完成一个前端项目
qq_39321234的博客
07-03 2132
这里给初学者提供一个uniapp的练习项目，学习uniapp需要vue和微信小程序的基础（其实微信小程序基础需要的不多），建议把基础内容学牢固了再看本文。uniapp中（基本所有框架都是这样）局部大于全局，这里我给首页定义的文字是青年帮新闻，全局也是青年帮新闻，显示的实际是局部定义的青年帮新闻。选择的默认模板就行，个人比较习惯用vue2，所以这个项目也勾选的是vue2，unicloud这里就不用勾选了。的结构，scroll-view的scroll-x和scroll-y分别是可以上下和左右滑动的属性。
推荐优秀开源项目：UniApp Snippets for VSCode
gitblog_00006的博客
04-22 872
推荐优秀开源项目：UniApp Snippets for VSCode 项目地址:https://gitcode.com/zhetengbiji/uniapp-snippets-vscode 在这个快节奏的开发环境中，提升效率是每个开发者追求的目标。今天我们要介绍的项目是一个为Visual Studio Code（VSCode）用户量身定制的代码片段插件——uniapp-snippets-vs...
快2023了你不会还没学uni-app吧？（uniapp开发快速上手，uniapp项目创建，基础目录介绍）
weixin_45745641的博客
11-06 1155
uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到14个平台，听起来是不是非常厉害，如果你后面想从事前端开发，这个技术栈那必须得了解，本篇文章就带萌新快速上车下面给大家介绍一下一个基础的uni-app的项目结构以及各个文件都是干啥的打开刚刚新建的文件目录，文件不多，下面一 一介绍pages文件夹，顾名思义里面存放的是页面，默认里面包含index文件夹和下面的index.vue页面。
前端进阶知识汇总（持续更新中）
sc909090的博客
11-20 3185
前言 针对学习了前端三件套，html、css、javascript以及vue、react等前端框架其一，但感觉基础知识体系不牢固的同学，补充提供多个方向知识体系，所放链接均为笔者曾经阅读完全的文章，过滤水货。每日一更 js系列 es6常用语法总结 抛开各种让人眼花缭乱的衍生api，最原汁原味的ECMA语法 ES6 常用总结(前端开发js技术进阶提升总结） - xiaobe - 博客园 (cnblogs.com) ES6进阶之路 - GavinJay - 博客园 (cnblogs.com) 前端基础进阶（十
java程序设计基础篇
09-24
本书是java程序设计的基础篇。是英文版的。适合英语水平较好的java初学者观看。也适合开发人员的参考用书。中文版的可以进一步咨询QQ945745429
Altera FPGA CPLD设计基础篇 PDF
06-11
Altera FPGA CPLD基础篇 PDF文档，不包含光盘内容
基础学习hadoop编程篇.pdf
11-17
基础学习hadoop编程篇.pdf
uniapp小程序出现【 wxss GetCompiledResult】报错
最新发布
weixin_49063019的博客
08-09 199
查看小程序源代码发现 wxss 文件内有个不正常的字符。进入页面报错，导致页面无法显示。就是这个 * 导致解析失败。是因为这里使用了通配符。
uniapp本地打包app安装说明
weixin_43750611的博客
08-09 885
使用Android Studio打开目录”HBuilder-Integrate-AS”（使用“HBuilder-HelloUniApp”也可以），并将HBuilder X生成的本地打包资源替换到“src/main/assets/apps”目录下。的值，如图3处位置的值要相同，这个包名要与后续在“开发者中心”设置“应用信息”时的“包名/appid/域名”一致。填好信息，点击“ok”回到上一页，关闭，可以看到“src”目录下已经有新生成的“key.jks”文件。可以使用Android Studio生成。
采用Spring Cloud +UniApp +MySql技术开发，SaaS模式的一套智慧工地云平台源码，支持多端展示：PC端、大屏端、手机端、平板端
爱笑的源码博客
08-06 872
信息管理、信息采集、证件管理、考勤管理、考勤明细、工资管理、现场统计、工种管理、分包商管理、班组管理、WIFI教育（WIFI教育包含：问题类别管理、基础问题管理、试题规则配署、答题历史记录、教育课程管理、视频观看记录、教育答题统计、课程库管理）现场实时人数、劳务总人数、今日出场人次、今日入场人次实时展示、全场班组人数信息、进/出场人员信息展示、轮播图展示（包括姓名、进场时间、单位、工种、班组）、项目人员图表分析（包括年龄分布、男女比例、民族分布）质量方案管理、质量方案变更、质量问题库、标养室监测。
如何把uniapp 项目发布成Andriod App的流程
weixin_45677987的博客
08-05 318
3： 打开项目根目录中的 mainfest.json 配置文件， 在基础配置的面板中， 获取uniapp 的应用标识, 并填写应用名称。4： 切换到App 图标配置面板， 点击浏览按钮， 选择合适的图片之后， 再点击自动生成所有图标并替换即可。8： 点击链接下载apk 的安装包， 并安装到Android 手机中查看打包的效果。1：点击HBuilderX 状态栏左侧的未登录按钮，弹出登录的对话框。2: 在弹出的登录的对话框中, 填写账号和密码之后, 点击登录即可。打包完成之后： 会在控制台生成一个链接。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值