wpfw_ewei_shopv2/template/mobile/default/member/info.html
2023-02-14 19:57:32 +08:00

159 lines
5.6 KiB
HTML

{template '_header'}
<style>
#file-avatar {
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
background: red;
width: 100%;
}
.fui-list-img{
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-box-lines: single;
-moz-box-lines: single;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
box-sizing: border-box;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-right: .6rem;
color: #aaa;
position: relative;
margin-right: 0;
}
.fui-list-img img{
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
}
.fui-cell-group .fui-cell .fui-cell-remark.down:after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
top:-.1rem;
}
</style>
<div class='fui-page fui-page-current'>
<div class="fui-header">
<div class="fui-header-left">
<a class="back" onclick='location.back()'></a>
</div>
<div class="title">会员资料</div>
<div class="fui-header-right">&nbsp;</div>
</div>
<div class='fui-content'>
{if is_weixin()}
<div id='btn-getinfo' class='text-danger' style="text-decoration: underline;text-align: right;padding-right: .6rem;padding-top: .3rem">读取微信资料</div>
{/if}
<!--<div class="fui-list-group">-->
<!--<a class="fui-list" href="{php echo mobileUrl('member/info/face')}" data-nocache="true">-->
<!--<div class="fui-list-media">-->
<!--<img class="round avatar" src="{php echo tomedia($member['avatar'])}" />-->
<!--</div>-->
<!--<div class="fui-list-inner">-->
<!--<div class="title nickname">{$member['nickname']}</div>-->
<!--</div>-->
<!--<div class="fui-list-angle">-->
<!--<div class="angle"></div>-->
<!--</div>-->
<!--</a>-->
<!--</div>-->
<div class="fui-list-group">
<input type="file" name="file-avatar" id="file-avatar" />
<div class="fui-list" id="btn-avatar">
<div class="fui-list-inner" style="color: #666;">头像</div>
<div class="fui-list-img">
<img src="{$member['avatar']}" id="avatar"
data-wechat="{$member['avatar_wechat']}"
data-filename="{$member['avatar']}"
onerror="this.src='../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/noface.png';" />
</div>
<div class="angle"></div>
</div>
</div>
<div class="fui-cell-group">
<div class="fui-cell must ">
<div class="fui-cell-label ">修改昵称</div>
<div class="fui-cell-info"><input type="text" class='fui-input' id='nickname' data-wechat="{$member['nickname_wechat']}" placeholder="请输入您的昵称" value="{$member['nickname']}" /></div>
</div>
</div>
{if !empty($wapset['open'])}
<div class="fui-cell-group">
<div class="fui-cell must">
<div class="fui-cell-label">手机号</div>
<div class="fui-cell-info c000">{if empty($member['mobile'])}未绑定手机号{else}{$member['mobile']}{/if}{if !empty($member['mobileverify'])}(已绑定){/if}</div>
{if !empty($member['mobile'])}
<input type="hidden" name="mobile" id="mobile" value="{$member['mobile']}"/>
{/if}
<a class="fui-cell-remark external" href="{php echo mobileUrl('member/bind')}">{if empty($member['mobile'])}绑定{else}更换绑定{/if}</a>
</div>
</div>
{/if}
{if empty($template_flag)}
<div class="fui-cell-group">
<div class="fui-cell must ">
<div class="fui-cell-label ">姓名</div>
<div class="fui-cell-info c000"><input type="text" class='fui-input' id='realname' name='realname' placeholder="请输入您的姓名" value="{$member['realname']}" /></div>
</div>
{if empty($wapset['open'])}
<div class="fui-cell must">
<div class="fui-cell-label">手机号</div>
<div class="fui-cell-info c000"><input type="text" class='fui-input' id='mobile' name='mobile' placeholder="请输入您的手机号" value="{$member['mobile']}" /></div>
</div>
{/if}
<div class="fui-cell">
<div class="fui-cell-label">微信号</div>
<div class="fui-cell-info c000"><input type="text" class='fui-input' id='weixin' name='weixin' placeholder="请输入您的微信号" value="{$member['weixin']}" /></div>
</div>
<div class="fui-cell">
<div class="fui-cell-label">出生日期</div>
<div class="fui-cell-info c000"><input type="text" class='fui-input' id='birthday' name='birthday' placeholder="请选择出生日期" value="{$member['birthday']}" readonly/></div>
<div class="fui-cell-remark down" ></div>
</div>
<div class="fui-cell">
<div class="fui-cell-label ">所在城市</div>
<div class="fui-cell-info c000"><input type="text" class='fui-input' id='city' name='city' placeholder="请选择城市" value="{if !empty($show_data) && !empty($member) && !empty($member['city'])}{$member['province']} {$member['city']}{/if}" data-value="{if !empty($show_data)}{$member['datavalue']}{/if}" readonly/></div>
<div class="fui-cell-remark down" ></div>
</div>
</div>
{else}
{template 'diyform/formfields'}
{/if}
<a href='#' id='btn-submit' class='btn btn-danger block mtop'>确认修改</a>
</div>
<script language='javascript'>
require(['biz/member/info'], function (modal) {
modal.init({
new_area:{php echo $new_area},
returnurl:"{php echo $returnurl}",
template_flag: {php echo intval($template_flag)},
wapopen: {php echo intval($wapset['open'])}
});
});
</script>
<script language='javascript'>
require(['biz/member/info'], function (modal) {
modal.initFace({});
});
</script>
</div>
{template '_footer'}