Skip to content

Commit 1e36ce3

Browse files
iRuxuiRuxu
committed
perf:pvg styles
2 parents db28d77 + f4fa906 commit 1e36ce3

2 files changed

Lines changed: 147 additions & 94 deletions

File tree

‎src/assets/css/adventure/landscape.less‎

Lines changed: 66 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -625,15 +625,72 @@
625625
}
626626
}
627627
}
628-
.u-go_back {
629-
.pa();
630-
.db();
631-
top: 40px;
632-
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
633-
background-color: #24292e;
634-
padding: 0 18px;
635-
.fz(16px,40px);
636-
.bold();
628+
.m-producer {
629+
position: absolute;
630+
right: 10px;
631+
bottom: 48px;
632+
display: flex;
633+
flex-wrap: wrap;
634+
width: 400px;
635+
justify-content: flex-end;
636+
padding-right: 30px;
637+
.u-producer {
638+
width: 293px;
639+
}
640+
.u-producer__text {
641+
font-size: 16px;
642+
margin-top: 5px;
643+
color: #ad9f9a;
644+
}
645+
}
646+
.m-qy-progress {
647+
position: absolute;
648+
left: 40px;
649+
bottom: 45px;
650+
font-size: 22px;
651+
line-height: 20px;
652+
text-align: left;
653+
.u-progress {
654+
color: #a30505;
655+
}
656+
.u-time {
657+
margin-top: 11px;
658+
color: #112d24;
659+
}
660+
}
661+
}
662+
.u-go_back {
663+
.pa();
664+
.db();
665+
top: 40px;
666+
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
667+
background-color: #24292e;
668+
padding: 0 18px;
669+
.fz(16px,40px);
670+
.bold();
671+
.r(30px);
672+
.color(white);
673+
}
674+
.m-related-roles {
675+
.fz(12px);
676+
.r(10px);
677+
background-color: white;
678+
padding: 10px 15px;
679+
// .pa();
680+
// left: 50%;
681+
// top: 30px;
682+
// transform: translateX(-50%);
683+
width: max-content;
684+
margin: 0 auto;
685+
display: flex;
686+
align-items: center;
687+
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
688+
.el-select {
689+
width: 258px;
690+
border: none;
691+
background-color: rgba(243, 244, 245, 0.96);
692+
line-height: 40px;
693+
height: 40px;
637694
.r(30px);
638695
.color(white);
639696
}

‎src/views/adventure/landscape.vue‎

Lines changed: 81 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -1,93 +1,89 @@
11
<template>
2-
<div class="p-adventure-treasure-landscape">
3-
<CommonNav :force-show="true"></CommonNav>
4-
<div class="m-body">
5-
<!-- <a class="u-go_back" href="/adventure">返回主页</a> -->
6-
<template v-if="!isLogin">
7-
<div class="u-bind_role">
8-
<el-empty description="您还没有登录" :image="__imgPath + `/img/common/empty.png`" :image-size="200">
9-
<a class="el-button el-button--primary" :href="login_url"
10-
>前往登录 <i class="el-icon-arrow-right"></i
11-
></a>
12-
</el-empty>
13-
</div>
14-
</template>
15-
<template v-else-if="noRole">
16-
<div class="u-bind_role">
17-
<el-empty
18-
description="当前暂未绑定角色"
19-
:image="__imgPath + `/img/common/empty.png`"
20-
:image-size="200"
21-
>
22-
<a class="el-button el-button--primary" href="/team/role/bind"
23-
>前往绑定 <i class="el-icon-arrow-right"></i
24-
></a>
25-
</el-empty>
26-
</div>
27-
</template>
28-
<template v-else>
29-
<div class="m-related-roles">
30-
<el-select
31-
v-model="currentRole"
32-
value-key="ID"
33-
placeholder="请选择当前角色"
34-
:disabled="!isLogin"
35-
popper-class="m-related-roles-options"
36-
size="small"
37-
>
38-
<el-option v-for="role in roleList" :key="role.ID" :value="role" :label="role.name">
39-
<span class="u-role">
40-
<span class="u-role-name"
41-
><img class="u-role-icon" :src="showSchoolIcon(role.mount)" />{{ role.name }}</span
42-
>
43-
<span class="u-role-server">{{ role.server }}</span>
44-
</span>
45-
</el-option>
46-
</el-select>
2+
<CommonNav :force-show="true"></CommonNav>
3+
<CommonHeader></CommonHeader>
4+
<div class="m-body">
5+
<!-- <a class="u-go_back" href="/adventure">返回主页</a> -->
6+
<template v-if="!isLogin">
7+
<div class="u-bind_role">
8+
<el-empty description="您还没有登录" :image="__imgPath + `/img/common/empty.png`" :image-size="200">
9+
<a class="el-button el-button--primary" :href="login_url"
10+
>前往登录 <i class="el-icon-arrow-right"></i
11+
></a>
12+
</el-empty>
13+
</div>
14+
</template>
15+
<template v-else-if="noRole">
16+
<div class="u-bind_role">
17+
<el-empty description="当前暂未绑定角色" :image="__imgPath + `/img/common/empty.png`" :image-size="200">
18+
<a class="el-button el-button--primary" href="/team/role/bind"
19+
>前往绑定 <i class="el-icon-arrow-right"></i
20+
></a>
21+
</el-empty>
22+
</div>
23+
</template>
24+
<template v-else>
25+
<div class="m-related-roles">
26+
<el-select
27+
v-model="currentRole"
28+
value-key="ID"
29+
placeholder="请选择当前角色"
30+
:disabled="!isLogin"
31+
popper-class="m-related-roles-options"
32+
size="small"
33+
>
34+
<el-option v-for="role in roleList" :key="role.ID" :value="role" :label="role.name">
35+
<span class="u-role">
36+
<span class="u-role-name"
37+
><img class="u-role-icon" :src="showSchoolIcon(role.mount)" />{{ role.name }}</span
38+
>
39+
<span class="u-role-server">{{ role.server }}</span>
40+
</span>
41+
</el-option>
42+
</el-select>
4743

48-
<el-select
49-
v-model="currentCamp"
50-
placeholder="请选择阵营"
51-
popper-class="m-related-roles-options"
52-
size="small"
53-
>
54-
<el-option value="hq" label="浩气盟阵营"> </el-option>
55-
<el-option value="er" label="恶人谷阵营"> </el-option>
56-
</el-select>
57-
<el-tooltip content="刷新QQ机器人等渠道快照图片">
58-
<el-button class="u-refresh" @click="onRefresh">
59-
<i class="el-icon-refresh"></i>
60-
刷新卷轴
61-
</el-button>
62-
</el-tooltip>
63-
64-
<el-button class="u-role-setting" @click="onRoleSet">
65-
<i class="el-icon-setting"></i>
66-
角色管理
44+
<el-select
45+
v-model="currentCamp"
46+
placeholder="请选择阵营"
47+
popper-class="m-related-roles-options"
48+
size="small"
49+
>
50+
<el-option value="hq" label="浩气盟阵营"> </el-option>
51+
<el-option value="er" label="恶人谷阵营"> </el-option>
52+
</el-select>
53+
<el-tooltip content="刷新QQ机器人等渠道快照图片">
54+
<el-button class="u-refresh" @click="onRefresh">
55+
<i class="el-icon-refresh"></i>
56+
刷新卷轴
6757
</el-button>
68-
</div>
69-
<div id="capture" ref="capture">
70-
<landscapeContent
71-
:__img-root="__imgRoot"
72-
:user-achievement="userAchievement"
73-
:role-info="roleInfo"
74-
:add-class="addClass"
75-
:is-over="isOver"
76-
:content-zoom="contentZoom"
77-
:current-camp="currentCamp"
78-
:reel-add-class="reelAddClass"
79-
></landscapeContent>
80-
</div>
58+
</el-tooltip>
59+
60+
<el-button class="u-role-setting" @click="onRoleSet">
61+
<i class="el-icon-setting"></i>
62+
角色管理
63+
</el-button>
64+
</div>
65+
<div id="capture" ref="capture">
66+
<landscapeContent
67+
:__img-root="__imgRoot"
68+
:user-achievement="userAchievement"
69+
:role-info="roleInfo"
70+
:add-class="addClass"
71+
:is-over="isOver"
72+
:content-zoom="contentZoom"
73+
:current-camp="currentCamp"
74+
:reel-add-class="reelAddClass"
75+
></landscapeContent>
76+
</div>
8177

82-
<div class="m-treasure-footer">
83-
<a class="u-btn m-hide el-button el-button--primary" href="/tool/74559" target="_blank">同步数据</a>
84-
<button v-if="isOver" @click="saveAsImage" class="u-btn m-hide el-button el-button--primary">
85-
保存图片
86-
</button>
87-
</div>
88-
</template>
89-
</div>
78+
<div class="m-treasure-footer">
79+
<a class="u-btn m-hide el-button el-button--primary" href="/tool/74559" target="_blank">同步数据</a>
80+
<button v-if="isOver" @click="saveAsImage" class="u-btn m-hide el-button el-button--primary">
81+
保存图片
82+
</button>
83+
</div>
84+
</template>
9085
</div>
86+
<CommonFooter></CommonFooter>
9187
</template>
9288

9389
<script>

0 commit comments

Comments
 (0)