本文介绍: 主要讲了小程序中的几种基本标签和如何使用
一、什么是微信小程序中的标签
- 小程序标签是指微信小程序页面中的不同组件，用于展示和处理数据。
- 小程序标签由结构标签、样式标签和逻辑标签三部分组成，分别对应页面的结构、样式和逻辑。
- 小程序标签具有良好的兼容性，可以在不同品牌、不同型号的手机上正常运行。
二 、基础标签
1.view标签：用于展示文本、图片、组合等元素，类似于HTML的div标签。
2.text标签：用于设置文本的字体、大小、颜色等样式。
<view>
<text>1111</text>
<image src="image.png"></image>
<view>2222</view>
</view>3.scroll-view标签：用于展示可滚动的区域，可以设置横向或纵向滚动。
<scroll-view scroll-x="true">
<view>A</view>
<view>B</view>
<view>C</view>
</scroll-view>3、swiper标签：用于展示可滑动的轮播图。
swiper有很多的属性可以配置,具体可以去文档中看
<swiper>
<swiper-item><image src="image1.png"></image></swiper-item>
<swiper-item><image src="image2.png"></image></swiper-item>
<swiper-item><image src="image3.png"></image></swiper-item>
</swiper>4.button标签：用于创建按钮，可以设置背景颜色、边框、圆角等样式,跟Html中基本一样
5.image标签：用于展示图片，可以设置宽度、高度、模式等样式。
6.input标签：用于输入框，可以处理输入事件和变化事件。
注：想要获取input输入框中的值必须使用bindinput绑定一个方法,用该方法来接受值
<input type="text" bindinput="inputHandler" value="{{text}}" />
Page({
data: {
text: ''
},
inputHandler: function(e) {
this.setData({
text: e.detail.value
})
}
});7.navigator标签：用于跳转页面，可以设置url、目标页面等参数。
在微信小程序中有两种导航方式
navigator为声明式导航（跟Html中的a标签一样直接在属性中定义要跳转的链接）
编程式导航:通过方法来跳转：如下
<button bindtap="gotoMessage"></button>
gotoMessage(){
wx.switchTab({
url:"/pages/group/group"
})
}原文地址:https://blog.csdn.net/weixin_52633911/article/details/135607496
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_57470.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
