Skip to content

Commit c0a4092

Browse files
iRuxuiRuxu
committed
perf:pvg styles
1 parent 1e36ce3 commit c0a4092

2 files changed

Lines changed: 89 additions & 79 deletions

File tree

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

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
.p-adventure-treasure-landscape {
22

3-
min-width: 1200px;
43
overflow-x: auto;
54

65
.m-body {
6+
min-width: 1200px;
77
padding: 100px 0 50px;
88
position: relative;
9+
min-height: calc(100vh - @header-height - 320px);
910
.u-btn {
1011
// margin: 0 auto;
1112
// display: block;
@@ -30,6 +31,9 @@
3031
.color(white);
3132
.bold();
3233
}
34+
background-color:#fff;
35+
.r(10px);
36+
.w(400px);
3337
}
3438
&::after {
3539
content: "";

‎src/views/adventure/landscape.vue‎

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

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-
刷新卷轴
57-
</el-button>
58-
</el-tooltip>
49+
<el-select
50+
v-model="currentCamp"
51+
placeholder="请选择阵营"
52+
popper-class="m-related-roles-options"
53+
size="small"
54+
>
55+
<el-option value="hq" label="浩气盟阵营"> </el-option>
56+
<el-option value="er" label="恶人谷阵营"> </el-option>
57+
</el-select>
58+
<el-tooltip content="刷新QQ机器人等渠道快照图片">
59+
<el-button class="u-refresh" @click="onRefresh">
60+
<i class="el-icon-refresh"></i>
61+
刷新卷轴
62+
</el-button>
63+
</el-tooltip>
5964

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>
65+
<el-button class="u-role-setting" @click="onRoleSet">
66+
<i class="el-icon-setting"></i>
67+
角色管理
68+
</el-button>
69+
</div>
70+
<div id="capture" ref="capture">
71+
<landscapeContent
72+
:__img-root="__imgRoot"
73+
:user-achievement="userAchievement"
74+
:role-info="roleInfo"
75+
:add-class="addClass"
76+
:is-over="isOver"
77+
:content-zoom="contentZoom"
78+
:current-camp="currentCamp"
79+
:reel-add-class="reelAddClass"
80+
></landscapeContent>
81+
</div>
7782

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>
83+
<div class="m-treasure-footer">
84+
<a class="u-btn m-hide el-button el-button--primary" href="/tool/74559" target="_blank">同步数据</a>
85+
<button v-if="isOver" @click="saveAsImage" class="u-btn m-hide el-button el-button--primary">
86+
保存图片
87+
</button>
88+
</div>
89+
</template>
90+
</div>
8591
</div>
8692
<CommonFooter></CommonFooter>
8793
</template>

0 commit comments

Comments
 (0)