uniapp学习（001 前期介绍）

news2025/1/21 9:43:28

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第1p-第p10的内容

简介

在这里插入图片描述
在这里插入图片描述

目录结构

在这里插入图片描述

在这里插入图片描述
效果
在这里插入图片描述
打包成小程序
在这里插入图片描述
在这里插入图片描述
配置开发者工具
在这里插入图片描述

打开安全按钮
在这里插入图片描述
使用uniapp的内置组件 不要使用h5标签（如 div span等） 因为在网页上可以展示出来，但是到了小程序上就不行了
在这里插入图片描述

在这里插入图片描述

新建页面

在这里插入图片描述
配置路由
标题和下拉刷新
在这里插入图片描述

在这里插入图片描述

属性介绍

在这里插入图片描述

按下变色，松开还原的样式

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

防止冒泡 点击子元素 只是子元素发生变化 不影响父元素

在这里插入图片描述

在这里插入图片描述

这里的防止冒泡方法 只在微信小程序好使
在这里插入图片描述

text属性

在这里插入图片描述

设置为可以选择
在这里插入图片描述
在这里插入图片描述

一些效果展示

在这里插入图片描述

在这里插入图片描述

display:inline-block; 行级块元素
在这里插入图片描述

在这里插入图片描述

white-space:nowrap; 不换行
在这里插入图片描述
在这里插入图片描述

轮播图

vw 视图宽度 100vw 就相当于百分之百的宽度
vh 视图高度 100vh 就相当于当前屏幕可视的高度的百分之百的高度
在这里插入图片描述
在这里插入图片描述
这里右边缺一块是因为border也占了一个像素 把右边挤走了
在这里插入图片描述

使用 伪类选择器 每双数的元素变成orange
在这里插入图片描述
在这里插入图片描述
轮播指示点 颜色设置
在这里插入图片描述

在这里插入图片描述

图片

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

最常用的模式 aspectFill
在这里插入图片描述

页面跳转

navigator（导航栏） 相当于html的a标签
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
可以跳转到其他小程序里
在这里插入图片描述
点击图片跳转
在这里插入图片描述

按钮和input

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1789859.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

计算机网络学习实践：模拟PPP协议验证虚拟局域网（VLAN）

计算机网络学习实践：模拟PPP协议验证虚拟局域网（VLAN）

计算机网络实践：模拟PPP协议&&验证虚拟局域网（VLAN） 挺有意思的大家可以跟着做一做，我是跟着韩志刚老师的视频做的 https://www.bilibili.com/video/BV1Qr4y1N7cH?p31&vd_source7831c5b97cfc5c745eb48ff04f6515e7 …
阅读更多...
PostgreSQL 17 Beta1 发布，酷克数据再次贡献核心力量

PostgreSQL 17 Beta1 发布，酷克数据再次贡献核心力量

得益于全球的开发者贡献，PostgreSQL已成长为一款拥有众多全球用户和贡献者、成熟稳定的开源数据库。2024年5月23日，PostgreSQL全球开发组宣布，PostgreSQL 17的首个 Beta 版本现已开放下载。本次新版本带来了众多惊喜。值得一提的是&#xff0…
阅读更多...
算法金 | 再见，PCA 主成分分析！

算法金 | 再见，PCA 主成分分析！

1. 概念：数据降维的数学方法 定义 主成分分析（PCA）是一种统计方法，通过正交变换将一组可能相关的变量转换为一组线性不相关的变量，这组新的变量称为主成分。大白话，PCA能够从数据中提取出最重要的特征&am…
阅读更多...
深入JVM：全面解析GC调优

深入JVM：全面解析GC调优

文章目录 深入JVM：全面解析GC调优一、序言二、GC调优指标三、GC在线监控1、Jstat工具2、VisualVM工具 四、GC日志分析1、收集GC日志2、GCViewer工具3、GCeasy工具 五、GC问题调优1、调整JVM内存大小（1）调整堆内存大小及比例（2&…
阅读更多...
从头搭hadoop集群--分布式hadoop集群搭建

从头搭hadoop集群--分布式hadoop集群搭建

模板虚拟机安装配置见博文：https://blog.csdn.net/weixin_66158110/article/details/139236148 配置文件信息如下：https://pan.baidu.com/s/1074eD5aNVugEPcjwVvi9jA?pwdl1xq（提取码：l1xq） hadoop版本：h…
阅读更多...
行车记录仪人体感应雷达开关模块，飞睿智能雷达模块穿透玻璃、告别漏触烦恼，安防停车监控新方案

行车记录仪人体感应雷达开关模块，飞睿智能雷达模块穿透玻璃、告别漏触烦恼，安防停车监控新方案

随着汽车保有量的持续增长，行车记录仪作为汽车安全配件的必备品，其重要性日益凸显。然而，传统的行车记录仪传感器在停车时往往存在无法穿透玻璃、漏触等问题，给车主带来了诸多不便和安全隐患。本文将深入探讨停车场景下&#xff0…
阅读更多...
2024年清洁能源与可持续发展国际会议（ICDESMF 2024）

2024年清洁能源与可持续发展国际会议（ICDESMF 2024）

