微信小程序的基础标签及使用(入门)

这篇具有很好参考价值的文章主要介绍了微信小程序的基础标签及使用(入门)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

      我们以前在html中使用的很多标签在微信小程序中都无法使用例如div,h1-h6,span等等。 

当然在小程序中会出现很多的标签提供开发者使用:

view:为块元素相对于以前我们所使用的的div

text :可以使当做span使用或者h1-h6         

scroll-view:可滚动视图区域加入属性可以让他实现横滚或者竖向滚动

block:只是一个包装元素,写入样式不会生效,不会渲染到页面上

swiper:是一个滑块容器类组(可以用作轮播图)

input:输入框

radio:单选框

checkbox:多选框

以及很多标签都可以在官方文档中找到:

文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/文章来源地址https://www.toymoban.com/news/detail-506037.html


到了这里,关于微信小程序的基础标签及使用(入门)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【微信小程序开发零基础入门】——微信小程序入门

    学习小程序跟学习网页开发有什么不同 1.如何创建微信小程序项目 1.1 注册、登录、复制appId 注册:在 https://mp.weixin.qq.com/cgi-bin/wx 进行注册微信小程序开发账号 登录:在 https://mp.weixin.qq.com 登录小程序账号 复制appId: 在 \\\"开发\\\" 的 \\\"开发管理\\\" 的 \\\"开发设置\\\" 的 \\\"开发者ID\\\"中 1.2 下

    2024年02月03日
    浏览(62)
  • 微信小程序基础入门---登陆实现

    在用户填写完信息之后,点击登录按钮,调用登录接口,根据后台返回内容判断是否登录成功。        在这里,当我们输入正确的账号和密码之后,后台提示我们登录成功,但是当我们在登录成功之后在调用,获取用户信息的方法的时候,发现提示还是当前用户未登录。

    2023年04月14日
    浏览(31)
  • 微信小程序:使用image标签做背景图片并铺满屏幕

     wxml页面 wxss页面 效果:    

    2024年02月03日
    浏览(93)
  • uniapp微信小程序系列(1)基础与入门

    uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,支持iOS、Android、Web及各平台小程序。本系列文章为uni-app开发微信小程序知识点的归纳总结。 如果你是新手,项目创建一般推荐:uni-ui项目,该项目架构包含了uni官方提供的内嵌UI组件库,方便直接使用。 如果你

    2024年02月17日
    浏览(37)
  • 微信小程序新手入门教程一:零基础上手

    小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。它提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。 1.开发环境不同。 网页运行在浏览器环境中,而小

    2024年03月18日
    浏览(55)
  • 微信小程序-关于我们页面模板

    JS WXML WXSS

    2024年02月16日
    浏览(57)
  • 微信小程序使用vant weapp tab标签页,从其他页面或编译模式中指定当前页tab标签索引值,tab标签页无变化问题。

    vant weapp 在微信小程序中的如何使用大家可以自行到官网中查看,这里不在细述。官网链接:https://vant-ui.github.io/vant-weapp/#/quickstart 我负责开发小程序商城优惠券部分,在需求中优惠券分为线下券和线上券,线上券和线下券可以来回切换,根据不同的业务需求,需要从其他页面

    2024年02月15日
    浏览(61)
  • 微信小程序碰到情人节-我们结婚吧---【小程序花园】

    微信目录集链接在此: 详细解析黑马微信小程序视频–【思维导图知识范围】 难度★✰✰✰✰ 微信小程序开发实战(第2版)入门–【开发实战(第2版)】 ★★✰✰✰ 不会导入/打开小程序的看这里:参考 微信小程序开发实战(第2版)入门–【开发实战(第2版)】 用免费

    2024年02月11日
    浏览(57)
  • 微信小程序基础使用

    微信小程序文件类型 微信小程序主要提供了 4 种文件类型: 类型名称 作用 是否必须存在 .wxml 用于页面的布局结构,相当于网页中 .html 文件 是 .wxss 用于页面的样式,相当于网页中的 .css 文件 否 .js 用于页面的逻辑 是 .json 用于页面的配置 否 文件作用 文件名 作用 是否必须

    2024年02月09日
    浏览(32)
  • 微信小程序使用rich-text解析富文本字符串的时候,遇到image标签图片很大超过屏幕

    场景 : 使用uniapp开发微信小程序,解析富文本文章需求 用到的组件: u-view2.0的u-parse  uniapp提供的rich-text 以上两种组件都是解析富文本的作用,一般用于富文本解析场景,比如解析文章内容,商品详情,带原生HTML标签的各类字符串等,此组件和uni-app官方的 rich-text 组件功能

    2024年02月13日
    浏览(66)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包