- 博客(24)
- 收藏
- 关注
原创 Uni-app入门到精通:uni-app的基础组件
中本实例中,添加一个view组件,通过设置hover-class属性的值,实现点击该view组件,改变其背景颜色。navigator组件用于实现页面跳转,类似于HTML中<a></a>标签,但只能实现本地页面的跳转。view是容器组件,类似于HTML中的<div></div>标签,用于包裹各种元素内容,是页面布局常用的组件。在compony.vue文件中的视图层<template></template>里面添加以下代码。text组件用于包裹文本内容,类似于HTML中的<span></span>标签。
2025-04-01 23:33:53
485
原创 Uni-app入门到精通:页面样式、尺寸单位、基础组件
屏幕变宽,rpx实际显示效果会等比放大,但在App平台和H5平台,屏幕达到960px时,默认将按照375px的屏幕宽度进行计算。uni-app支持的选择器有class、#id、element、element,element、:after、:before,不支持使用*选择器。在pages目录下的VUE文件中定义的样式为局部样式,只作用于相应页面,并会覆盖App.vue中相同选择器的设置。uni-app支持的通用CSS尺寸单位包括px、rpx,其中px为屏幕像素,rpx为响应式px。
2025-03-26 19:03:01
286
原创 Uni-app入门到精通:subPackages节点为小程序的分包加载配置
因小程序有体积和资源加载限制,各小程序平台提供了分包方式,以加快小程序的下载和启动速度。subPackages节点接收一个数组list,list数组的每一项都是应用的分包,其元素的属性如下。设置subPackages节点后,再设置preloadRule分包预加载配置,在打开小程序的某个页面时,由框架自动预加载可能需要的分包,加快打开后续分包页面的速度。在小程序启动时,会默认下载主包并启动主包内的页面,当用户打开分包内某个页面时,对应分包会被自动下载下来,下载完成后再进行展示。此时终端界面会有等待提示。
2025-03-26 12:35:53
384
原创 Uni-app入门到精通:tabBar节点实现多页面的切换
tabBar节点用于实现多页面的切换。对于一个多tabBar应用,可以通过tabBar节点配置项指定一级导航栏,以及tabBar切换时显示的对应页面。在pages.json中提供tabBar节点配置,不仅是为了方便快速开发导航,更重要的是提示App平台和小程序平台的性能。
2025-03-26 01:19:38
495
原创 Uniapp入门到精通:使用view、text、navigator组件实现一个“商品列表页”
uniapp使用view、text、navigator组件实现一个“商品列表页”
2025-03-10 23:26:54
282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人