userInfo.hbs 4.43 KB
<div class="family-user-info">
    <div class="info-list">
        <div class="list-item user-pic">
            <div class="title">头像</div>
            <div class="main">
                <div class="pic user-avatar" data-avatar="{{image headIco 100 100}}"></div>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">昵称</div>
            <div class="main">
                <input class="inp nick-name modify" type="text" value="{{nickName}}" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">性别</div>
            <div class="main">
                <select class="inp gender modify">
                    <option value="{{genderId}}">{{gender}}</option>
                    <option value="{{otherGenderId}}">{{otherGender}}</option>
                </select>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">生日</div>
            <div class="main">
                <span class="date-c">
                    <input class="inp birthday modify" type="date" value="{{birthday}}" />
                </span>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div id="chosen-city" class="list-item">
            <div class="title">城市</div>
            <div class="main">
                <span class="inp">江苏 南京</span>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <a class="list-item" href="//m.yohobuy.com/home/tide-command?hideTips=true">
            <div class="title">我的潮流口令</div>
            <div class="main">
                <span class="inp" type="text">#{{trendWord}}#</span>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </a>
        <a class="list-item" href="{{qrcodeLink}}">
            <div class="title">我的二维码</div>
            <div class="main">
                <div class="ewm"></div>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </a>
    </div>
    <div class="info-list">
        <div class="list-item">
            <div class="title">身高</div>
            <div class="main">
                <label>cm</label>
                <input class="inp inp-2 height modify" type="number" value="{{height}}" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">体重</div>
            <div class="main">
                <label>kg</label>
                <input class="inp inp-2 weight modify" type="number" value="{{weight}}" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
    </div>
    <div class="info-list hide">
        <div class="list-item">
            <div class="title">账号安全</div>
            <div class="main">
                <input class="inp" type="text" value="修改手机号+密码等" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
    </div>
    <div id="yoho-footer" class="foot-tip yoho-footer">
        <div class="pic"></div>
        <p>如果你还使用了我们的其他产品(Yoho!Buy有货、Yoho!Now和 mars)修改个人信息时将同步。</p>
    </div>
    <div class="city-swiper">
        <div class="swiper-header">
            <div class="cancel">取消</div>
            <div class="ok">完成</div>
        </div>
        <div class="swiper-list">
            <div class="swiper-container">
                <div class="swiper-wrapper" id="province"></div>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper" id="city"></div>
            </div>
            <div class="swiper-line"></div>
        </div>
    </div>
</div>