微信小程序基础知识--我的界面

 整个是一个大的容器

整体的布局

container

     user.info

            user-avatar

一、open-data   获取用户的头像和昵称等信息

 

 

padding 类边距  上下左右

 

 

 

 

二、选项卡

tab

    storage  已收藏

     reser   查看订座

storage list

    storage-item（垂直下去的）

      头像图片

       介绍内容

        删除

reser  list

    reser-item

       订座时间

       到店时间

        桌号

     reser-item 

      订座时间

       到店时间

         桌号

       

WXML

 

 

 

2.1 收藏 WXSS

收藏

左右的盒子

左右

列表的盒子

 

 

删除键

图片布局

文字   右边有边距

 

2.2 查看订座    WXSS 

reser-item

下边框的参数

宽度一个250rpx  两个时间是500  总共720   桌号剩下220