热门

最新

红包

立Flag

投票

同城

我的

发布
weixin_53051713
油麦菜你好
4 年前
trueweixin_53051713

小程序P179 17. 登录与支付-用户信息-渲染第二个面板区域
1、渲染第二个面板区域
①定义第二个面板区域的 UI 结构:

<!-- 第二个面板 -->
<view class="panel">
<!-- 面板的标题 -->
<view class="panel-title">我的订单</view>
<!-- 面板的主体 -->
<view class="panel-body">
<!-- 面板主体中的 item 项 -->
<view class="panel-item">
<image src="/static/my-icons/icon1.png" class="icon"></image>
<text>待付款</text>
</view>
<view class="panel-item">
<image src="/static/my-icons/icon2.png" class="icon"></image>
<text>待收货</text>
</view>
<view class="panel-item">
<image src="/static/my-icons/icon3.png" class="icon"></image>
<text>退款/退货</text>
</view>
<view class="panel-item">
<image src="/static/my-icons/icon4.png" class="icon"></image>
<text>全部订单</text>
</view>
</view>
</view>

CSDN App 扫码分享
分享
评论
2
打赏
  • 复制链接
  • 举报
下一条:
欢迎技术交流与学习
立即登录