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

该文描述了一个包含用户信息展示、数据获取(如头像和昵称)以及选项卡功能的界面设计。选项卡分为收藏和查看订座两部分,每个部分都有详细的列表布局,包括图片、内容介绍和操作(如删除)。在WXSS中,讨论了收藏列表和查看订座列表的样式,如边框宽度和内容排列。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 整个是一个大的容器

整体的布局

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

 

 

  

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值