uni-app初学习（二）——页面和组件

最新推荐文章于 2024-06-18 22:55:56 发布
最新推荐文章于 2024-06-18 22:55:56 发布
阅读量261 收藏
点赞数 1
分类专栏： # uni-app 文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43823060/article/details/130984152
版权

pages.json的页面配置和全局配置

uni-app内置组件

1.新建页面

pages点击右键，选择新建页面

选择 使用scss的页面，点击创建 

创建完成后，pages.json文件会发生变化，项目启动时优先显示“pages”数组下排在第一个的页面

2.组件使用

icon

text 

scroll-view

swiper

image

video

button

navigator

PG5
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app生命周期
qq_33864480的博客
04-02 638
组件内（页面除外）不支持 onLoad、onShow 等页面生命周期 应用生命周期 uni-app 支持如下应用生命周期函数： 函数名 说明 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动，或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 onError 当 uni-app 报错时触发...
uni-app把一个页面当做是子组件来用。这个页面既可以单独的显示也可以作为组件用。
肖肖肖丽珠的博客
04-15 2753
遇到的问题：具体就是分享页面，使用了太多的页面，一些是以前得一些页面。如果全部重新浪费时间而且小程序安装包的内存要求一般是2M。重新写肯定浪费内存。所以尽可能得能使用以前得就用以前得页面。 作为一个页面的时候，应该是在onLoad里面获取页面的传值。 但是作为一个组件，onLoad里面是获取不到值的，因为页面不是跳转，这样的方式： uni.navigateTo({ url: 'test?id=1&name=uniapp' }); onLoad(options) { ...
uni-app 页面&组件生命周期
weixin_67002441的博客
07-05 552
onLoad 页面加载触发（只触发一次）onShow 页面显示触发onReady 页面初次渲染完成触发（只触发一次）onHide 页面隐藏触发onUnload 页面卸载触发（只触发一次）onPullDownRefresh 用户下拉触发onReachBottom 页面上拉触底触发onShareAppMessage 用户点击右上角分享 微信小程序触发onPageScroll 页面滚动触发beforeCreate 组件初始化，但数据原生观测、自定义观测(event\watcher)没生成之前 created 组件
Uniapp UI 组件库全解析
最新发布
u011464172的专栏
06-18 1633
Uniapp 提供了丰富的 UI 组件库，帮助开发者快速构建跨平台应用。本文介绍了常用的基本组件和扩展组件，并提供了相应的示例代码。开发者可以通过学习这些组件，快速掌握 Uniapp 开发技巧，构建功能强大、体验良好的应用。
页面组件
DBin
07-02 412
页面组件 1. components方式 在当前页面使用import 标签名 from 组件地址，之后再components中调用标签名，或者直接再components中require(’组件地址‘).default 2. 全局引入 在组件中使用name注册组件，在其它页面直接以标签使用 3. module（’公共函数js‘） 在JBoot实例后 点module('函数名js 自动引入wrap/support下的文件'...
基于uni-app开发的新闻和资讯类App模板
02-22
【基于uni-app开发的新闻和资讯类App模板】 ...通过深入理解和运用这个模板，开发者不仅能快速构建出一个功能完备的新闻和资讯App，还能学习到uni-app的开发模式和最佳实践，为后续的项目开发打下坚实基础。
uni-app录制视频插件，视频压缩，支持设置分辨率和视频名称
09-10
本话题聚焦于uni-app的一个重要功能——视频录制，并且特别关注了在Android平台上录制视频时的分辨率设置和视频命名。 首先，uni-app提供的视频录制功能是基于其丰富的组件库和API支持。通过集成特定的插件，开发者...
uni-app实战直播app全栈开发.zip
05-23
【标题】"uni-app实战直播app全栈开发.zip"揭示了本教程的核心——使用uni-app框架来构建一个完整的直播应用程序。uni-app是一个基于Vue.js的多端开发框架，旨在简化跨平台应用的开发流程，支持包括H5、微信小程序、...
基于 Asp.Net Core 7.0、Uni-App开发，支持可视化布局的小程序商城系统
08-12
Uni-App的出现极大地提高了开发效率，尤其对于小程序的开发，它提供了丰富的组件库和API，让开发者能够快速构建出美观且功能齐全的界面。在这个小程序商城系统中，Uni-App则扮演了前端展示的角色，通过其强大的可视...
uni-app学习心得与技巧
06-19
《uni-app学习心得与技巧——探索小程序应用的无限可能》 在移动互联网时代，小程序已经成为了企业、开发者和用户之间连接的重要桥梁。其中，uni-app作为一款跨平台的开发框架，以其强大的兼容性和高效的开发效率，...
页面组件(微信小程序）
2401_83167768的博客
03-28 808
组件是页面视图层(WXML)的基本组发单元，维件维合可陕内建出能强大的面结细得是爽面视图层构。小程序框架为开发者提供了容器视图、基础内容、表单、导航。多媒体、地、西开放能力等8类(30多个)基础组件。每一个组件都由一对标签组成，有开始标签和结束标签，内容放置在开始标签和结参之间，内容也可以是组件。组件的语法格式如下:<标鉴名 属性名=”属性值”>内容…</标鉴名>组件通过属性来进一步细化。
页面组件——从入门到精通
weixin_66835609的博客
03-28 759
组件是页面视图层(WXML)的基本组成单元，组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图、基础内容、表单、导航、多媒体、图、画布、开放能力等8类(30多个)基础组件。组件通过属性来进一步细化。不同的组件可以有不同的属性，但它们也有一些共用属性，如id、class、style、hidden、data - *、bind * /catch *等。id组件的唯一表示，保持整个页面唯一，不常用class组件的样式类，对应WXSS 中定义的样式style。
管理系统项目中的page页面组件整理
cxx_sunshine的博客
05-15 186
1、页面rootPage。
uni-app 生命周期：应用，页面，组件
PrimaryColor
02-04 706
uni-app的生命周期有三种：应用生命周期，页面生命周期，组件生命周期。 在合理的生命周期内做应该的操作。 一、应用生命周期，app.vue文件中： onLaunch:function(){ //onLaunch只能在app.vue //登录操作，全局变量 }, onShow:function(){ }, onHide:function(){ } onLaunch：应用初始化完成触发一次，全局只触发一次； onShow：应用启动的时候，或者从后台进入前台会触发； onHide：...
VUE----页面组件与功能组件带你认清页面组件与功能组件的区别
bigdatahyy的博客
10-28 3434
@# 学习目标： 提示：这里可以添加学习目标 例如：一周掌握 Java 入门知识 学习内容： 提示：这里可以添加要学的内容 例如： 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间： 提示：这里可以添加计划学习的时间 例如： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出： 提示：这里统计学习计划的总量 例如： 1、 技术笔记 2 遍 2、CSDN 技术博客
页面组件化的架构设计与思考
Q54665642ljf的博客
08-28 985
在第一阶段，虽然把资源管理独立出来，但对于不同场景下的资源加载并没有单独优化，因此考虑从资源管理上入手，利用写时复制的思想来解决资源惰性加载的能力，并通过线程cache的手段避免资源的频繁加载，最终实现一个无需使用者关心的资源中心。为了提高页面的扩展能力，对于通用组建提供基于SPI的扩展点，业务上可以很快的实现组件的重载和扩展，同时对不同的业务实现业务的隔离。组件的抽象定义是为了解决组件的复用性，通过定义通用的展示、表单组件，实现自定义的页面组件渲染能力。...
【微信小程序】常用组件及自定义组件
理想二旬不止 - 专注JAVA技术
09-14 1218
(一) 常用标签 组件你可以理解为传统页面开发时候的各种标签，例如 div span 等等，我这里只说一些常用的，这样就能能搭建出一个基本的页面了，但是如果想要更加美观以及拥有更好的体验，就需要 XSS 和 别的一些强大的组件了，如果有额外的需求，可以去官方文档查阅一下 (同时不常用的属性，也就不提了) https://developers.weixin.qq.com/miniprogram/dev/component/ (1) view view 可以理解为传统页面开发中的 div 块级元素，使用 vi.
uni-app的生命周期函数里应用生命周期、页面生命周期和组件生命周期的区别
qq_51846847的博客
11-16 263
uni-app的生命周期函数里应用生命周期、页面生命周期和组件生命周期的区别
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值