美文网首页微信小程序开发
WeChat小程序视图篇-view

WeChat小程序视图篇-view

作者: 王怀智 | 来源:发表于2018-05-06 14:03 被阅读14次

view

是什么?

view属于微信小程序的视图容器之一。在view中可以放各种组件,并且各个组件可以组合。

如何用?

  • flex-direction:row 横向视图
<view>
  <view>flex-direction:row</view>
  <view style="flex-direction:row">
    <view>视图1</view>
    <view>视图2</view>
    <view>视图3</view>
</view>
</view> 
  • flex-direction:column 纵向视图
<view>
  <view>flex-direction:column</view>
  <view style="flex-direction:column">
    <view>视图1</view>
    <view>视图2</view>
    <view>视图3</view>
</view>
</view> 

假装有图☺

博客地址:BeiJing佩奇

相关文章

  • WeChat小程序视图篇-view

    view 是什么? view属于微信小程序的视图容器之一。在view中可以放各种组件,并且各个组件可以组合。 如何...

  • WeChat小程序视图篇~Scroll-view

    scroll-view 是什么? 微信小程序滚动视图,分为横向滚动,纵向滚动。以及滚动事件。 如何用? 纵向滚动-...

  • WeChat小程序视图篇~swiper

    swiper 是什么? swiper是小程序的轮播视图控件,包含指示器、滑动事件、方向、快慢等属性。 显示效果 h...

  • 小程序开发基础-view视图容器

    view 视图容器。 属性 源码 开源github分享 Wechat_small_program_Share微信小...

  • Wechat MP LifeCycle

    微信小程序(MP, Mini Program)框架分为两层 视图层 View 逻辑层AppService 视图层 ...

  • 应用程序UI编程

    基础组件 基础内容组件 表单组件 微信小程序伸缩布局 视图容器 view scroll-viewswiper-view

  • 小程序双线程架构

    为了安全和管控,小程序使用双线程执行:视图线程和逻辑线程。 View视图线程,负责视图渲染,其中WXML模板和WX...

  • 三、小程序组件

    小程序中的组件分为八个大类: 一、视图内容 view swiper轮播图 scroll-view cover-vi...

  • 微信小程序 - 打开APP

    接上一篇文章 --- APP分享小程序到微信(cordova-plugin-wechat) 一、官方小程序打开AP...

  • WeChat 小程序

    快捷键

网友评论

    本文标题:WeChat小程序视图篇-view

    本文链接:https://www.haomeiwen.com/subject/cqhurftx.html