欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序酒业商城我的个人中心页面设计制作开发教程

    2018-07-18 09:25 来源/作者:懒人模板 分类:小程序教程  « »
    本文给大家带来的是微信小程序酒业商城我的个人中心页面设计制作开发教程,制作好以后效果图如下:
    一、wxml页面代码如下:
    <!--pages/mine/mine.wxml-->
    <view class="container">
         <view class="userInfo bg-color-c24e4e">
             <image class="avatarsize" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
             <view class="font-color-white">{{userInfo.nickName}}</view>
             <view class="information" bindtap="openWin">
                <image class="information-image" src="/assets/images/index_my_detailicon@2x.png" background-size="cover"></image>
                <text class="information-text font-color-white">个人资料</text>
             </view>
         </view>
         <view class="listgroup">
               <navigator url="../myOrder/orderList" class="view-list arrow-right line-before-bottom " hover-class="weui-cell_active">
                   <image class="icon" src="/assets/images/Myorder@2x.png"></image>
                   <view class="list-text">我的订单</view>
               </navigator>
                <navigator url="../myOrder/orderMessage" class="view-list arrow-right " hover-class="weui-cell_active">
                   <image class="icon" src="/assets/images/index_Messagecenter@2x.png"></image>
                   <view class="list-text">消息中心</view>
               </navigator>
         </view>
         <view class="listgroup">
               <navigator url="../salesCommission/commissionIndex" class="view-list arrow-right " hover-class="weui-cell_active">
                   <image class="icon" src="/assets/images/Salescommission@2x.png"></image>
                   <view class="list-text"><text> 我的销售提成</text><text  class="font-color-999 font-size-12">收入明细、资金体现</text></view>
               </navigator>
         </view>
         <view class="listgroup">
               <navigator url="../signedFactory/factoryList" class="view-list arrow-right " hover-class="weui-cell_active">
                   <image class="icon" src="/assets/images/Contractmanufacturers@2x.png"></image>
                   <view class="list-text"><text> 签约厂家</text><text class="font-color-999 font-size-12">成为经纪人</text></view>
               </navigator>
         </view>
          <view class="listgroup">
               <navigator url="url" class="view-list arrow-right " hover-class="weui-cell_active">
                   <image class="icon" src="/assets/images/about@2x.png"></image>
                   <view class="list-text">关于酱酒宝</view>
               </navigator>
         </view>
    </view>
    

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议