Skip to content

Y
ydLife
Commit 4b28665c by Chao Sun
Options

样式微调

parent 21690313
Showing with 43 additions and 36 deletions
src/app/auth/login/login.component.html
<div class="page form_vcode js_show">
<div class="weui-form">
<div class="weui-form__text-area" style="position: relative;">
<img style="width: 100%;" src="assets/images/ydinsurance_logo.png" >
<img style="width: 100%;" src="assets/images/ydinsurance_logo.png">
<div style="font-family: '微软雅黑';position: absolute; top: 65%;left: 35%;font-size: 14px;">
海纳百<span style="letter-spacing: 3px;">川</span>赢家后盾
海纳百<span style="letter-spacing: 3px;">川</span>赢家后盾
</div>
</div>
<div class="weui-form__control-area">
......@@ -13,15 +13,14 @@
<!-- <div class="weui-cell__hd"><label class="weui-label">手机号</label></div> -->
<div class="weui-cell__bd">
<input autofocus="" class="weui-input" type="tel" maxlength="11" pattern="[0-9]*" placeholder="请输入手机号"
name="mobileNo"
[(ngModel)]="userInfo.mobileNo">
name="mobileNo" [(ngModel)]="userInfo.mobileNo" (blur)="inputBlur()">
</div>
</div>
<div class="weui-cell weui-cell_vcode" style="padding:12px 0px">
<!-- <div class="weui-cell__hd"><label class="weui-label">验证码</label></div> -->
<div class="weui-cell__bd">
<input class="weui-input" type="tel" pattern="[0-9]*" id="js_input" placeholder="请输入验证码"
maxlength="4" name="verificationCode" [(ngModel)]="userInfo.verificationCode">
<input class="weui-input" type="tel" pattern="[0-9]*" id="js_input" placeholder="请输入验证码" maxlength="4"
name="verificationCode" [(ngModel)]="userInfo.verificationCode" (blur)="inputBlur()">
</div>
<div class="weui-cell__ft">
<button class="weui-btn weui-btn_default weui-vcode-btn" (click)="verificationCode()">{{sendCodeHtml}}
......@@ -32,9 +31,9 @@
</div>
</div>
<div class="weui-form__opr-area">
<a class="weui-btn weui-btn_primary login" href="javascript:" id="showTooltips" style="width:100%"
(click)="login()">登录</a>
<a class="weui-btn weui-btn_primary login" href="javascript:" id="showTooltips"
style="width:100%;padding: 10px 24px;" (click)="login()">登录</a>
</div>
</div>
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
\ No newline at end of file
src/app/auth/login/login.component.ts
import {Component, OnDestroy, OnInit} from '@angular/core';
import {NavigationExtras, Router} from '@angular/router';
import {AuthService} from '../auth.service';
import { Component, OnDestroy, OnInit } from '@angular/core';
import { NavigationExtras, Router } from '@angular/router';
import { AuthService } from '../auth.service';
@Component({
selector: 'ydlife-login',
......@@ -31,6 +31,10 @@ export class LoginComponent implements OnInit, OnDestroy {
clearInterval(this.timer);
}
inputBlur() {
window.scrollTo(0, 0)
}
login() {
const compareInfo = {
mobileNo: this.userInfo.mobileNo,
......@@ -40,10 +44,10 @@ export class LoginComponent implements OnInit, OnDestroy {
if (this.MOBILE_REGEXP.test(this.userInfo.mobileNo) && this.userInfo.verificationCode && this.userInfo.verificationCode.length == 4) {
this.authService.compare(compareInfo).subscribe(res => {
if (res['success']) {
this.authService.login({mobileNo: this.userInfo.mobileNo}).subscribe((response) => {
this.authService.login({ mobileNo: this.userInfo.mobileNo }).subscribe((response) => {
if (response['success']) {
this.authService.isLoggedIn = true;
const lifeCustomerInfo = {...response.data, mobileNo: this.userInfo.mobileNo, commonResult: null};
const lifeCustomerInfo = { ...response.data, mobileNo: this.userInfo.mobileNo, commonResult: null };
if (lifeCustomerInfo['customerId'] && lifeCustomerInfo['practitionerId']) {
localStorage.setItem('lifeCustomerInfo', JSON.stringify(lifeCustomerInfo));
const redirect = this.authService.redirectUrl ? this.router.parseUrl(this.authService.redirectUrl) : '/my';
......@@ -64,7 +68,7 @@ export class LoginComponent implements OnInit, OnDestroy {
}
}
// 发送验证码
// 发送验证码
verificationCode() {
const verificationInfo = {
mobileNo: this.userInfo.mobileNo,
......@@ -84,7 +88,7 @@ export class LoginComponent implements OnInit, OnDestroy {
}
// 倒计时
// 倒计时
countDown() {
this.disabledSendBtn = true;
this.timer = setInterval(() => {
......@@ -104,8 +108,8 @@ export class LoginComponent implements OnInit, OnDestroy {
this.isNeedAlert = true;
this.dialogInfo = {
title: null,
content: {value: message, align: 'center'},
footer: [{value: '我知道了', routerLink: '', className: 'weui-dialog__btn_primary'}],
content: { value: message, align: 'center' },
footer: [{ value: '我知道了', routerLink: '', className: 'weui-dialog__btn_primary' }],
};
}
......
src/app/my/my-center-home/my-center-home.component.html
......@@ -65,8 +65,8 @@
<li class="markPrice">
￥{{performanceInfo?.fyc | number: "1.0-0"}}
</li>
<li>{{performanceInfo?.count?performanceInfo.count:'-'}}</li>
<li>
<li class="markPrice">{{performanceInfo?.count?performanceInfo.count:'-'}}</li>
<li class="markPrice">
{{performanceInfo?.ranking?performanceInfo.ranking:'-'}}
</li>
</ul>
......
src/app/my/sales-rank/sales-rank.component.html
<div class="salesWrapper">
<div style="height: 35px;line-height: 35px;float: left;width: 100%;font-size: 20px;margin-bottom: 5px;">
<span class="iconfont icon-paihangbang" style="font-size: 30px;color: #ef5105;"></span> 龙虎榜
<div
style="height: 35px;line-height: 35px;float: left;width: 100%;font-size: 20px;margin-bottom: 5px;text-align: center;color: #ea2a37;">
<span class="iconfont icon-paihangbang" style="font-size: 30px;color: #ea2a37;"></span> 龙虎榜
</div>
<div class="title">
<ul class="tab">
......@@ -70,16 +71,16 @@
<ng-container *ngIf="i<=2">
<div [ngSwitch]="i+1">
<i class="iconfont icon-medal" *ngSwitchCase="1"
[ngStyle]="{'color':'#fdb941','position': 'absolute','left':'7px','font-size':'35px','top':'-3px'}"></i>
[ngStyle]="{'color':'#fdb941','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
<i class="iconfont icon-medal" *ngSwitchCase="2"
[ngStyle]="{'color':'#b4b9c1','position': 'absolute','left':'7px','font-size':'35px','top':'-3px'}"></i>
[ngStyle]="{'color':'#b4b9c1','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
<i class="iconfont icon-medal" *ngSwitchCase="3"
[ngStyle]="{'color':'#ca8a6e','position': 'absolute','left':'7px','font-size':'35px','top':'-3px'}"></i>
[ngStyle]="{'color':'#ca8a6e','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
<i class="iconfont icon-medal" *ngSwitchDefault
[ngStyle]="{'color':'#fdb941','position': 'absolute','left':'7px','font-size':'35px','top':'-3px'}"></i>
[ngStyle]="{'color':'#fdb941','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
</div>
</ng-container>
<span style="margin-left: -4px;">{{performanceItem.rank}}</span>
{{performanceItem.rank}}
</li>
<li>{{performanceItem.name}}</li>
<li>{{performanceItem.subordinateSystemName}}</li>
......
src/app/my/sales-rank/sales-rank.component.scss
.salesWrapper{
padding: 10px 5px;
background: #f6f7f2;
// background: #062a61;
background: #002495;
height: 100%;
ul,ol{
list-style: none;
......@@ -12,7 +13,7 @@
padding: 10px 5px;
ul.tab{
float: left;
width: 30%;
width: 29%;
// border-right: 1px #ddd solid;
margin-right: 1%;
// margin-bottom: 10px;
......@@ -24,9 +25,10 @@
height: 30px;
line-height: 30px;
margin-right: 10%;
color: #fff;
}
li.selected{
font-size: 16px;
font-size: 18px;
font-weight: bold;
// border: 1px #e10d0d solid;
border-bottom: 2px #ff002a solid;
......@@ -34,7 +36,7 @@
}
}
ul.tab:nth-child(3){
width: 35%;
width: 37%;
// margin-right: 0;
// border-right: 0;
}
......@@ -57,9 +59,9 @@
width: 100%;
li{
float: left;
width: 28%;
height: 30px;
line-height: 30px;
width: 26%;
height: 34px;
line-height: 34px;
text-align: left;
margin-right: 1%;
position: relative;
......@@ -69,10 +71,10 @@
}
}
li:nth-child(1){
width: 15%;
width: 16%;
text-align: center;
}
li:nth-child(2){
li:nth-child(2),li:nth-child(3){
width: 25%;
}
li:nth-child(4){
......
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