|
|
@@ -17,8 +17,15 @@
|
|
|
<div class="nameMd">{{ s.Name }}</div>
|
|
|
<div class="namert"></div>
|
|
|
</span>
|
|
|
- <img :src="s.Head" alt="" v-if="s.Head">
|
|
|
- <img src="../static/img/people/flyhead.png" alt="" v-if="!s.Head">
|
|
|
+ <div class="head">
|
|
|
+ <img :src="s.Head" alt="" v-if="s.Head">
|
|
|
+ <img src="../static/img/people/flyhead.png" alt="" v-if="!s.Head">
|
|
|
+ <!-- 生日快乐 -->
|
|
|
+ <div class="birth" v-if="s.IsBirthday == 1">
|
|
|
+ <img src="../assets/img/birth/birthCrow.png" class="birthCrow"/>
|
|
|
+ <img src="../assets/img/birth/birthText.png" class="birthText"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="cla">
|
|
|
<em v-if="s.realHr != 0">{{ s.activePercent |max100 }}</em>
|
|
|
@@ -98,7 +105,7 @@
|
|
|
return {
|
|
|
eqSn: '30:9C:23:0C:8B:1E',
|
|
|
pageStyle: RandomBg(),
|
|
|
- trueDate: true,//真实数据 true false
|
|
|
+ trueDate: false,//真实数据 true false
|
|
|
totalTime: 4,
|
|
|
times: 1,
|
|
|
thisClassName: '',
|
|
|
@@ -119,14 +126,13 @@
|
|
|
"UserId": 0,
|
|
|
"UserName": "郑伟",
|
|
|
"Sex": 1,
|
|
|
- // "Head": "http://192.168.0.2/zw.png",
|
|
|
"Head": "https://img-operation.csdnimg.cn/csdn/silkroad/img/1604989753379.png",
|
|
|
"Cle": 400,
|
|
|
"CleTitle": "个人单次卡路里记录",
|
|
|
"CleUnit": "千卡",
|
|
|
"CkTitle": "个人单次CK记录",
|
|
|
"Ck": 99.9,
|
|
|
- "CkUnit": "CK值"
|
|
|
+ "CkUnit": "CK值",
|
|
|
}
|
|
|
},
|
|
|
mainTimer: null,
|
|
|
@@ -152,7 +158,8 @@
|
|
|
} else {
|
|
|
// 彩蛋
|
|
|
// this.OpenEgg(this.fakeEgg);
|
|
|
- let Rs = fakeNews(1);
|
|
|
+ // 1 2 4 6 9
|
|
|
+ let Rs = fakeNews(11);
|
|
|
this.giveClassName(Rs);
|
|
|
this.students = Rs;
|
|
|
// this.mainTimer = setInterval(() => {
|
|
|
@@ -1899,4 +1906,71 @@
|
|
|
.twentyFour .bottomLi .step img {
|
|
|
margin-top: 0.16rem;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+ .birth {
|
|
|
+ position: relative;
|
|
|
+ top: -3.3rem;
|
|
|
+ width: 40%;
|
|
|
+ height: 1px;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .birth img.birthCrow {
|
|
|
+ position: relative;
|
|
|
+ top: -0.1rem;
|
|
|
+ width: 1.2rem;
|
|
|
+ height: 0.7rem;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .birth img.birthText {
|
|
|
+ position: relative;
|
|
|
+ top: 1.8rem;
|
|
|
+ width: 1.8rem;
|
|
|
+ height: 0.8rem;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .two .birth img.birthCrow {
|
|
|
+ top: 0.1rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .three .birth img.birthCrow {
|
|
|
+ top: 0.8rem;
|
|
|
+ }
|
|
|
+ .six .birth {
|
|
|
+ top: -3.1rem;
|
|
|
+ }
|
|
|
+ .six .birth img.birthCrow {
|
|
|
+ width: 0.8rem;
|
|
|
+ height: 0.5rem;
|
|
|
+ top: 1.2rem;
|
|
|
+ }
|
|
|
+ .six .birth img.birthText {
|
|
|
+ top: 2rem;
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 0.6rem;
|
|
|
+ }
|
|
|
+ .nine .birth {
|
|
|
+ top: -3.1rem;
|
|
|
+ }
|
|
|
+ .nine .birth img.birthCrow {
|
|
|
+ width: 0.8rem;
|
|
|
+ height: 0.5rem;
|
|
|
+ top: 1.6rem;
|
|
|
+ }
|
|
|
+ .nine .birth img.birthText {
|
|
|
+ top: 2.1rem;
|
|
|
+ width: 1.2rem;
|
|
|
+ height: 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|