用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 查看内容

微信小程序开发手记《二》:属性display

天下雪 2017-4-23 00:04

作者:王梵,来自原文地址先来看一个示例/*demo.wxml*/ view class="demo-view" view class="bc_green"/view view class="bc_red"/view view class="bc_yellow"/view view class="bc_black"/view /view1234567123456 ...

作者:王梵,来自原文地址

先来看一个示例

/*demo.wxml*/
<view class="demo-view">
    <view class="bc_green"></view>
    <view class="bc_red"></view>
    <view class="bc_yellow"></view>
    <view class="bc_black"></view>
</view>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
/*demo.wxss*/
.demo-view{
    display: flex;
    background-color: #ffffff;
    height: 100%;
    flex-direction: row;
}
.bc_green{
    background-color: #00ff00;
    width: 100rpx;
    height: 100rpx;
}
.bc_red{
    background-color: #ff0000;
    width: 200rpx;
    height: 100rpx;
}
.bc_yellow{
    background-color: #0000ff;
    
                
鲜花
鲜花 (1)
鸡蛋
鸡蛋 (1)

刚表态过的朋友 (2 人)

分享至 : QQ空间
收藏

相关阅读