Skip to content

Y
ydLife
Commit f7bfc4f0 by Sweet Zhang
Options

首页优化

parent 519da4cd
Showing with 412 additions and 1025 deletions
src/app/app.component.html
<!--The content below is only a placeholder and can be replaced.--> <!--The content below is only a placeholder and can be replaced.-->
<div ydlifeScroll> <div ydlifeScroll>
<div style="padding-bottom: 49px;">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div>
<ydlife-guide-page *ngIf="shareGuidePageEnable"></ydlife-guide-page> <ydlife-guide-page *ngIf="shareGuidePageEnable"></ydlife-guide-page>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert> <ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
<div class="returnIndexBox" *ngIf="isShowIndexBtn" appDrag [routerLink]="'/'"> <!-- <div class="returnIndexBox" *ngIf="isShowIndexBtn" appDrag [routerLink]="'/'">
<div><i class="iconfont icon-shouye"></i></div> <div><i class="iconfont icon-shouye"></i></div>
<div>首页</div> <div>首页</div>
</div> </div> -->
<div class="questionContainer" id="menuContainer" *ngIf="iconShowFlag" appDrag> <div class="questionContainer" id="menuContainer" *ngIf="iconShowFlag" appDrag>
<div style="position: relation;" *ngIf="askIconFlag"> <div style="position: relation;" *ngIf="askIconFlag">
<div [routerLink]="'/underwriting_knowledge'"> <div [routerLink]="'/underwriting_knowledge'">
...@@ -15,4 +17,15 @@ ...@@ -15,4 +17,15 @@
<div class="closeIcon" (click)="close()">X</div> <div class="closeIcon" (click)="close()">X</div>
</div> </div>
</div> </div>
<footer>
<ul>
<li *ngFor="let item of menuLists" (click)="menuSelect(item)">
<div>
<img [src]="'./assets/images/indexIcons/'+item.icon + (selectedMenuKey===item.key ? 'Activated' : 'Inactivated') + '.png'" alt="" srcset="">
</div>
<div>{{item.name}}</div>
</li>
</ul>
</footer>
</div> </div>
\ No newline at end of file
src/app/app.component.scss
...@@ -32,3 +32,31 @@ ...@@ -32,3 +32,31 @@
transition: all 0.5s ease-out; transition: all 0.5s ease-out;
} }
} }
footer{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 49px;
border-top: 1px solid #f5f5f5;
background: #fff;
color: #333;
font-size: 12px;
min-width: 320px;
max-width: 640px;
margin:0 auto;
ul{
display: flex;
align-items: center;
justify-content: space-around;
li{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
>div:first-child{
width: 30px;
}
}
}
}
\ No newline at end of file
src/app/app.component.ts
...@@ -36,7 +36,18 @@ export class AppComponent implements OnInit, OnDestroy { ...@@ -36,7 +36,18 @@ export class AppComponent implements OnInit, OnDestroy {
} }
public menuLists = [
{key:1,name:'首页',icon:'index',link:'/'},
{key:2,name:'产品库',icon:'product',link:'/product'},
{key:3,name:'日程',icon:'schedule',link:'/todo'},
{key:4,name:'我的',icon:'mine',link:'/mine'},
]
public selectedMenuKey:number=1;
// 点击底部菜单
menuSelect(item){
this.selectedMenuKey = item.key;
this.router.navigate([item.link]);
}
...@@ -56,6 +67,18 @@ export class AppComponent implements OnInit, OnDestroy { ...@@ -56,6 +67,18 @@ export class AppComponent implements OnInit, OnDestroy {
// 控制首页浮标显示与否 // 控制首页浮标显示与否
this.isShowIndexBtn = event.url != '/login'; this.isShowIndexBtn = event.url != '/login';
this.iconShowFlag = !!localStorage.getItem('lifeCustomerInfo'); this.iconShowFlag = !!localStorage.getItem('lifeCustomerInfo');
// 更新底部图标状态
if(event.url.indexOf('/product')===0){
this.selectedMenuKey = 2
}else if(event.url.indexOf('/todo')===0){
this.selectedMenuKey = 3
}else if(event.url == '/'){
this.selectedMenuKey = 1
}else if(event.url.indexOf('/mine')===0){
this.selectedMenuKey = 4
}else{
this.selectedMenuKey = 0;
}
} }
}); });
} }
......
src/app/my/my-center-home/my-center-home.component.html
<div class="weui-panel" > <section class="searchContent">
<!--head--> <!-- 搜索框区域 -->
<div class="weui-panel__hd header"> <!-- <i (click)="clear(searchText)">
<!--头部经纪人信息START--> <img src="assets/images/indexIcons/clear.png" alt="" srcset="">
<div class="avatar" routerLink="setting"> </i> -->
<img style="width: 60px;height: 60px;" <SearchBar [(ngModel)]="searchText"
src="{{lifeCustomerInfo?.practitionerBasicInfo?.headImagePath ? lifeCustomerInfo?.practitionerBasicInfo?.headImagePath : './assets/images/icons/meng.png'}}" [showCancelButton]="false"
alt="头像"> [placeholder]="'热销产品'"
</div> [cancelText]="'取消'"
<div class="brokerInfo"> [showCancelButton]="true"
<div class="brokerName"> (onSubmit)="submit(searchText)"
<div style="letter-spacing: 2px"><span>{{lifeCustomerInfo?.practitionerBasicInfo?.name}}</span></div> (onClear)="clear(searchText)"
<span i class="iconfont icon-ar-r" style="font-size:18px;" routerLink="setting"></span> class="indexSearchBar"
</div> ></SearchBar>
<i [routerLink]="'/news'">
<div class="brokerTag"> <img src="assets/images/indexIcons/news.png" alt="" srcset="">
</i>
</section>
<section style="margin-top:-85px;">
<!-- banner图 -->
<WingBlank *ngIf="bannerLists.data.length>0">
<Carousel [infinite]="true"
[vertical]="false"
[selectedIndex]="1"
>
<CarouselSlide *ngFor="let item of bannerLists.data">
<div style="display: inline-block; width: 100%;border-radius:10px;overflow:hidden" [ngStyle]="{'height': bannerLists.imgHeight}">
<img src="{{item}}" style=" pointer-events: none; width: 100%;"/>
</div>
</CarouselSlide>
</Carousel>
</WingBlank>
</section>
<section class="featureContent">
<!-- 模块导航 -->
<ul>
<li *ngFor="let item of featureLists" (click)="featureSelect(item)">
<div> <div>
<p>{{lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName ? <img [src]="'./assets/images/indexIcons/'+item.icon + '.png'" alt="" srcset="">
lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName : '银盾保险'}}</p>
</div>
<div>|</div>
<div>{{lifeCustomerInfo?.practitionerBasicInfo?.subordinateName}}</div>
<div>|</div>
<div><span class="ydTitle">{{lifeCustomerInfo?.practitionerBasicInfo?.levelName}}</span></div>
</div>
</div>
<!--头部经纪人信息END-->
</div>
<div class="weui-panel__bd" style="padding: 0 8px;background: #fff;">
<div class="performance_wrapper">
<!-- <img class="bg" src="assets/images/sales__bg.png" > -->
<div class="content">
<span class="iconfont icon-xianshi" [ngClass]="{'icon-yincang':isShowDashBoardData}"
style="color: #fff;position: absolute;right: 90px;top: 8px;" (click)="isShowDashBoardData = !isShowDashBoardData"></span>
<span class="detail" (click)="jumpToDetail()"><img style="max-width: 18%;margin-right: 2px;"
src="assets/images/icon_2.png">龙虎榜<i class="iconfont icon-ar-r" style="font-size:12px;"></i></span>
<ul class="tab">
<li *ngFor="let item of performanceList" (click)="rank(item.time,1,2)"
[ngClass]="{selected:performanceSelectedFlag==item.time}">
<div style="position: relative;">
<h3>
<span>{{item.name}}</span>
</h3>
</div> </div>
<div>{{item.name}}</div>
</li> </li>
</ul> </ul>
</section>
<section class="noticeContent" [routerLink]="'/importantAnnouncement'">
<!-- 公告 -->
<div> <div>
<ul class="performance_list title"> <img src="assets/images/indexIcons/notice.png" alt="" srcset="">
<!-- <li></li> --> <span>银盾公告</span>
<li>FYC</li>
<li>FYP</li>
<li>件数</li>
<li>完成率</li>
</ul>
<ul class="performance_list" *ngIf="!isShowDashBoardData">
<!-- <li>线上</li> -->
<li class="markPrice">
￥{{onlineInfo?.fyc | number: "1.0-0"}}
</li>
<li class="markPrice">
￥{{onlineInfo?.fyp | number: "1.0-0"}}
</li>
<li class="markPrice">{{onlineInfo?.count?onlineInfo.count:'-'}}</li>
<li class="markPrice">
{{onlineInfo?.completionRate?onlineInfo.completionRate + '%':'-'}}
</li>
</ul>
<ul class="performance_list" *ngIf="isShowDashBoardData">
<!-- <li>线上</li> -->
<li class="markPrice">***</li>
<li class="markPrice">***</li>
<li class="markPrice">***</li>
<li class="markPrice">***</li>
</ul>
<!-- <ul class="performance_list" *ngIf="!isShowDashBoardData">
<li>线下</li>
<li class="markPrice">
￥{{offlineInfo?.fyc | number: "1.0-0"}}
</li>
<li class="markPrice" style="margin:0 7px;">
￥{{offlineInfo?.fyp | number: "1.0-0"}}
</li>
<li class="markPrice">{{offlineInfo?.count?offlineInfo.count:'-'}}</li>
<li class="markPrice">
&nbsp;
</li>
</ul>
<ul class="performance_list" *ngIf="isShowDashBoardData">
<li>线下</li>
<li class="markPrice" style="margin:0 7px;">***</li>
<li class="markPrice">***</li>
<li class="markPrice">***</li>
<li class="markPrice">&nbsp;</li>
</ul> -->
</div>
</div> </div>
<div>
<i class="iconfont icon-fanhui"></i>
</div>
</section>
<section class="hotProductLists" *ngIf="hotProductLists.length>0">
<!-- 热销产品 -->
<h4>热销产品</h4>
<ul>
<li *ngFor="let item of hotProductLists">
<div>
<h5>{{item.planName}}</h5>
<p *ngFor="let label of item.labels" class="strengths"><span>.</span><span>{{label}}</span></p>
</div> </div>
<div class="part2"> <div class="minPrice">只需{{item.price}}元起</div>
<div class="part2_item activity_score" routerLink="scoreDeatil" > </li>
<div>活动量分值</div>
<div style="width: 100%;">
<ul class="activities">
<li class="markPrice">{{this.person?.dayScore}}</li>
<li class="markPrice">{{this.person?.weekScore}}</li>
<li class="markPrice">{{this.person?.monthScore}}</li>
</ul>
<ul class="activities">
<li>今天</li>
<li>本周</li>
<li>本月</li>
</ul> </ul>
</section>
<section class="onlineProductLists">
<!-- 互联网产品 -->
<div>
<h4>互联网产品</h4>
<div class="viewMore" [routerLink]="'/product'">
<span>更多</span>
<i class="iconfont icon-fanhui"></i>
</div> </div>
</div> </div>
<div class="part2_item todo" routerLink="todo"> <ul>
<div class="task_list"> <li *ngFor="let item of onlineProductLists">
<span>今日任务</span> <h5>{{item.planName}}</h5>
<img style="width: 38px;height: 38px;" src="assets/images/todo_icon.png"> <p *ngFor="let label of item.labels" class="strengths">{{label}}</p>
</div> </li>
<div class="task_list"> </ul>
<span>数量</span> </section>
<div style="width: 100%;height: 38px;font-size: 24px;font-weight: bold;">{{taskLen?.length }}</div>
</div> <!-- 未开放模块弹窗 -->
</div> <Modal [(ngModel)]="this.state.modal1" [transparent]="true" [closable]="true" (onClose)="onClose('modal1')">
</div> <div [ngStyle]="{ height: 100, overflow: 'scroll' }">
<div class="part3"> 此模块暂未开放，敬请期待。
<div class="part2">
<div class="part2_item" routerLink="marketing">
<span>营销工具</span>
</div>
<div class="part2_item" routerLink="team" style="background: #FFF5F5;">
<span>我的团队</span>
</div>
</div>
<div class="part2">
<div class="part2_item" routerLink="exhibition">
<span>我的展业</span>
</div>
<div class="part2_item" routerLink="trainingCenter" style="background: #FFF5F5;">
<span>教育培训</span>
</div>
</div>
<div class="importantAnnouncement" routerLink="importantAnnouncement">
<div style="font-size: 16px;">公告栏</div>
</div>
</div>
</div>
<!--body-->
<div class="weui-panel__bd">
<div class="hotProduct">
<div style="margin-bottom: 10px;">
<h3>热销产品</h3>
</div>
<div class="media borderBottom pad15" *ngFor="let product of products,let i = index" (click)="goProductDetail(product)">
<div class="media-left media-middle">
<img class="media-object" src="{{product.iconPath}}" alt="{{product.planName}}">
<div class="yd_logo">
<img src="assets/images/yd-online_logo.png" alt="上海银盾保险经纪有限公司">
</div>
</div>
<div class="media-body">
<div class="media-heading">
<h4>{{product.planName}}</h4>
<div class="companylogo">
<span class="logoBox"><img src="{{product.companyLogoPath}}" alt="{{product.companyName}}"
class="img-responsive"></span>
</div>
</div>
<div class="summaryBox">
<div class="summaryContent" *ngFor="let label of product.labels">
<div class="summaryIcon"><i class="iconfont icon-gou"></i></div>
<div class="summaryLabel">{{label}}</div>
</div>
</div>
<div class="priceContainer">
<div style="width: 75%;display: flex;justify-content:space-between;align-items: flex-end">
<span class="price" *ngIf="product.productCategoryId!='4'"><strong>￥{{product.price}}</strong><small
style="font-size:12px;font-weight: normal;margin-left: 2px;">起</small><span
style="margin-left: 5px;white-space: nowrap">1人{{product.dayCount>=365 ? '1年' : product.dayCount + '天'}}</span></span>
<span class="price" *ngIf="product.productCategoryId=='4'"><strong>￥{{product.price}}</strong><small
style="font-size:12px;font-weight: normal;margin-left: 2px;">/年 起</small></span>
<span style="color:#4a4a4a;font-weight:lighter;white-space: nowrap">{{product.feedbackCount}}条评价</span>
</div>
<div><span style="font-size: 16px;padding-right: 18px;color:#4a4a4a" class="iconfont icon-ar-r"></span>
</div>
</div>
</div>
</div>
</div>
<!-- <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;" /> -->
<div class="health_wrapper">
<h3 style="display: flex;justify-content: space-between;align-items: center;">
医疗服务
<span style="color: #666666;font-size: 14px;" routerLink="medical_service">查看更多</span>
</h3>
<img id="medical" src="assets/images/list_01.png" (click)="jumpToChunYu()">
<!-- <img style="border-radius: 10px;width: 48%;" src="assets/images/yindunvipmember.jpg" (click)="jumpUrl()"> -->
</div>
<div class="health_wrapper" style="padding: 12px 10px 12px 10px;">
<h3 style="margin-bottom: 0;">我的设置
<span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="setting"></span>
</h3>
</div>
<div class="health_wrapper" style="padding: 12px 10px 12px 10px;">
<h3 style="margin-bottom: 0;">我的消息
<span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="news"></span></h3>
</div>
<div class="health_wrapper" style="padding: 12px 10px 12px 10px;margin-bottom: 0;">
<h3 style="margin-bottom: 0;">吐槽箱
<span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="suggestion"></span></h3>
</div>
</div>
<!--footer-->
<div class="footer" style="font-size: 12px;padding-top: 10px;text-align: center;background: #f5f5f5;">
<p>上海银盾保险经纪有限公司</p>
<p>保险业务经营许可证：269615000000800</p>
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502018293" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<img src="assets/images/bei.png" style="float:left;width: auto;"/>
<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">版权所有©2021银盾保险在线 &nbsp;沪ICP备31011502018293号</p>
</a>
</div>
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
<!--弹窗提醒 -->
<div class="tipsInfoContainer" *ngIf="viewStatus===0" (click)="closeDialog($event)">
<div class="tipsInfoContent">
<img src="./assets/images/bell.png" alt="" class="bell">
<img src="./assets/images/dialogBg.png" alt="" style="margin-top:-2px">
<div>您有续期保单待处理</div>
<button (click)="viewDetail()">立即查看</button>
</div> </div>
</div> </Modal>
\ No newline at end of file
src/app/my/my-center-home/my-center-home.component.scss
ul, @mixin featureBg {
ol { display: flex;
list-style: none; padding: 5px 14px;
background: #fff;
border-radius: 10px;
margin: 10px;
} }
.weui-panel {
position: relative;
.weui-cell__hd {
i.iconfont {
background-image: -webkit-gradient(
linear,
left top,
right bottom,
from(#ff1c2b),
to(#461415)
);
background-image: linear-gradient(to bottom right, #ff1c2b, #461415);
-webkit-background-clip: text;
color: transparent;
margin-right: 10px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 26px;
}
}
.weui-panel__hd { .searchContent{
display: flex; display: flex;
-webkit-box-align: center;
align-items: center; align-items: center;
padding: 10px 0 10px 21px; background-color: #cbe5ff;
width: 100%; padding: 7px 10px 90px;
// color: #fff; i{
// background: linear-gradient(90deg, #494949, #393939); flex-basis: 24px;
color: #333;
// background: #f6f7f2;
box-sizing: border-box;
img {
max-width: 100%;
height: 100%;
display: block;
}
> div {
margin-right: 15px;
}
.avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.brokerInfo {
flex: 1;
.brokerName {
display: flex;
justify-content: space-between;
// color: #e3c385;
font-weight: normal;
font-size: 16px;
> div:first-child {
display: flex;
align-items: flex-end;
font-size: 20px;
font-weight: 800;
}
}
.ydTitle,
.brokerTag {
// color: #ae9f82;
border-radius: 6px;
}
.brokerTag {
// margin-top: 10px;
display: flex;
font-weight: normal;
font-size: 14px;
> div {
display: flex;
align-items: center;
margin-right: 5px;
}
}
}
.shareSelfInfoBtn {
padding: 0 15px;
color: #fff;
background-color: #ff4100;
border-radius: 20px;
font-size: 15px;
}
}
.weui-panel__hd.header {
// background: -webkit-linear-gradient(left, #696d90, #a1adc7);
// background: -o-linear-gradient(left, #696d90, #a1adc7);
// background: -moz-linear-gradient(left, #696d90, #a1adc7);
// background: -ms-linear-gradient(left, #696d90, #a1adc7);
// background: linear-gradient(to right, #696d90, #a1adc7);
}
.weui-panel__bd {
background: #f5f5f5;
height: auto;
// padding: 0px 8px;
img {
width: 100%;
}
.performance_wrapper {
border-radius: 8px;
// margin: 5px auto 8px auto;
margin: 0 auto 8px auto;
// box-shadow: 0 0px 2.5px #eceaea;
position: relative;
// background: url('../../../assets/images/top_bg.png') no-repeat ;
background: url("../../../assets/images/bg.png") no-repeat;
background-size: cover;
.bg {
height: 100%;
position: absolute;
z-index: 1;
}
.content {
position: relative;
padding: 0px 0px 5px 8px;
ul {
list-style: none;
}
.tab {
display: flex;
list-style: none;
margin-bottom: 5px;
li {
margin-right: 15px;
line-height: 38px;
height: 38px;
color: #fff;
h3 {
font-weight: normal;
font-size: 16px;
}
}
li.selected {
h3 {
font-weight: bold;
font-size: 20px;
span {
border-bottom: 2px #fff solid;
padding-bottom: 3px;
}
}
// .line{
// width: 20px;
// height: 3px;
// display: inline-block;
// position: absolute;
// bottom: 2px;
// background: #ff002a;
// }
}
}
.detail {
display: inline-block;
color: #fff;
text-align: center;
cursor: pointer;
position: absolute;
right: 0px;
top: 5px;
width: 80px;
height: 25px;
line-height: 25px;
// background: rgba(0, 0, 0, 0.4);
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
font-size: 14px;
}
.performance_list {
display: flex;
font-size: 14px;
li {
width: 15%;
text-align: center;
line-height: 35px;
font-size: 12px;
color: #fff;
margin: 0 5px;
overflow: hidden;
&:nth-child(1),
&:nth-child(2) {
width: 26%;
text-align: right;
}
&:last-child {
width: 18%;
}
.markPrice {
color: #fff;
font-weight: bold;
font-size: 15px;
} }
.indexSearchBar{
flex: auto;
} }
} }
} .featureContent{
} @include featureBg;
.part2 { padding-top: 10px;
display: flex; ul{
margin-bottom: 10px;
.part2_item {
width: 48%;
height: 80px;
display: flex; display: flex;
background: #ecf6ff;
border-radius: 12px;
padding: 10px;
justify-content: space-between;
align-items: center; align-items: center;
.activities { justify-content: space-around;
display: flex;
font-size: 14px;
li {
width: 33%;
text-align: center;
line-height: 25px;
font-size: 12px;
overflow: hidden;
}
li.markPrice {
font-weight: bold;
font-size: 20px;
}
}
}
.part2_item.activity_score,
.part2_item.todo {
height: auto;
}
.part2_item:nth-child(1) {
margin-right: 2%;
flex-wrap: wrap; flex-wrap: wrap;
}
.part2_item:nth-child(2) {
margin-left: 2%;
}
.todo {
background: #fff5f5;
div {
width: 50%;
text-align: center;
span {
width: 100%; width: 100%;
display: inline-block; li{
margin-bottom: 10px;
}
}
div.task_list {
width: 50%;
text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center;
width: 0;
flex:0 0 25%;
margin-bottom: 10px;
font-size: 14px;
color: #666;
>div:first-child{
width: 48px;
} }
} }
} }
.part3 { }
position: relative; .noticeContent{
.part2_item { @include featureBg;
justify-content: center; padding: 13px 14px;
align-items: center; align-items: center;
span { justify-content: space-between;
font-size: 16px; div{
}
}
.importantAnnouncement {
position: absolute;
top: 50%;
left: 50%;
margin-top: -60px;
margin-left: -60px;
> div {
width: 120px;
height: 120px;
border-radius: 50%;
background: #0c5c90;
border: 10px solid #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; span{
color: #fff; margin-left: 9px;
} }
.icon-fanhui{
transform: rotate(180deg);
} }
} }
.notice { }
background: #fff; .hotProductLists,.onlineProductLists{
padding: 0px 0px 0px 10px; @include featureBg;
margin-top: 10px; h4{
div { position: relative;
display: flex; font-size: 18px;
align-items: center; color: #333;
color: #737272; padding-left: 7px;
height: 40px; &:before{
.iconfont { position: absolute;
font-size: 30px; left: 0;
} top: 1px;
display: inline-block;
content: '';
width: 2px;
height:16px;
background-color: #5F83FF;
border-radius: 2px;
} }
} }
}
.tool_wrapper { .hotProductLists{
margin-bottom: 10px;
.tool_item {
display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; >ul{
background: #fff;
padding: 7px 0px 0px 10px;
h3 {
font-size: 16px;
margin-bottom: 10px;
}
.tool_content {
display: flex; display: flex;
justify-content: space-between; overflow-x: scroll;
margin-bottom: 10px; margin-top: 10px;
flex-wrap: wrap; >li{
.content_item { width: 0;
flex: 0 0 35%;
border-radius: 10px;
min-height: 143px;
padding: 11px 8px;
margin-right: 8px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; justify-content: space-between;
width: 25%; .minPrice{
margin-bottom: 10px; width: 98px;
position: relative; height: 25px;
img { border-radius: 12px;
max-width: 44%; color:#fff;
} background-color: #9BBCF8;
span { font-size: 15px;
display: inline-block; text-align: center;
width: 10px;
height: 10px;
position: absolute;
background: red;
border-radius: 50%;
right: 30%;
top: 10%;
}
div {
font-size: 13px;
}
@media (max-width: 320px) {
div {
font-size: 12px;
}
}
}
@media (min-width: 768px) {
.content_item {
height: 90px;
}
}
}
}
}
.tool_wrapper:nth-child(4) {
.tool_content {
padding-bottom: 10px;
}
@media (min-width: 768px) {
.tool_content {
padding-bottom: 5px;
}
} }
@media (min-width: 320px) { &:nth-of-type(3n+1){
.tool_content { background-color: #FAF6EA;
padding-bottom: 0; .minPrice{
background: #E7AA47;
} }
} }
&:nth-of-type(3n+2){
background-color: #EDF1FD;
} }
.hotProduct { &:nth-of-type(3n+3){
margin: 10px auto; background-color: #FAF0EE;
background: #fff;
box-shadow: 0 0px 2.5px #eceaea;
border-radius: 6px;
margin-bottom: 10px;
padding: 7px 10px 0px 10px;
h3 {
font-weight: normal;
font-size: 16px;
} }
.media { h5{
position: relative; height: 23px;
font-size: 15px;
font-weight: 500;
color: #6A6A6A;
line-height: 18px;
width: 100%; width: 100%;
display: flex; overflow: hidden;
justify-content: space-between; text-overflow: ellipsis;
align-items: flex-start; white-space: nowrap;
cursor: pointer;
padding-bottom: 15px;
}
.media-left {
width: 30%;
padding-right: 10px;
.yd_logo {
padding: 8px;
background: rgba(114, 209, 196, 0.18);
margin-top: -5px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
}
.media-body {
width: 75%;
}
.summaryBox {
justify-content: space-between;
} }
.priceContainer { p{
height: 21px;
font-size: 14px;
font-weight: 500;
color: #C9C9C9;
line-height: 16px;
width: 100%; width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex; display: flex;
justify-content: space-between; align-items: center;
align-items: flex-end;
line-height: 1;
margin-top: 5px;
span {
font-size: 12px;
color: #e56124;
} }
.price {
display: flex;
font-size: 22px;
margin-right: 15px;
color: #e56124;
justify-content: space-between;
align-items: flex-end;
} }
} }
.media-heading { }
.onlineProductLists{
flex-direction: column;
>div{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: center;
color: #4a4a4a;
}
h4 {
font-size: 15px;
margin: 0;
width: 85%;
}
.companylogo {
width: 70px;
height: 26px;
margin-top: -1px;
font-size: 12px;
}
.logoBox {
width: 100%; width: 100%;
height: 100%; .viewMore{
color: #999;
font-size: 12px;
.icon-fanhui{
display: inline-block; display: inline-block;
transform: rotate(180deg);
} }
} }
.health_wrapper {
background: #fff;
box-shadow: 0 0px 2.5px #eceaea;
// border-radius: 6px;
margin-bottom: 10px;
padding: 7px 10px 10px 10px;
h3 {
font-weight: normal;
font-size: 16px;
margin-bottom: 8px;
}
}
}
#medical {
border-radius: 5px;
box-shadow: 0 0px 10px #e4e3e3;
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.thankWrapper {
width: 95%;
height: 50%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
} }
}
.tipsInfoContainer { >ul{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
left: 0;
top: 0;
display: flex; display: flex;
align-items: center; margin-top: 10px;
.tipsInfoContent { >li{
position: relative; width: 0;
width: 85%; flex: 0 0 50%;
padding-bottom: 10px; padding: 8px 5px 11px;
margin: 0 auto; min-height: 69px;
background: #fff; background: #FFFFFF;
border-radius: 10px; box-shadow: 0px 1px 4px 1px rgba(0,0,0,.08);
text-align: center; border-radius: 10px 10px 10px 10px;
color: #1b5b99; margin-right: 8px;
max-width: 500px; >h5{
div{ font-size: 14px;
font-size: 20px; font-weight: 500;
margin-bottom: 30px; color: #333333;
margin-top: 20px; width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 18px;
} }
button { >p{
background: #1b5b99; font-size: 12px;
color: #fff; font-weight: 400;
width: 142px; color: #666666;
height: 33px; width: 96%;
line-height: 33px; overflow: hidden;
text-align: center; text-overflow: ellipsis;
border:none; white-space: nowrap;
outline:none;
border-radius:35px;
} }
.bell{
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%,-50%);
width: 30px
} }
} }
} }
\ No newline at end of file
src/app/my/my-center-home/my-center-home.component.ts
import { Component, OnInit, ViewChild, ElementRef, AfterViewInit } from '@angular/core'; import { Component, OnInit, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
import { Router, ActivatedRoute } from "@angular/router"; import { Router } from '@angular/router';
import { LifeCommonService } from "../../common/life-common.service"; import { MyService } from '../my.service';
import { environment } from "../../../environments/environment";
import { MyService } from "../my.service";
import { Plans } from '../../domain/plans';
import { User } from '../../domain/user';
import { LocalStorage } from '../../domain/local.storage';
import * as dayjs from 'dayjs';
declare var wx: any; declare var wx: any;
@Component({ @Component({
selector: 'ydlife-my-center-home', selector: 'ydlife-my-center-home',
templateUrl: './my-center-home.component.html', templateUrl: './my-center-home.component.html',
styleUrls: ['./my-center-home.component.scss'], styleUrls: ['./my-center-home.component.scss'],
}) })
export class MyCenterHomeComponent implements OnInit, AfterViewInit { export class MyCenterHomeComponent implements OnInit {
@ViewChild('hide') hide: ElementRef public searchText:string;
menuLists: Array<any>; public featureLists = [
isNeedAlert: boolean; {key:'00',name:'产品库',icon:'productLibary',link:'/product',isOpen:true},
dialogInfo: any; {key:'01',name:'计划书',icon:'proposals',link:'',isOpen:false},
lifeCustomerInfo: any; {key:'02',name:'我的保单',icon:'policyLists',link:'/salesDetail',isOpen:true},
deviceType: number; {key:'03',name:'续期管理',icon:'renewalManagement',link:'/renewal_reminder',isOpen:true},
announcementLists: Array<any>; {key:'04',name:'成交客户',icon:'customers',link:'/customer',isOpen:true},
firstAnnouncement: string; {key:'05',name:'我的增员',icon:'increaseStaff',link:'/business',isOpen:true},
performanceList: Array<any>; {key:'06',name:'银盾学院',icon:'ydCollege',link:'',isOpen:false},
performanceSelectedFlag: string; {key:'07',name:'更多功能',icon:'more',link:'',isOpen:true}
leftWidth: any;
products: Plans[];
productInfo: Plans;
inquiry: User;
firstAnnouncementTitle: string;
//判断是否显示我的团队
isShow: boolean;
onlineInfo: any;
offlineInfo: any;
activities_grade: any;
taskLen:Array<any> = [];
person:any;
showFlag:boolean = false;
isShowSalay:boolean;
showSubMenu:boolean;
//初始化不显示面板数据
isShowDashBoardData:boolean = true;
// 0是未看 1是已看
viewStatus:number;
constructor(
private router: Router,
public lifeCommonService: LifeCommonService,
private myService: MyService,
private ls: LocalStorage,
private activatedRoute: ActivatedRoute,
) {
}
ngOnInit() {
const title = this.activatedRoute.snapshot.data[0]['title'];
this.lifeCommonService.setTitle(title);
this.deviceType = this.lifeCommonService.checkDeviceType();
this.lifeCustomerInfo = JSON.parse(localStorage.getItem('lifeCustomerInfo')) ? JSON.parse(localStorage.getItem('lifeCustomerInfo')) : null;
this.performanceList = [
{ name: `${this.lifeCommonService.dateFormat(new Date, ('M'))}月`, time: 1 },
{ name: `${this.getQuarter(this.lifeCommonService.dateFormat(new Date, ('M')))}`, time: 3 },
{ name: '本年度', time: 2 },
// { name:'往期历史' , time: 4 }
] ]
//初始化调本月线上 保费+ 本月线下保费 public bannerLists = {
this.rank(1, 1, 1) data: [],
// this.rank(1, 2, 1) imgHeight: '145px'
this.recommendPlanQuery();
//判断是否团队长
// this.subordinateSystemMemberQuery();
this.opportunityStatistics();
this.queryScheduleTrackList();
//活动量得分查询
this.queryPEPScore();
// 查询是否有续期提醒订单
if(sessionStorage.getItem('hadView')){
this.viewStatus = 1;
}else{
this.queryNoticeList();
}
}
closeDialog(e){
if(e.target.className==='tipsInfoContainer'){
this.viewStatus = 1;
sessionStorage.setItem('hadView','true')
}
}
viewDetail(){
this.viewStatus = 1;
sessionStorage.setItem('hadView','true');
this.router.navigate(['/renewal_reminder'])
}
ngAfterViewInit() {
// setTimeout(() => {
// this.firstAnnouncementTitle = this.getStr(this.hide.nativeElement.innerText, '32')
// }, 400);
}
//截取字符串
getStr(str, len) {
if (!str) return "";
if (len <= 0) return "";
var templen = 0;
for (var i = 0; i < str.length; i++) {
if (str.charCodeAt(i) > 255) {
templen += 2;
} else {
templen++;
}
if (len == templen || len == templen + 1) {
return str.substring(0, i + 1) + '...';
} else if (templen > len + 1) {
return str.substring(0, i);
}
}
return str;
}
// 关闭弹窗
getPopInfo() {
this.isNeedAlert = false;
}
announcementQuery() {
this.myService.announcementQuery(null, null).subscribe(res => {
if (res['success']) {
this.announcementLists = res['data']['announcementInfoList'];
this.firstAnnouncement = this.announcementLists[0]['title'];
}
});
}
getOut() {
localStorage.removeItem('lifeCustomerInfo');
this.router.navigate(['/login']);
}
/**
* time 1-month,2-year,3-季度
* type 1-保费,2-佣金 3-件数
* platform //1-online,2-offline
*/
rank(time, platform, type) {
this.performanceSelectedFlag = time;
if(time==4){
this.router.navigate(['/historical_rank'])
}else{
const param = {
mobileNo: JSON.parse(localStorage.getItem('lifeCustomerInfo'))['mobileNo'],
time: time,
platform: platform,
type: type,
isPersonal:0
}
if (time == 1) {
this.leftWidth = '15%';
} else if (time == 2) {
this.leftWidth = '30%';
} else {
this.leftWidth = '17%';
}
this.myService.rank(param).subscribe((res) => {
if (res['success']) {
if (platform == 1) {
this.onlineInfo = res['data']['practitionerInfo'];
}
if (platform == 2) {
this.offlineInfo = res['data']['practitionerInfo'];
}
}
});
}
}
// 大家都在买产品查询列表
recommendPlanQuery() {
this.myService.queryproductlistbytag({ mdTagId: 97 }).subscribe(res => {
this.products = res['data'].plans;
})
}
// 点击产品进入详情页
goProductDetail(product: Plans): void {
if(product.isThirdpartyPurchase == 1){
if(product.thirdpartyPurchaseUrl){
window.location.href = product.thirdpartyPurchaseUrl;
}else{
alert('请配置跳转链接');
}
}else{
this.productInfo = product;
this.productInfo.type = 2;
this.inquiry = {
planId: this.productInfo.planId,
adultCount: this.productInfo.adultCount,
childCount: this.productInfo.childCount,
eldCount: this.productInfo.eldCount,
dayCount: this.productInfo.minDay
}; };
this.setInitDate(); public hotProductLists = [];
this.ls.setObject('inquiry', this.inquiry); public onlineProductLists = [];
if (this.productInfo.noPlanProduct === true) { state = {
window.location.href = `https://${window.location.host}/life/${this.productInfo.productId}` modal1: false,
} else { };
if (this.productInfo.productCategoryId === 1 || this.productInfo.productCategoryId === 4) { onClose(key) {
window.location.href = `https://${window.location.host}/pdetail/${this.productInfo.planId}` this.state[key] = false;
} else if (this.productInfo.productCategoryId === 2) {
window.location.href = `https://${window.location.host}/hProductDetail/${this.productInfo.planId}?type=7`
} else if (this.productInfo.productCategoryId === 5) {
window.location.href = `https://${window.location.host}/hProductDetail/${this.productInfo.planId}?type=9`
} else {
window.location.href = `https://${window.location.host}/life/${this.productInfo.productId}`
this.router.navigate(['/pdetail', this.productInfo.planId]);
}
}
}
} }
// 根据开始时间设置结束时间,天数应减1，当日~当日是一天 submit(value) {
setInitDate() { if(value.trim()){
this.productInfo.dayCount = this.lifeCommonService.yearDayCount(this.productInfo.dayCount, this.productInfo.insurerId == '5'); this.router.navigate(['/product',{queryName:value.trim()}])
this.lifeCommonService.setInitDate(this.productInfo.dayCount);
} }
jumpToDetail() {
this.router.navigate(['/rank'], { queryParams: { time: this.performanceSelectedFlag } });
} }
clear(value) {
this.searchText = '';
//经纪人商机分数统计
opportunityStatistics() {
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.myService.opportunityStatistics({ practitionerId: practitionerId }).subscribe((res) => {
if (res['success']) {
this.activities_grade = res['data'];
} else {
this.activities_grade = null;
} }
}) // 点击模块导航
featureSelect(item){
if(item.isOpen){
this.router.navigate([item.link]);
}else{
this.state.modal1 = true;
} }
//获取季度
getQuarter(quarter) {
if (quarter == '1' || quarter == '2' || quarter == '3') {
return '第一季度';
} }
if (quarter == '4' || quarter == '5' || quarter == '6') { // 获取轮播图
return '第二季度'; filePathQuery(){
} this.myService.filePath(6,0,7,null,null).subscribe(res=>{
if (quarter == '7' || quarter == '8' || quarter == '9') {
return '第三季度';
}
if (quarter == '10' || quarter == '11' || quarter == '12') {
return '第四季度';
}
}
//获取今日任务数量
queryScheduleTrackList(){
this.myService.queryScheduleTrackList({practitionerId:this.lifeCustomerInfo.practitionerId,trackTime:dayjs().format('YYYY-MM-DD')}).subscribe((res)=>{
if(res['success']){ if(res['success']){
this.taskLen = res['data']['dataList']; this.bannerLists.data = [];
}else{ for(let item of res['data']['fileUploadItemList']){
this.taskLen =[]; this.bannerLists.data.push(item.filePath)
}
} }
}) })
} }
// 模糊查询产品
//活动量得分统计 queryproductlistbytag(tagId,dataName){
queryPEPScore(){ this.myService.queryproductlistbytag({mdTagId:tagId}).subscribe(res=>{
this.myService.queryPEPScore({ practitionerId: this.lifeCustomerInfo.practitionerId }).subscribe((res)=>{
if(res['success']){ if(res['success']){
this.person = res['data']['person']; this[dataName] = res['data']['plans']
} }
}) })
} }
constructor(private myService:MyService,private router:Router){}
//跳转到春雨医生 ngOnInit(): void {
jumpToChunYu(){ this.filePathQuery()
window.location.href = `https://h5.futurebaobei.com/h5/product/detail/7?channel=yindun&channelStaff=${this.lifeCustomerInfo.practitionerId}` // 查询互联网产品
this.queryproductlistbytag(272,'onlineProductLists');
// 查询热销产品
this.queryproductlistbytag(119,'hotProductLists');
} }
// 获取是否有续期提醒订单 }
queryNoticeList(){
this.myService.queryNoticeList({practitionerId:this.lifeCustomerInfo.practitionerId,status:0}).subscribe(res=>{
if(res['success']){
if(res['data']['list'] && res['data']['list'].length > 0){
this.viewStatus = 0;
}else{
sessionStorage.setItem('hadView','true')
}
}
})
}
}
src/app/my/product/product.component.html
<div class="scrollContainer"> <div class="scrollContainer">
<div class="scrollContent"> <div class="scrollContent">
<div class="issueContainer"> <div class="issueContainer">
<div class="top">
<SearchBar [(ngModel)]="queryName"
[showCancelButton]="false"
[placeholder]="'热销产品'"
[cancelText]="'取消'"
[showCancelButton]="true"
(onSubmit)="queryProductBox()"
(onClear)="clear(queryName)"
(onCancel)="queryName='';queryProductBox()"
class="indexSearchBar"
></SearchBar>
</div>
<div class="bottom">
<ul class="left"> <ul class="left">
<li (click)="switchCategory(1,null)" [ngClass]="{'actived':leftSelectedId===null}">全部</li> <li (click)="switchCategory(1,null)" [ngClass]="{'actived':leftSelectedId===null}">全部</li>
<li *ngFor="let leftItem of leftList" (click)="switchCategory(1,leftItem)" <li *ngFor="let leftItem of leftList" (click)="switchCategory(1,leftItem)"
...@@ -101,4 +114,5 @@ ...@@ -101,4 +114,5 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
src/app/my/product/product.component.scss
...@@ -5,8 +5,9 @@ ...@@ -5,8 +5,9 @@
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
.issueContainer { .issueContainer {
display: flex;
height: 100%; height: 100%;
.bottom{
display: flex;
.left { .left {
width: 90px; width: 90px;
height: 100%; height: 100%;
...@@ -230,13 +231,7 @@ ...@@ -230,13 +231,7 @@
font-size: 15px; font-size: 15px;
font-weight: normal; font-weight: normal;
} }
// > div:last-child { }
// background: #FDF5F4;
// color: #F16A5D;
// font-size: 12px;
// border-radius: 3px;
// padding: 5px 6px;
// }
} }
} }
} }
......
src/app/my/product/product.component.ts
import {Component, OnInit} from '@angular/core'; import {Component, OnInit} from '@angular/core';
import {LifeCommonService} from '../../common/life-common.service'; import {LifeCommonService} from '../../common/life-common.service';
import {MyService} from '../../my/my.service'; import {MyService} from '../../my/my.service';
import {Router} from "@angular/router"; import {ActivatedRoute, Router} from "@angular/router";
import {ToastService } from 'ng-zorro-antd-mobile'; import {ToastService } from 'ng-zorro-antd-mobile';
import { Plans } from '../../domain/plans'; import { Plans } from '../../domain/plans';
import { LocalStorage } from '../../domain/local.storage'; import { LocalStorage } from '../../domain/local.storage';
...@@ -24,18 +24,24 @@ export class ProductComponent implements OnInit { ...@@ -24,18 +24,24 @@ export class ProductComponent implements OnInit {
rightIds:Array<any> = []; rightIds:Array<any> = [];
rightTagIds:Array<any> = []; rightTagIds:Array<any> = [];
topAndright:Array<any> = []; topAndright:Array<any> = [];
queryName:string;
constructor(private myService: MyService, constructor(private myService: MyService,
public lifeCommonService: LifeCommonService, public lifeCommonService: LifeCommonService,
private router: Router, private router: Router,
private _toast: ToastService, private _toast: ToastService,
private route:ActivatedRoute,
private ls: LocalStorage) { private ls: LocalStorage) {
} }
ngOnInit() { ngOnInit() {
this.lifeCommonService.setTitle('产品库'); this.lifeCommonService.setTitle('产品库');
this.tagViewQuery(305); this.tagViewQuery(305,true);
this.tagViewQuery(309); this.tagViewQuery(309,true);
this.queryName = this.route.snapshot.params['queryName'];
}
clear() {
this.queryName = '';
} }
//type:1表示左侧筛选2表示右侧筛选 //type:1表示左侧筛选2表示右侧筛选
...@@ -72,7 +78,7 @@ export class ProductComponent implements OnInit { ...@@ -72,7 +78,7 @@ export class ProductComponent implements OnInit {
} }
//type：305左侧，309上侧，306筛选 //type：305左侧，309上侧，306筛选
tagViewQuery(type) { tagViewQuery(type,isFirstSearch=false) {
const param = { const param = {
isActive: 1, isActive: 1,
tagViewType: type tagViewType: type
...@@ -82,7 +88,16 @@ export class ProductComponent implements OnInit { ...@@ -82,7 +88,16 @@ export class ProductComponent implements OnInit {
if (type == 305) { if (type == 305) {
this.leftList = res['data']['tagViewQueryInfos']; this.leftList = res['data']['tagViewQueryInfos'];
//初始化查推荐产品 //初始化查推荐产品
if(isFirstSearch){
if(this.queryName){
this.switchCategory(1,null);
}else{
this.switchCategory(1,this.leftList[0]) this.switchCategory(1,this.leftList[0])
}
}else{
this.switchCategory(1,this.leftList[0])
}
} else if (type == 309) { } else if (type == 309) {
this.topList = res['data']['tagViewQueryInfos']; this.topList = res['data']['tagViewQueryInfos'];
} else { } else {
...@@ -121,7 +136,7 @@ export class ProductComponent implements OnInit { ...@@ -121,7 +136,7 @@ export class ProductComponent implements OnInit {
this.router.navigate(['/productData', productInfoItem.productId],{queryParams:{planId:productInfoItem.planId}}); this.router.navigate(['/productData', productInfoItem.productId],{queryParams:{planId:productInfoItem.planId}});
} }
//根据标签查询产品 //根据标签或名字查询产品
queryProductBox(){ queryProductBox(){
this.rightTagIds=[]; this.rightTagIds=[];
if(this.rightIds.length){ if(this.rightIds.length){
...@@ -138,7 +153,7 @@ export class ProductComponent implements OnInit { ...@@ -138,7 +153,7 @@ export class ProductComponent implements OnInit {
} }
} }
let tagIds = this.tagIds.concat(this.rightTagIds) let tagIds = this.tagIds.concat(this.rightTagIds)
this.myService.queryProductBox({tagIds:tagIds}).subscribe((res)=>{ this.myService.queryProductBox({tagIds:tagIds,queryName:this.queryName}).subscribe((res)=>{
if(res['success']){ if(res['success']){
this.productInfos = res['data']['productInfos']; this.productInfos = res['data']['productInfos'];
//截取两个特色 //截取两个特色
......
src/app/my/todo-list/todo-list.component.scss
...@@ -145,8 +145,8 @@ ul,ol{ ...@@ -145,8 +145,8 @@ ul,ol{
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 50px; line-height: 50px;
bottom: 4%; bottom: 8%;
right: 8%; right: 4%;
z-index: 100; z-index: 100;
.iconfont{ .iconfont{
font-size: 30px; font-size: 30px;
......
src/styles.scss
...@@ -13,8 +13,7 @@ html, body { ...@@ -13,8 +13,7 @@ html, body {
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
background: #fff; background: #F5F5F5;
// -webkit-text-size-adjust: 100% !important;
} }
ol, ul { ol, ul {
...@@ -153,33 +152,6 @@ input::placeholder { ...@@ -153,33 +152,6 @@ input::placeholder {
background-color: transparent; background-color: transparent;
} }
} }
footer{
width: 100%;
background: #C81B1E;
color: #fff;
font-size: 18px;
font-weight: bold;
border-radius: 4px;
height: 40px;
line-height: 40px;
text-align: center;
margin: 0 auto;
margin-top: 15px;
}
footer.fixed{
min-width: 320px;
max-width: 640px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 56px;
line-height: 56px;
border-radius: 0;
z-index: 0;
margin: 0 auto;
}
.page_mark{ .page_mark{
width: 40px; width: 40px;
height: 20px; height: 20px;
...@@ -300,3 +272,12 @@ footer.fixed{ ...@@ -300,3 +272,12 @@ footer.fixed{
html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after{ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after{
background-color: #f9f9f9; background-color: #f9f9f9;
} }
.indexSearchBar{
.am-search{
margin: 0 15px;
background-color: transparent;
}
.am-search-input{
border-radius: 26px;
}
}
\ No newline at end of file
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 to comment