刘琛运的技术文档

Appearance

11.21online首页 PC 移动端 UI 优调 ​

调整设计稿：https://docs.qq.com/doc/DV29zdEhva0JRdG94?ADUIN=1210737588&ADSESSION=1574296835&ADTAG=CLIENT.QQ.5575_.0&ADPUBNO=26808&jumpuin=1210737588

https://lanhuapp.com/web/#/item/project/board/detail?pid=ca05dd27-582d-460a-9210-8584bc3db5ef&project_id=ca05dd27-582d-460a-9210-8584bc3db5ef&image_id=0442238c-d58a-4d99-afaa-daf6c09ed91d

##一、PC

###1.web banner更新1

![](......\picture\supermap\work\11.21web banner.png)

1.1hover:按钮颜色：0081e2 填充，文字反白 ​

原已修改

####1.2文字微软雅黑加粗

文字微软原已修改
加粗没修改
加粗：
online-home.css
103
.p1-title {
    font-size:42px;
    line-height:39px;
    text-align:center;
}
.p1-title {
    font-size:42px;
    line-height:39px;
    text-align:center;
    font-weight: bold;
}
137
.p2-title {
    font-size:40px;
    line-height:39px;
    text-align:center;
}
.p2-title {
    font-size:40px;
    line-height:39px;
    text-align:center;
    font-weight: bold;
}

####1.3文字微软雅黑

原已修改

###2.web banner更新2

####2.1文档优调

home_Config_zh_CN.css
1.字体颜色和a标签背景色
18
/*菜单条目激活后鼠标移动到上面时的背景色*/
.navbar #headerMenu > .active > a:hover, .navbar .nav ul a:hover  {
    background-color: #fff;
    color: #0081e2;
}
.navbar #headerMenu > .active > a:hover, .navbar .nav ul a:hover  {
    background-color: #fff;
    color: #0081e2;
    background: rgba(242,242,242,1);
}
字体颜色原已修改

二、Online 首页走查（web）

1.文字检索方式。

mac，windows自适应
待修改

2.小竖线不透明度20%

home_Config_zh_CN.css
34
/*用户登录按钮区域与菜单条目的分割线颜色值*/
.color339cd5 {
    color: #354d62;
}
.color339cd5 {
    color: #354d62;
    opacity:0.25;
}

3.logo替换svg文件，现状高清屏幕有点虚

不懂

4 .下拉菜单样式另给出设计标注稿，做细节调整

同一的2

5、 小竖线间距做调整

header.css
1
.mr25{margin-right: 25px;}
新增
.mr20{margin-right: 20px;}