必威体育Betway必威体育官网
当前位置:首页 > IT技术

小程序开发之组件view(视图容器)

时间:2019-06-12 03:44:14来源:IT技术作者:seo实验室小编阅读:86次「手机版」
 

view

view

view为视图容器。

在这里插入图片描述

index.wxml

<view class="section">
  <view class="section_title">横向</view>
  <view class="flex-wrp" style="flex-direction:row;">
    <view class="bg_green">1</view>
    <view class="bg_red">2</view>
    <view class="bg_blue">3</view>
  </view>
</view>

<view class="section">
  <view class="section_title">竖向</view>
  <view class="flex-wrp" style="height: 300px;flex-direction:column;">
    <view class="bg_green">1</view>
    <view class="bg_red">2</view>
    <view class="bg_blue">3</view>
  </view>
</view>

index.wxss

.flex-wrp {
  display: flex;
}
.bg_green {
  background: green;
  width:100px; 
  height: 100px;
}
.bg_red {
  background: red;
  width:100px; 
  height: 100px;
}
.bg_blue {
  background: blue;
  width:100px; 
  height: 100px;
}

视图展示

在这里插入图片描述

相关阅读

wrapper容器

wrapper 启动程序说明 启动模式 启动wrapper时,会同时启动两个进程。 一个主进程:不“干实事”,只做为守护进程; 一个子进程:“干

深入了解ViewFlipper工作机制

平时我们在使用ViewFlipper的时候一方面感叹ViewFlipper的使用很简单,另一方面,我们时常感叹ViewFlipper给我们的接口方法太少,很多

大家的公司code review都是怎么做的?遇到过什么问题么?

原文地址:https://www.zhihu.com/question/41089988回答人:腾讯Bugly( 这个名字有点意思)腾讯Bugly一种愉悦的开发方式 307 人赞同了

ImageView的scaleType的属性理解

ImageView的scaleType的属性值有MATRIX,FIT_XY,FIT_START,FIT_END,FIT_CENTER,CENTER,CENTER_CROP,CENTER_INSIDE.1.android:scal

ListView的简单应用(一)

犹豫了几天,觉得还是把这个教程写一下吧。虽然在网上已经一大堆了,但是这是我学习的历程我觉得我还是该记录下来,以后也可以温故而知

分享到:

栏目导航

推荐阅读

热门阅读