user-info.hbs 5.16 KB
<div class="family-user-info">
    <div class="info-list">
        <div class="list-item user-pic">
            <div class="title">头像</div>
            <div class="main" {{#unlessor isYohoApp isMarsApp}}style="padding-right: 0rem"{{/unlessor}}>
                <div class="pic user-avatar" data-avatar="{{image headIco 100 100}}"></div>
            </div>
            {{#ifor isYohoApp isMarsApp}}
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
            {{/ifor}}
        </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">
                <div class="select-c">
                    <select class="inp gender modify">
                        <option value="{{genderId}}">{{gender}}&nbsp;&nbsp;&nbsp;</option>
                        <option value="{{otherGenderId}}">{{otherGender}}&nbsp;&nbsp;&nbsp;</option>
                    </select>
                </div>
            </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 class="list-item">
            <div class="title">手机</div>
            <div class="main">
                <span class="inp phone{{#if mobile}} canMod{{/if}}">{{#if mobile}}{{mobile}}{{else}}请绑定手机号码{{/if}}</span>
            </div>
            {{#if isYohoApp}}
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
            {{/if}}
        </div>
        <div id="chosen-city" class="list-item">
            <div class="title">城市</div>
            <div class="main">
                <span class="inp"><span class="province-text">{{province}}</span>&nbsp;<span class="city-text">{{city}}</span></span>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <a class="list-item" href="{{trendLink}}">
            <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 bottom-out" 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 bottom-out" 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 class="foot-tip">
        <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" id="province-c">
                <div class="swiper-wrapper" id="province"></div>
            </div>
            <div class="swiper-container" id="city-c">
                <div class="swiper-wrapper" id="city"></div>
            </div>
            <div class="swiper-line"></div>
        </div>
    </div>
</div>