微信 小程序布局 左右三区块

Posted ThisCall

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信 小程序布局 左右三区块相关的知识,希望对你有一定的参考价值。

 

/* 3三区块部分 *************/
.wear-diamonds{
display: flex;
width: 100%;
height: 300rpx;
}
.wear-diamonds>view{
width: 50%;
height:100%;
border: 1px solid black;
}
.diamonds-right>view{
width: 100%;
height: 50%;
border: 1px solid #000;
}
//------------------------------
 
<!-- 3三区块部分 -->
<view class="wear-diamonds">
   <view class=\'diamonds-left\'></view>
   <view class=\'diamonds-right\'>
      <view></view>
      <view></view>
   </view>
</view>

以上是关于微信 小程序布局 左右三区块的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序——左右滑动切换页面

微信小程序View的布局

微信小程序直播消息滑动

小程序Swiper做Tab切换,带tab切换动画

小程序微信小程序实现各种特效实例

微信小程序页面左右滑动关闭