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

    微信小程序开发个人会员信息页面修改更新页面制作与设计教程

    2018-05-15 09:27 来源/作者:懒人模板 分类:小程序教程  « »
    今天带来教程主要教大家如何设计与制作个人会员中心个人信息页面修改和更新。制作好效果如下:


    一、wxml页面代码如下:
    <view class="modify-form">
        <form bindsubmit="formSubmit">
            <view class="label-list label-lists">
                <view class="label">头像</view>
                <image src="{{images}}" bindtap="uploadFn"></image>
            </view>
             <view class="label-list">
                <view class="label">昵称</view>
                <input placeholder="请输入您的昵称"  placeholder-class="place" name="name" value="{{name}}"/>
            </view>
            <view class="label-list">
                <view class="label">性别</view>
                <radio-group class="radio-group" bindchange="radioChange">
                    <label class="radio" wx:for="{{sex}}" wx:key="{{index}}">
                        <radio value="{{item.id}}"  
                        checked="{{sexId == item.id}}"/>{{item.name}}
                    </label>
                </radio-group>
            </view>
             <view class="label-list">
                <view class="label">E-mail</view>
                <input placeholder="请输入您的E-mail" value='{{Email}}' placeholder-class="place" name='Email'/>
            </view>
             <view class="label-list">
                <view class="label">手机号</view>
                <input value="{{ipone}}"   placeholder-class="place"/>
            </view>
            <button form-type='submit' class="submit">确定</button>
        </form>
    </view>

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