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

    微信小程序企业版地址管理新增地址页面设计制作开发教程

    2018-07-13 09:15 来源/作者:懒人模板 分类:小程序教程  « »
    本文给大家带来的是微信小程序企业版地址管理新增地址页面设计制作开发教程,制作好以后效果图如下:
    一、wxml页面代码如下:
    <!--地址管理-->
    <radio-group class="radio-group" bindchange="radioChange">
    <view hidden="{{hiddenAddress}}" class="address" wx:for="{{address}}">
      <view  class="address-icon">
        <radio checked="{{index==radioindex?true:false}}"   value="{{index}}" />
      </view>
      
      <view class="address-detail">
        <view class="address-name-phone">
          <text class="address-name">{{item.name}}</text>
          <text class="address-phone">{{item.phone}}</text>
        </view>
        <view class="address-info">{{item.province}}{{item.city}}{{item.town}}{{item.address}}</view>
        <view class="address-edit">
          <view>
            <icon></icon>
            <text hidden="{{index==radioindex?false:true}}">默认</text>
            </view>
          <view>
            <text>编辑</text>
            <text> | </text>
            <text data-id="{{index}}" bindtap="delAddress">删除</text>
          </view>
        </view>
      </view>
    </view>
    </radio-group>
    <navigator url="../address">
      <view hidden="{{hiddenAddress}}" class="add-address">
        <image class="add-address-icon" src="#"></image>
        <view>新增地址</view>
      </view>
    </navigator>

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