微信小程序> 微信小程序常用标签-微信小程序(3)——常用的组件-小程序标签

微信小程序常用标签-微信小程序(3)——常用的组件-小程序标签

浏览量:1846 时间: 来源:weixin_33724059
view:

1.view是小程序中的视图容器之一,似于html中的div标签

viewclass="section"viewclass="section__title"flex-direction:row/viewviewclass="flex-wrp"style="flex-direction:row;"viewclass="flex-itembc_green"1/viewviewclass="flex-itembc_red"2/viewviewclass="flex-itembc_blue"3/view/view/viewimage

2.image是小程序中的媒体组件,顾名思义就是图片,类似于html中的image标签

viewclass="section__ctn"imagestyle="width:200px;height:200px;src="../../demo.png"/image/viewtext

3.text是小程序基础内容中的文本,在小程序中除了该节点外其他节点均无法长按选中。

viewtextHelloworld/text/viewswiper

4.swiper是小程序中的滑块视图容器,

swiperindicator-dots="true"autoplay="true"interval="5000"!--swiper-item可以多个--swiper-itemimagesrc="/images/1.png"/image/swiper-itemswiper-itemimagesrc="/images/2.png"/image/swiper-itemswiper-itemimagesrc="/images/3.png"/image/swiper-item/swiper属性名类型默认值说明最低版本indicator-dotsBooleanfalse是否显示面板指示点indicator-colorColorrgba(0,0,0,.3)指示点颜色1.1.0indicator-active-colorColor#000000当前选中的指示点颜色1.1.0autoplayBooleanfalse是否自动切换currentNumber0当前所在页面的indexintervalNumber5000自动切换时间间隔durationNumber500滑动动画时长circularBooleanfalse是否采用衔接滑动verticalBooleanfalse滑动方向是否为纵向bindchangeEventHandlecurrent改变时会触发change事件,event.detail={current:current,source:source}

5.

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