admin 管理员组

文章数量: 1184232


2024年4月13日发(作者：nearly中文)

一、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


本文标签： 样式 页面 使用

版权声明：本文标题：uniapp示例(零基础) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1712999167a616460.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。