uni-app:常见组件view、text、icon

这篇具有很好参考价值的文章主要介绍了uni-app:常见组件view、text、icon。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

根据html:可知div是块级标签,span是行级标签

这里view类似于div,text类似于span,即

块级标签:view

行级标签:text、icon

类似效果

uni-app:常见组件view、text、icon,uni-app,uni-app,前端,javascript

 两个icon图标,置于第一排

两个view,分别位于第二排、第三排

两个text,置于第四排

代码文章来源地址https://www.toymoban.com/news/detail-582606.html

<template>
	<view class="box">
			<!-- <view class="box1"></view>
			<view class="box2"></view> -->
			<icon type="success" size="26"></icon>
			<icon type="info" size="26"></icon>
			<view>uni-apps</view>
			<view>web前端开发</view>
			<text>hellow</text>
			<text>word!</text>
	</view>
</template>

到了这里,关于uni-app:常见组件view、text、icon的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【uni-app】rich-text的使用

    rict-text可以支持部分HTML节点及属性 rict-text的属性如下: nodes 值为 HTML String 时,在组件内部将自动解析为节点列表, 推荐直接使用 Array 类型避免内部转换导致的性能下降 。App-nvue 和支付宝小程序不支持 HTML String 方式,仅支持直接使用节点列表即 Array 类型,如要使用 HTML

    2024年02月13日
    浏览(43)
  • uni-app web-view的使用

    在上一页点击需要跳转到app内置的浏览器里(app跳h5页面),uniapp提供了web-view 需要新建页面,在新页面里引用web-view,在新页面里才加上网址(h5) 1,在所需页面引入 1,在项目里(uni-app)运用(子传父) 3,html页面 https://gitee.com/dcloud/uni-app/raw/dev/dist/uni.webview.1.5.4.js

    2024年02月11日
    浏览(47)
  • uni-app 之 scroll-view和swiper

    uni-app 之 scroll-view和swiper swiper 轮播图 //indicator-dots=\\\"ture\\\"小圆点, //autoplay=\\\"ture\\\"自动轮播, //interval=\\\"1000\\\"跳转时间, //circular=\\\"ture\\\"是否采用衔接滑动,即播放到末尾后重新回到开头

    2024年02月09日
    浏览(42)
  • uni-app和web-view页面相互传参

    首先:这里说的是uni-app开发的APP项目,嵌入web-view页面,并进行相互传参,如果和您想了解的内容相符,请继续阅读。 一、说到web-view嵌入uni-app开发的APP,传参方面很多人首先会想到url传参。 这种方法是app向webview传参最简单的方式,但也存在许多弊端: 1.参数会被抓取,如

    2024年02月08日
    浏览(50)
  • uni-app开发微信小程序 web-view通讯

    最近开发了一个微信小程序嵌套vue页面 vue页面 有时候会使用到微信小程序的api 但是有的api他h5是不支持的  官方文档中提供的两种方法 @message 内嵌的h5页面不支持 Window的postMessage 在h5端使用没啥问题,这该死的uni-app页面不管怎么弄都会报那个window的错  还是我太菜了。。。

    2024年02月19日
    浏览(60)
  • uni-app:scroll-view滚动盒子,实现横(纵)向滚动条

    参照:scroll-view | uni-app官网 (dcloud.net.cn) 样式:     代码: 扩展:要设置纵向滚动条同理 只是需要将盒子高度小于实际小块的高度,就不会将元素完全展示,再给盒子加上scroll-y=\\\"true\\\"(允许纵向滚动),即可 效果如下:  代码:

    2024年02月17日
    浏览(47)
  • 小程序-uni-app:实现锚点连接/锚点跳转(uni.pageScrollTo、scroll-into-view)

    Uniapp支持锚点连接,可以通过以下步骤实现锚点连接 一、在需要设置锚点的页面,为需要跳转的部分设置id属性。 例如,设置一个id为“section1”的元素: 二、在需要跳转到锚点的页面,使用 uni.navigateTo 或 uni.redirectTo 方法,搭配URL参数的方式实现跳转。 例如,跳转到id为“

    2024年02月14日
    浏览(51)
  • [uni-app] scroll-view中吸顶的简单做法 - overflow-y: auto;

    记录一个css技巧 overflow-y: auto; 要实现scroll内部 , .top 吸顶 , .content 内容上下滚动的效果, 只要在 .content 添加 overflow-y: auto; overflow-y官网描述

    2024年02月09日
    浏览(38)
  • Uni-app组件使用

    组件是 视图层的基本组成单元 。是一个单独且 可复用的功能模块的封装 。 组件名称是由尖括号包裹的,可以看成一个语义化标签,是有开始标签和结束标签的。 如下举个简单的例子: uni-card  //这是开始标签 text 这是一个基础卡片示例,内容较少,此示例展示了一个没有任

    2024年02月09日
    浏览(50)
  • uni-app组件概述

    1.1、组件的含义 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 组件,包括:以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。 component-name 是开始标签, /component-name 是结束标签 开始标签和结束标签之间,称为组件

    2024年02月07日
    浏览(55)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包