uniapp示例(零基础)

uniapp示例(零基础)


2024年5月4日发(作者:)

一、uni app介绍、部署、目录结构

uni-app 是一个使用 开发跨平台应用的前端框架,开发者编写一套代码,可

编译到iOS、Android、H5、小程序等多个平台。

二、uni的样式和布局

可以在根目录定义全局样式,子页面可以单独定义单页样式 基准宽度为

750px,建议设计宽度为750px,导入外联样式和使用内联样式 选择器 .class#id element。

三、uni配置相关

可以进行页面配置 pages进行每个页面的声明 globalStyle 全局页面

样式设置。也可以在每个页面进行单独页面样式设置 tabBar 页面菜单项设置 condition

开发期间生效,编译模式,测试模拟页面使用 其它配置可以在编辑器内查看。

四、生命周期

生命周期介绍

五、模版语法和数据绑定

模版和变量关系

列表渲染 v-for

判断渲染 v-if

六、class 和 style 的使用

class 支持的语法:

1 / 8

style 支持的语法:

七、uni事件处理

几乎全支持 Vue官方文档:事件处理器

事件修饰符

stop 事件绑定

@click="事件函数名"

事件监听、传参

八、基础组件使用

2 / 8


发布者:admin,转转请注明出处:http://www.yc00.com/news/1714819281a2522124.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信