2024 International Conference on Clean Energy and Sustainable Development 【1】大会信息 会议简称：ICDESMF 2024 大会时间：2024-07-22 大会地点：中国大理 截稿时间：2024-07-08(以官网为准） 审稿通知&#xff1a…
阅读更多...
【云原生】Kubernetes----POD控制器

【云原生】Kubernetes----POD控制器

目录 引言 一、Pod控制器概述 二、Pod控制器的种类 （一）ReplicaSet （二）Deployment （三）StatefulSet （四）DaemonSet （五）Job 三、使用POD控制器 &a…
阅读更多...
五、nodejs存储图片

五、nodejs存储图片

nodejs存储图片 // 静态托管和数据库创建 创建数据库 新建Public进行静态托管 新建个img的文件夹 在index.js里 // 托管静态 app.use(/public, express.static(./Public))//托管静态资源 /*** 1.引入一个express框架* 2.在加载所有服务模块前，要先连接数据库* …
阅读更多...
MySQL是怎么保证持久性的（redo log日志相关）

MySQL是怎么保证持久性的（redo log日志相关）

Mysql中 事务的很多实现，都是因为有日志的支撑，比如binlog、undo log、redo log等 MySQL是怎么保证持久性的 持久性是指，事务一旦提交，它对数据库的改变就应该是永久性的，接下来的其他操作或故障不能对其有影响。In…
阅读更多...
Java（十）——内部类

Java（十）——内部类

文章目录 内部类静态内部类实例内部类匿名内部类局部内部类 内部类 Java内部类是一种特殊的类定义方式，它允许在一个类的内部定义另一个类。 内部类可以访问其所在外部类的成员变量和成员方法，这使得它非常适用于封装与外部类紧密相关的私有逻辑。 内…
阅读更多...
如何处理SSL证书过期问题？

如何处理SSL证书过期问题？

SSL证书是网络安全的重要组成部分，它为网站提供了数据加密、身份验证和增强用户信任等多重保护。然而，SSL证书并非永久有效，其有效期通常为一年。当SSL证书过期时，网站安全性会受到影响，甚至可能面临安全风险。本文旨在…
阅读更多...
实战|基于YOLOv10与MobileSAM实现目标检测与分割【附完整源码】

实战|基于YOLOv10与MobileSAM实现目标检测与分割【附完整源码】

《博主简介》 小伙伴们好，我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源，可关注公-仲-hao:【阿旭算法与机器学习】，共同学习交流~ 👍感谢小伙伴们点赞、关注！ 《------往期经典推…
阅读更多...
开发一个comfyui的自定义节点-支持输入中文prompt

开发一个comfyui的自定义节点-支持输入中文prompt

文章目录 目标功能开发环境实现过程翻译中文CLIP编码拓展仓库地址完整代码目标功能 目前comfyui的prompt提示词输入节点 CLIP Text Encode 只支持输入英文的prompt，而有时候我们需要自己制定一些prompt，所以就得将我们想要的提示词翻译为英文后再复制粘贴到该节点的输入框中…
阅读更多...
PMP考试难吗？考试通过率有多少？

PMP考试难吗？考试通过率有多少？

我们通常以考试的通过率来评判一个考试的难易程度。通常通过率达到60%以上，这个考试就不太难；达到80% ，这个考试就是不难的。 PMP考试难吗？ 不少想要考PMP的小伙伴都会有这样的疑惑，首先以PMP的含金量来说&#xff0…
阅读更多...
基于Dify的QA数据集构建（附代码）

基于Dify的QA数据集构建（附代码）

大模型相关目录 大模型，包括部署微调prompt/Agent应用开发、知识库增强、数据库增强、知识图谱增强、自然语言处理、多模态等大模型应用开发内容 从0起步，扬帆起航。 大模型应用向开发路径：AI代理工作流大模型应用开发实用开源项目汇总大模…
阅读更多...
python 内置map()函数（高效处理序列数据方法，将函数应用于一个序列的每个元素）（懒加载）

python 内置map()函数（高效处理序列数据方法，将函数应用于一个序列的每个元素）（懒加载）

文章目录 深入解析 Python 内置函数 map()函数定义与用法基本示例 map() 与列表推导式比较（列表推导式在语法上更加简洁， map() 在某些情况下执行效率更高）示例：将数字转化为字符串 map() 结合 lambda 函数使用多个序列结论 深入解…
阅读更多...
kubernetes负载均衡---MetalLB

kubernetes负载均衡---MetalLB

https://github.com/metallb/metallb 参考 ： https://mp.weixin.qq.com/s/MBOWfcTjFMmgJFWw-FIk0Q 自建的Kubernetes集群，默认情况下是不支持负载均衡的。当需要提供服务的外部访问时，可使用 Ingress、NodePort等方式。他们都存在一些问题 …
阅读更多...
智能楼宇安防3D数据可视化平台满足日益增长的安防需求

智能楼宇安防3D数据可视化平台满足日益增长的安防需求

在当今社会，安全是每个人和企业最为关心的问题。为满足日益增长的安防需求，3D可视化公司深圳华锐视点隆重推出安防平台3D可视化管理系统，以先进的三维技术为您的安全保驾护航。 安防平台3D可视化管理系统通过创新的三维可视化技术&#xff0c…
阅读更多...
计算机毕业设计项目、管理系统、可视化大屏、大数据分析、协同过滤、推荐系统、SSM、SpringBoot、Spring、Mybatis、小程序项目编号1-500

计算机毕业设计项目、管理系统、可视化大屏、大数据分析、协同过滤、推荐系统、SSM、SpringBoot、Spring、Mybatis、小程序项目编号1-500

大家好，我是DeBug，很高兴你能来阅读！作为一名热爱编程的程序员，我希望通过这些教学笔记与大家分享我的编程经验和知识。在这里，我将会结合实际项目经验，分享编程技巧、最佳实践以及解决问题的方法。无论你是…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023