Skip to content

施宇 / icsales

Go to a project
Commit 11327f14 by 梁建民
Options

账户设置

parent 6f254c2c
Expand all
Inline Side-by-side
Showing with 281 additions and 19 deletions
Application/Home/View/Account/index.html
......@@ -3,7 +3,7 @@
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/releaseinquiry.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/account.css">
</head>
<body>
......@@ -12,7 +12,7 @@
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content release_inquiry_content">
<div class="content">
<div class="content layui-form">
<div class="nav_title">账户设置 > 基本设置</div>
<div class="inquiry_form">
<h3 class="bold">基本设置</h3>
......@@ -25,7 +25,7 @@
<div class="xh input_div">
<span class="input_title lineBlock">手机号:</span>
<div class="input_parent">
<input type="text" placeholder="请输入手机号" class="input boxsiz">
<input type="text" placeholder="请输入手机号" class="input boxsiz" disabled="disabled" value="18589050841">
</div>
</div>
<div class="xh input_div">
......@@ -43,6 +43,41 @@
</div>
</div>
</div>
<div class="xh input_div">
<span class="input_title lineBlock">所在地区:</span>
<div class="input_parent">
<div class="layui-input-inline" style="width: 170px;margin-left: 0;margin-right: 20px;">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
<div class="layui-input-inline" style="width: 170px;margin-left: 0;margin-right: 20px;">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
<div class="layui-input-inline" style="width: 170px;margin-left: 0;">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
</div>
<div class="brand input_div">
<span class="input_title lineBlock">详细地址:</span>
<div class="input_parent">
......@@ -55,12 +90,78 @@
</div>
<div class="form_right fl ">
<div class="sc">
<div class="icon iconfont iconjuxing16"></div>
<p>上传图片</p>
<img src="__PUBLIC__/images/s.png" alt="">
</div>
<a class="change" href="javascript:;">更新头像</a>
</div>
</div>
</div>
<div class="tod-bar">
<h3 class="bold">账户绑定</h3>
<ul class="list-box clr">
<li class="clr">
<div class="fl l">
<i class="lineBlock iconfont iconjuxing22 va-m"></i>
<div class="lineBlock va-m ml-50">
<p class="t1">绑定微信账号</p>
<p class="t2">当前尚未绑定微信账号</p>
</div>
<div class="lineBlock va-b ml-120">
<p class="t3">*未绑定微信账号，将无法收到微信端的消息通知</p>
</div>
</div>
<div class="fr r ">
<a class="btn" href="javascript:;">绑定微信</a>
</div>
</li>
</ul>
</div>
<div class="tod-bar">
<h3 class="bold">消息通知</h3>
<ul class="list-box clr">
<li class="clr">
<div class="fl l">
<i class="lineBlock iconfont iconjuxing1 va-m"></i>
<div class="lineBlock va-m ml-50">
<p class="t1">系统消息通知</p>
<p class="t2">系统以及其他用户的消息将以站内信的形式通知</p>
</div>
</div>
<div class="fr r ">
<div class="sw">
<input type="checkbox" name="xxx" lay-skin="switch" checked>
</div>
</div>
</li>
<li class="clr">
<div class="fl l">
<i class="lineBlock iconfont iconjuxing7 va-m"></i>
<div class="lineBlock va-m ml-50">
<p class="t1">业务通知</p>
<p class="t2">询价、报价消息将以短信的形式通知</p>
</div>
</div>
<div class="fr r ">
<div class="sw">
<input type="checkbox" name="xxx" lay-skin="switch" checked>
</div>
</div>
</li>
<li class="clr">
<div class="fl l">
<i class="lineBlock iconfont iconjuxing19 va-m"></i>
<div class="lineBlock va-m ml-50">
<p class="t1">活动通知</p>
<p class="t2">活动将以短信的和站内信的形式通知</p>
</div>
</div>
<p>* 支持png、jpg等图片格式</p>
<div class="fr r ">
<div class="sw">
<input type="checkbox" name="xxx" lay-skin="switch">
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
......
dist/css/account.css
.ml-50 {
margin-left: 50px;
}
.ml-120 {
margin-left: 120px;
}
.release_inquiry_content {
padding: 0 20px;
}
......@@ -137,11 +143,12 @@
margin: 20px 0 0 6.67%;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc {
height: 220px;
width: 220px;
height: 180px;
width: 180px;
background-color: #F5F9FC;
text-align: center;
cursor: pointer;
border-radius: 50%;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc div {
color: #ADB6BF;
......@@ -153,9 +160,70 @@
font-size: 16px;
margin-top: 23px;
}
.release_inquiry_content .inquiry_form .form_content .form_right p {
.release_inquiry_content .inquiry_form .form_content .form_right a.change {
width: 120px;
height: 40px;
background: #ffffff;
border-radius: 3px;
border: 1px solid #e6ecf2;
font-size: 16px;
color: #515559;
line-height: 40px;
text-align: center;
display: block;
margin: 20px auto 0;
}
.release_inquiry_content .tod-bar {
background-color: #fff;
}
.release_inquiry_content .tod-bar h3 {
font-size: 20px;
color: #2E3033;
padding: 26px 0 0 30px;
}
.release_inquiry_content .tod-bar .list-box {
padding: 40px 30px 0 40px;
}
.release_inquiry_content .tod-bar .list-box li {
margin-bottom: 40px;
}
.release_inquiry_content .tod-bar .list-box li .l .iconjuxing22 {
font-size: 48px;
color: #52cca8;
}
.release_inquiry_content .tod-bar .list-box li .l .iconjuxing1,
.release_inquiry_content .tod-bar .list-box li .l .iconjuxing7,
.release_inquiry_content .tod-bar .list-box li .l .iconjuxing19 {
font-size: 47px;
color: #d8dfe6;
}
.release_inquiry_content .tod-bar .list-box li .l .t1 {
font-size: 16px;
color: #515559;
margin-bottom: 10px;
}
.release_inquiry_content .tod-bar .list-box li .l .t2 {
font-size: 14px;
color: #ADB6BF;
margin-top: 17px;
color: #8a9299;
}
.release_inquiry_content .tod-bar .list-box li .l .t3 {
position: relative;
top: -9px;
font-size: 14px;
color: #adb6bf;
}
.release_inquiry_content .tod-bar .list-box li .r .btn {
width: 120px;
height: 40px;
background: #0d84d1;
border-radius: 3px;
line-height: 40px;
text-align: center;
display: block;
font-size: 16px;
color: #ffffff;
}
.release_inquiry_content .tod-bar .list-box li .r .sw {
margin-top: 10px;
}
/*# sourceMappingURL=account.css.map */
\ No newline at end of file
dist/css/account.css.map
{"version":3,"sources":["account.less"],"names":[],"mappings":"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","file":"account.css"}
\ No newline at end of file
{"version":3,"sources":["account.less"],"names":[],"mappings":"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","file":"account.css"}
\ No newline at end of file
dist/css/account.less
.ml-50 {
margin-left: 50px;
}
.ml-120 {
margin-left: 120px;
}
.release_inquiry_content {
padding: 0 20px;
......@@ -168,11 +176,12 @@
margin: 20px 0 0 6.67%;
.sc {
height: 220px;
width: 220px;
height: 180px;
width: 180px;
background-color: #F5F9FC;
text-align: center;
cursor: pointer;
border-radius: 50%;
div {
color: #ADB6BF;
......@@ -187,14 +196,87 @@
}
}
p {
font-size: 14px;
color: #ADB6BF;
margin-top: 17px;
a.change{
width:120px;
height:40px;
background:rgba(255,255,255,1);
border-radius:3px;
border:1px solid rgba(230,236,242,1);
font-size: 16px;
color: #515559;
line-height: 40px;
text-align: center;
display: block;
margin: 20px auto 0;
}
}
}
}
.tod-bar {
background-color: #fff;
h3 {
font-size: 20px;
color: #2E3033;
padding: 26px 0 0 30px;
}
.list-box {
padding: 40px 30px 0 40px;
li {
margin-bottom: 40px;
.l {
.iconjuxing22 {
font-size: 48px;
color: #52cca8;
}
.iconjuxing1, .iconjuxing7, .iconjuxing19 {
font-size: 47px;
color: #d8dfe6;
}
.t1 {
font-size: 16px;
color: #515559;
margin-bottom: 10px;
}
.t2 {
font-size: 14px;
color: #8a9299;
}
.t3 {
position: relative;
top: -9px;
font-size: 14px;
color: #adb6bf;
}
}
.r {
.btn {
width: 120px;
height: 40px;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
line-height: 40px;
text-align: center;
display: block;
font-size: 16px;
color: #ffffff;
}
.sw{
margin-top: 10px;
}
}
}
}
}
}
\ No newline at end of file
dist/css/common/base.css
......@@ -288,6 +288,10 @@ body {
.layui-form-select dl dd.layui-this {
background-color: #0D84D1 !important;
}
.layui-form-onswitch {
border-color: #0D84D1 !important;
background-color: #0D84D1 !important;
}
@font-face {
font-family: "iconfont";
src: url('iconfont.eot?t=1560242605876');
......
dist/css/common/base.less
......@@ -291,6 +291,11 @@ body {
background-color: #0D84D1 !important;
}
.layui-form-onswitch{
border-color: #0D84D1 !important;
background-color: #0D84D1 !important;
}
// 字体样式
@import "./fonts.less";
// 侧边栏
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment