微信小程序学习笔记（6）--------组件

最新推荐文章于 2024-04-20 19:25:20 发布
最新推荐文章于 2024-04-20 19:25:20 发布
阅读量701 收藏
点赞数 1
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsp45212/article/details/53519255
版权
这篇博客详细介绍了微信小程序的基础组件，包括视图容器如<scroll-view>的使用注意事项，基础内容如<icon>的类型，以及表单组件、操作反馈、导航、媒体组件、地图和画布等各个类别，为开发者提供了全面的组件知识。
摘要由CSDN通过智能技术生成

         组件

基础组件

    组件：组件是视图层的基本组成单元。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之间。

    注意：所有组件与属性都是小写，以 - 连接

基础组建分为八大类

一、视图容器（View Container）

组件名

说明

view

视图容器

scroll-view

可滚动视图容器

swiper

滑块视图容器

   

最低0.47元/天 解锁文章
zsp45212
关注
专栏目录
微信小程序自定义组件
lhblmd的博客
06-06 2188
微信小程序自定义组件
微信小程序学习笔记-自定义组件
weixin_43364458的博客
03-06 168
方式一: 局部注册方式二: 全局注册自定义组件位置定义组件
微信小程序组件的定位
qq_41518266的博客
11-22 2814
一、相对定位绝对定位 相对定位：相对自身定位 { position: relative; top: 50rpx; left:50rpx } 绝对定位：相对离它最近的一个已定位的父级元素定位 { position: absolute; top: 50rpx; left:50rpx } 二、margin和padding  margin用来隔开容器与容器间的间距  padd...
微信小程序—自定义组件
A5865459的博客
03-08 2674
一、创建与使用 组件创建： 1.在小程序项目根目录新建components文件夹 2.在components文件夹中创建文件夹，自定义命名，如nav 3.右击nav文件夹，选择新建Component，即创建出js、json、wxml、wxss四个文件 组件使用（局部引用与全局引用）： 在.json文件中引用组件，组件引用格式： "usingComponents": { "引用后的名字":"组件路径" } 局部引用：只在当前页面使用自定义组件，在其他页面中引入不起作用 ...
Android开发人员学习小程序系列之组件位置
weixin_34279246的博客
05-19 328
Android开发人员学习小程序系列之组件位置 本文首发至我的个人公众号：Android开发圈（id：RainYang_WX） 引言 在Android开发中，我们设置控件的位置，首先确定目标控件是在哪种布局下的，常见的布局有RelativeLayout(相对布局)、LinearLayout(绝对布局)、ConstraintLayout(约束性布局) 等等。是先确定了目标控件的父容器，然后再根据...
微信小程序开发之——map组件
我的博客
09-27 1万+
wx.getLocation获取用户当前位置信息map组件的基础属性(显示带有方向的当前定位点，显示指南针，开启卫星图)map添加标记点markermore。
微信小程序-云笔记-程序源码.zip
05-31
通过学习和分析这个“微信小程序-云笔记”的源码，开发者不仅可以深入理解微信小程序的开发流程，还能掌握实际项目中的最佳实践，提升自己的小程序开发技能。同时，这样的源码也可以作为示例，帮助初学者快速上手...
前端学习笔记-微信小程序学习笔记
01-09
前端学习笔记-微信小程序学习笔记 微信小程序是一种基于微信平台的轻量级应用程序，提供了前端开发的解决方案。本笔记总结了微信小程序的基本组成部分、JSON 配置文件的作用、WXML 模板语法、WXSS 样式语言、JS ...
微信小程序代码-云笔记开发.zip
04-22
"云笔记开发.zip"这个压缩包包含了一个基于微信小程序开发的云笔记应用的源代码，对于学习微信小程序开发或者想要快速搭建一个云笔记应用的开发者来说，是一个宝贵的资源。 在微信小程序的开发过程中，主要涉及到...
微信小程序（组件--表单：交互控件）
最新发布
2301_77110605的博客
04-20 787
针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、混合式开发（ReactNative+Weex）全方面的Android进阶实践技术，群内还有技术大牛一起讨论交流解决问题。
微信小程序基础学习（WXSS+组件）
Jenny_Ghost的博客
02-13 4603
WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 与 CSS 相比，WXSS 扩展的特性有：单位尺寸和样式导入
微信小程序中组件的使用
专研前端，探索后端
11-30 1767
微信小程序中组件的使用
微信小程序中踩过的坑 input textarea swiper
感恩、奋进、自信
08-16 2万+
微信小程序中踩过的坑 1、input组件的问题：      在input聚焦期间，不能做css动画，否则input中的placeholder会错位     如果动画和聚焦都想要的话，那么可以在动画完成之后，在设置聚焦 2、请勿在 scroll-view 中使用 textarea、map、canvas、video 组件     swiper和swiper-item是继承scroll-vie
微信小程序开发——map地图组件，定位，并手动修改位置偏差。
热门推荐
贝尔·格里屌斯的专栏
01-29 9万+
环境搭建 注册，获取APPID（没有这个不能真鸡调试） 下载微信web开发者工具（挺多bug，将就用） 打开微信web开发者工具，扫码登录，新建小程序，输入APPID，勾选创建quick start项目。 工程结构可以看到工程根目录中有个app.js，这里可以定义全局变量，通过getApp()获取。 项目中有了一些示例，已经有了获取用户信息的方法等。 开发地图定位，选择位置功能我们直接修改ind
【微信小程序教程】点击按钮移动view标签的位置
FutrueJet的博客
11-14 1万+
【微信小程序教程】点击按钮移动view标签的位置
微信小程序 view 内控件位置问题、以及定位问题（column（显示为多行） 和 row （显示为一行））
风吹草低见牛羊
04-11 3万+
一、首先需要知道： 小程序的page中的.wxml中有一个默认的最外层布局“page”（在wxml中并未显示出来），默认的width和height是适应内容大小的。可以在.wxss中设置样式：（下面样式：适应页面的宽度和高度） page{ height: 100%; width: 100%; } 二、当你设置了父布局的宽高之后，再设置内容控件的大小和位置才会生效。 .wxml文...
微信小程序弹窗组件
haluodepaopao的博客
04-01 1024
弹窗组件使用 1.组件引入方式，需要引入组件的json中添加组件的相对位置 { "usingComponents": { "modalView": "相对位置" } } 2.组件基本用法 两个按钮 <modalView show="{{showComponents}}" modalValue="{{modalValue}}" bindCancel="bindCancel" bindConfirm='bindConfirm'></modalView> 一个按钮 &l
微信小程序的组件
yang792508465的博客
03-25 8227
第五单元 小程序组件 一、昨日知识点回顾 1.小程序导航 2.上拉加载和下拉刷新的配置 3.小程序网络请求 4.异步api的promise化 二、本单元知识点概述 （Ⅰ）指定教材 无 （Ⅱ）知识点概述 （Ⅲ）教学时长 共4课时，180分钟 三、本单元教学目标 （Ⅰ）重点知识目标 1.组件的创建 2.组件通信 （Ⅱ）能力目标 1.掌握组件的创建 2.掌握组件通信 四、本单元知识详讲 5.1. 小程序组件 5.1.1 组件创建 在项目的根目录中，鼠标右键，创建 c
小程序中scroll-view的使用
留白空间
01-20 2万+
scroll-view可滚动视图区域。 使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。动态设置滚动条位置可以在js中设置滚动条的位置，比如我希望设置为滚动条的高度能够撑满除底部固定按钮外的剩余界面，并在每一次点击按钮之后，往scroll-view中添加内容，并将滚动条可以移到最下方。我是这样设置的： //wxml页面设置<scroll-view style="hei
微信小程序事件详解：全貌与调试技巧
在Coco-LG的学习笔记中，我们主要探讨了微信小程序中的事件系统。事件在小程序开发中扮演着至关重要的角色，它是视图层与逻辑层之间交互的核心机制，使得用户行为能够及时地传递到后台处理逻辑。事件可以绑定在各种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值