微信小程序（八）我的界面

my.wxml

<!--pages/my/my.wxml-->
<view class="content"><!-- 登录相关--><view class="head"><view class="headIcon"><image src="/pages/images/bar/head.jpg" style="width:70px;height:70px;"></image></view><view class="login"><navigator url="../logon/logon" hover-class="navigator-hover">{{nickName}}</navigator></view><view class="detail"><text>></text></view></view><view class="hr"></view><!--订单相关--><view style="display:flex;flex-direction:row;"><view class="order">我的订单</view><view class="detail2"><text></text></view></view><view class="line"></view><view class="nav"><view class="nav-item" bindtap="nav" id="0" data-status='1'><view><image src="/pages/images/bar/dfk.png" style="width:28px;height:25px;"></image></view><view>待付款</view></view><view class="nav-item" bindtap="nav" id="1" data-status='3'><view><image src="/pages/images/bar/dsh.png" style="width:36px;height:27px;"></image></view><view>待收货</view></view><view class="nav-item" bindtap="nav" id="2" data-status='4'><view><image src="/pages/images/bar/ywc.png" style="width:31px;height:28px;"></image></view><view>已完成</view></view></view><view class="hr"></view><!--列表式导航相关--><view class="item"><view class="order">我的消息</view><view class="detail2"><text></text></view></view><view class="line"></view><view class="item"><view class="order">我的收藏</view><view class="detail2"><text>></text></view></view><view class="line"></view><view class="item"><view class="order"><navigator url="../buy/buy" hover-class="changestyle">账户余额</navigator></view><view class="detail2"><text>0.00 元 ></text></view></view><view class="line"></view><view class="hr"></view><view class="item" bindtap="updatePwd"><view class="order">修改密码</view><view class="detail2"><text>></text></view></view><view class="line"></view><view class="item" bindtap="opinion"><view class="order">帮助与反馈</view><view class="detail2"><text>></text></view></view><view class="line"></view><view class="item" bindtap='clearStore'><view class="order"><navigator url="../me/me" hover-class="changestyle">我的地址</navigator></view><view class="detail2"><text>></text></view></view><view class="line"></view><view class="hr"></view><view class="line"></view><view class="item"><view class="order">商家入驻</view><view class="detail2"><text> ></text></view></view><view class="hr"></view>
</view>

效果图

微信小程序（八）我的界面相关推荐

微信开发者工具 wxmi修改模版颜色_网站建设公司讲解：微信小程序的开发者工具界面...
网站建设公司深圳市博纳网络信息技术有限公司()讲解:微信小程序的开发者工具界面创建项目后,进入到微信开发者工具界面,界面大致可以分为6个区域:①菜单栏区域,②模拟器.编辑器.调试器显示与隐藏区域,③ ...
微信小程序如何刷新当前界面
微信小程序如何刷新当前界面在微信小程序开发的过程中,在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来,但是如何在执行操作后进行本页面的刷新就成了一个问题很大但 ...
微信小程序开发工具调试界面鼠标看不见
微信小程序开发工具调试界面鼠标看不见参考该贴<模拟鼠标消失> 解决方法: 打开"控制面板",在右上角搜索"鼠标" 点击"鼠标" ...
微信小程序-模仿绘制聊天界面
参考文章 1.小程序模仿微信聊天界面 2.微信小程序实现仿微信聊天界面(各种细节处理) 3.微信小程序之页面中关于聊天框三角形的制作和使用 4.仿微信聊天记录时间显示 5.微信小程序-同时获取麦克风. ...
微信小程序影院选座界面前后端
选座界面使用了组件开发,在seat页面里引入seatList组件.因为不想再去看怎么从组件中获取数据,因此这整个页面就是一个组件... 本文前端部分参考于:微信小程序组件开发--可视化电影选座 - ...
微信小程序设置表单界面
问题表单在小程序中非常常见,几乎每一个小程序都会有表单的界面.一些登录界面,身份验证界面,都是由表单来填写信息的.表单的内容有很多,提示性的输入框,手机号码短信验证的输入框以及错误提示输入框等.那么 ...
利用微信小程序实现web监控界面
1.实现思路利用小程序去调用公司zabbix的接口获取网站监控数据并展示出来. 2.准备阶段 1.小程序公众号 2.企业号 3.zabbix接口 3.实现过程转载于:https://www.cnb ...
微信小程序——图片放入界面
1.图片下载可从 iconfont-阿里巴巴矢量图标库找 2.设置图片将独立文件转为字符串,小程序中为安全需要加的设定 3.解压压缩包获取图片名 4.引入图片至项目小程序中不支持csss出 ...
音乐播放器微信小程序开发-歌单界面（简陋版）
仿QQ音乐app的歌单界面制作了一个简易且简陋的歌单界面. 首先po一张最终效果图(很多功能还没实现,以及还有bug没有改好) 因为不涉及到逻辑,目前只需一些网页开发经验与知识即可(当然啦,还需要一定 ...
微信小程序自定义扫码界面
选择框架:wepy框架调用微信扫码的api时, wx.scanCode({success (res) {console.log(res)} }) 这个界面是不支持在扫码界面做自定义界面功能的.解决方 ...

微信小程序（八）我的界面

微信小程序（八）我的界面相关推荐

最新文章

热门文章