Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
D
db-game-template
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
崔立强
db-game-template
Commits
fb84d1b3
Commit
fb84d1b3
authored
Nov 28, 2020
by
李硕
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
手动动态增加埋点
parent
3c57dc06
Changes
7
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
509 additions
and
94 deletions
+509
-94
MD.js
project/MD.js
+73
-4
interface.js
project/mock/LT/interface.js
+114
-15
Buried.js
project/src/Buried.js
+78
-0
NetBuried.js
project/src/NetBuried.js
+91
-0
constant.js
project/src/constant.js
+2
-0
pagemainsence.jsx
project/src/pages/pagemainsence/pagemainsence.jsx
+57
-30
pagemainsence.less
project/src/pages/pagemainsence/pagemainsence.less
+94
-45
No files found.
project/MD.js
View file @
fb84d1b3
import
MD
from
'spark-utils/out/md/index.js'
;
import
MD
from
'spark-utils/out/md/index.js'
;
let
appId
=
CFG
.
appID
;
let
appId
=
CFG
.
appID
;
const
dcm
=
'202.'
+
CFG
.
projectId
+
'.0.0'
;
const
dcm
=
'202.'
+
CFG
.
projectId
+
'.0.0'
;
const
domain
=
'//embedlog.duiba.com.cn'
;
const
domain
=
'//embedlog.duiba.com.cn'
;
let
MDList
=
[
console
.
log
(
"=======------------"
);
{
/*
{
ele: `.test-md1`,
ele: `.test-md1`,
data: {
data: {
dpm: `${appId}.110.5.1`,
dpm: `${appId}.110.5.1`,
...
@@ -15,8 +15,77 @@ let MDList = [
...
@@ -15,8 +15,77 @@ let MDList = [
},
},
once: false
once: false
}
}
*/
let
special
=
"special"
;
let
day
=
"day"
;
let
week
=
"week"
;
let
month
=
"month"
;
function
forList
(
type
,
num
)
{
let
arr
=
[];
for
(
let
i
=
0
;
i
<
10
;
i
++
)
{
arr
=
arr
.
concat
(
{
ele
:
`.
${
type
}${
i
}
`
,
data
:
{
dpm
:
`
${
appId
}
.110.
${
i
+
5
+
num
*
10
}
.1`
,
dcm
,
domain
,
appId
},
once
:
false
})
}
return
arr
;
}
let
specialList
=
forList
(
special
,
0
);
let
dayList
=
forList
(
day
,
1
);
let
weekList
=
forList
(
week
,
2
);
let
monthList
=
forList
(
month
,
3
);
console
.
log
(
'specialList----'
,
specialList
);
let
MDList
=
[
{
ele
:
`.point1`
,
data
:
{
dpm
:
`
${
appId
}
.110.1.1`
,
dcm
,
domain
,
appId
},
once
:
false
},
{
ele
:
`.point2`
,
data
:
{
dpm
:
`
${
appId
}
.110.2.1`
,
dcm
,
domain
,
appId
},
once
:
false
},
{
ele
:
`.point3`
,
data
:
{
dpm
:
`
${
appId
}
.110.3.1`
,
dcm
,
domain
,
appId
},
once
:
false
},
{
ele
:
`.point4`
,
data
:
{
dpm
:
`
${
appId
}
.110.4.1`
,
dcm
,
domain
,
appId
},
once
:
false
}
];
];
// .concat(specialList, dayList, weekList, monthList);
console
.
log
(
'>>>,,,,,,'
,
MDList
);
export
default
()
=>
export
default
()
=>
MD
({
MD
({
show
:
MDList
,
// 曝光
show
:
MDList
,
// 曝光
...
...
project/mock/LT/interface.js
View file @
fb84d1b3
export
const
getUserBaseInfo
=
{
export
const
getUserBaseInfo
=
{
"data"
:
{
"data"
:
{
"exp"
:
"
51
000"
,
//经验值
"exp"
:
"
6
000"
,
//经验值
"nextLevelExp"
:
"12345"
,
//距离下个会员等级的经验差值
"nextLevelExp"
:
"12345"
,
//距离下个会员等级的经验差值
"memberLevel"
:
"W3"
,
//当前会员等级
"memberLevel"
:
"W3"
,
//当前会员等级
"nextLevel"
:
"4"
,
//下一会员等级
"nextLevel"
:
"4"
,
//下一会员等级
"growthDetailsUrl"
:
"http://www.baidu.com"
,
//成长明细地址
"growthDetailsUrl"
:
"http://www.baidu.com"
,
//成长明细地址
"plusUrl"
:
"http://www.taobao.com"
,
//开通会员地址
"plusUrl"
:
"http://www.taobao.com"
,
//开通会员地址
"indexUrl"
:
""
,
//返回首页地址
"indexUrl"
:
"
http://www.feizhu.com
"
,
//返回首页地址
},
},
"code"
:
null
,
"code"
:
null
,
"message"
:
null
,
"message"
:
null
,
...
@@ -43,7 +43,34 @@ export const getTaskList = {
...
@@ -43,7 +43,34 @@ export const getTaskList = {
"linkUrl"
:
"ea"
,
"linkUrl"
:
"ea"
,
"status"
:
-
1
,
"status"
:
-
1
,
"openTime"
:
0
"openTime"
:
0
}
},
{
"taskId"
:
"3"
,
"taskName"
:
"name3"
,
"desc"
:
"desc3"
,
"icon"
:
""
,
"linkUrl"
:
"ea"
,
"status"
:
-
1
,
"openTime"
:
0
},
{
"taskId"
:
"3"
,
"taskName"
:
"name3"
,
"desc"
:
"desc3"
,
"icon"
:
""
,
"linkUrl"
:
"ea"
,
"status"
:
-
1
,
"openTime"
:
0
},
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": -1,
// "openTime":0
// },
]
]
},
},
"dayTaskList"
:
{
"dayTaskList"
:
{
...
@@ -76,7 +103,34 @@ export const getTaskList = {
...
@@ -76,7 +103,34 @@ export const getTaskList = {
"status"
:
-
1
,
"status"
:
-
1
,
"openTime"
:
0
"openTime"
:
0
},
},
{
"taskId"
:
"3"
,
"taskName"
:
"name3"
,
"desc"
:
"desc3"
,
"icon"
:
""
,
"linkUrl"
:
"ea"
,
"status"
:
-
1
,
"openTime"
:
0
},
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": -1,
// "openTime":0
// },
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": -1,
// "openTime":0
// },
]
]
},
},
"monthTaskList"
:
{
"monthTaskList"
:
{
...
@@ -109,15 +163,33 @@ export const getTaskList = {
...
@@ -109,15 +163,33 @@ export const getTaskList = {
"status"
:
0
,
"status"
:
0
,
"openTime"
:
"26"
"openTime"
:
"26"
},
},
{
// {
"taskId"
:
"3"
,
// "taskId": "3",
"taskName"
:
"name3"
,
// "taskName": "name3",
"desc"
:
"desc3"
,
// "desc": "desc3",
"icon"
:
""
,
// "icon": "",
"linkUrl"
:
"ea"
,
// "linkUrl": "ea",
"status"
:
-
1
,
// "status": 1,
"openTime"
:
"0"
// "openTime":"0"
},
// },
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": -1,
// "openTime":"0"
// },
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": 1,
// "openTime":"0"
// },
]
]
},
},
...
@@ -150,7 +222,34 @@ export const getTaskList = {
...
@@ -150,7 +222,34 @@ export const getTaskList = {
"linkUrl"
:
"ea"
,
"linkUrl"
:
"ea"
,
"status"
:
-
1
,
"status"
:
-
1
,
"openTime"
:
0
"openTime"
:
0
}
},
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": -1,
// "openTime":0
// },
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": -1,
// "openTime":0
// },
// {
// "taskId": "3",
// "taskName": "name3",
// "desc": "desc3",
// "icon": "",
// "linkUrl": "ea",
// "status": -1,
// "openTime":0
// },
]
]
}
}
},
},
...
@@ -170,7 +269,7 @@ export const getTaskList = {
...
@@ -170,7 +269,7 @@ export const getTaskList = {
export
const
postDoTask
=
{
export
const
postDoTask
=
{
"code"
:
null
,
"code"
:
null
,
"message"
:
null
,
"message"
:
null
,
"success"
:
fals
e
"success"
:
tru
e
}
}
project/src/Buried.js
0 → 100644
View file @
fb84d1b3
export
class
Buried
{
appId
;
consumerId
;
oaId
;
/**
* 初始化
*/
static
init
()
{
// appId = window["appId"];
// oaId = window["projectId"];
this
.
appId
=
window
.
CFG
.
appID
;
this
.
oaId
=
window
.
CFG
.
projectId
;
}
/**
* 创建dpm埋点数据
* @param {string} dpm 点击埋点
* @param {string} dcm 曝光埋点
* @param {string} embedDomain 埋点域名
* @returns {{dpm: string; consumerId: number; domain: string; appId: number}}
*/
static
createExposure
(
dpm
,
dcm
,
embedDomain
=
'//embedlog.duiba.com.cn'
)
{
let
dom
dom
=
"1.0.0.0"
const
exposure
=
{
dpm
:
dpm
,
dcm
:
dcm
,
// dom: dom,
appId
:
Buried
.
appId
,
domain
:
embedDomain
};
return
exposure
;
}
/**
* dpm拼接
* @param pageId 页面ID
* @param area 区域
* @param dpm 埋点号
* @returns {string}
*/
static
connectDpm
(
pageId
,
area
,
dpm
)
{
return
Buried
.
appId
+
'.'
+
pageId
+
'.'
+
area
+
'.'
+
dpm
;
}
/**
* dcm拼接
* @param typeId 类型ID
* @param contentInfo 内容信息
* @param dcm 埋点号
* @returns {string}
*/
static
connectDcm
(
typeId
,
contentInfo
,
dcm
)
{
return
typeId
+
'.'
+
Buried
.
oaId
+
'.'
+
contentInfo
+
'.'
+
dcm
;
}
/**
* 插件dcm拼接
* @param plugId 插件ID
* @param type 1 活动工具 2 主会场 4 楼层 5 游戏 7 子页面
* @returns {string}
*/
static
connectPlugDcm
(
plugId
,
type
)
{
return
212
+
'.'
+
plugId
+
'.'
+
type
+
'.'
+
Buried
.
oaId
;
}
/**
* 活动dcm拼接
* @param type 1 活动工具 2 主会场 4 楼层 5 游戏 7 子页面
* @returns {string}
*/
static
connectActivityDcm
(
type
)
{
return
202
+
'.'
+
Buried
.
oaId
+
'.'
+
type
+
'.'
+
Buried
.
oaId
;
}
}
project/src/NetBuried.js
0 → 100644
View file @
fb84d1b3
import
{
Buried
}
from
"../src/Buried"
;
export
class
NetBuried
{
// constructor() { }
exposure
=
[]
dpm
=
[]
dcm
=
[]
showLog
(
i
,
d
)
{
var
appId
=
window
.
CFG
.
appID
;
var
oaId
=
window
.
CFG
.
projectId
;
if
(
d
)
{
this
.
dpm
[
i
]
=
`
${
appId
}
.110.
${
i
}
.
${
d
}
`
;
}
else
{
this
.
dpm
[
i
]
=
`
${
appId
}
.110.
${
i
}
.1`
;
}
this
.
dcm
[
i
]
=
`202.
${
oaId
}
.0.0`
;
this
.
exposure
[
i
]
=
Buried
.
createExposure
(
this
.
dpm
[
i
],
this
.
dcm
[
i
]);
this
.
_showLog
(
this
.
exposure
[
i
]);
}
clickLog
(
i
,
d
)
{
var
appId
=
window
.
CFG
.
appID
;
var
oaId
=
window
.
CFG
.
projectId
;
if
(
d
)
{
this
.
dpm
[
i
]
=
`
${
appId
}
.110.
${
i
}
.
${
d
}
`
;
}
else
{
this
.
dpm
[
i
]
=
`
${
appId
}
.110.
${
i
}
.1`
;
}
this
.
dcm
[
i
]
=
`202.
${
oaId
}
.0.0`
;
this
.
exposure
[
i
]
=
Buried
.
createExposure
(
this
.
dpm
[
i
],
this
.
dcm
[
i
]);
this
.
_clickLog
(
this
.
exposure
[
i
]);
}
/**
* 兑吧点击埋点
* @param {IExposureData} exposure
*/
_clickLog
(
exposure
)
{
const
net
=
{
name
:
'clickLog'
,
uri
:
'/log/click'
,
type
:
'get'
,
dataType
:
'jsonp'
,
param
:
exposure
,
callback
:
null
,
hideMsg
:
true
};
this
.
send
(
net
);
}
/**
* 兑吧曝光埋点
* @param {IExposureData} exposure
*/
_showLog
(
exposure
)
{
const
net
=
{
name
:
'showLog'
,
uri
:
exposure
.
domain
+
'/exposure/standard'
,
type
:
'get'
,
dataType
:
'jsonp'
,
param
:
exposure
,
callback
:
null
,
hideMsg
:
true
};
this
.
send
(
net
);
}
/**
* 发送请求
* @param net
*/
send
(
net
)
{
let
realUrl
=
net
.
uri
;
//url加参数等特殊需求(例如再玩一次需要在dostart接口的url上加埋点)
if
(
net
.
addUrl
)
{
realUrl
+=
net
.
addUrl
;
}
window
[
'$'
].
ajax
({
type
:
net
.
type
,
url
:
realUrl
,
dataType
:
net
.
dataType
,
data
:
net
.
param
,
async
:
true
,
success
:
(
result
)
=>
{
},
error
:
(
message
)
=>
{
}
});
}
}
\ No newline at end of file
project/src/constant.js
View file @
fb84d1b3
...
@@ -25,3 +25,5 @@ export const TASK_STATUS = {
...
@@ -25,3 +25,5 @@ export const TASK_STATUS = {
CLOSE
:
-
1
//未开
CLOSE
:
-
1
//未开
}
}
project/src/pages/pagemainsence/pagemainsence.jsx
View file @
fb84d1b3
This diff is collapsed.
Click to expand it.
project/src/pages/pagemainsence/pagemainsence.less
View file @
fb84d1b3
...
@@ -47,6 +47,31 @@
...
@@ -47,6 +47,31 @@
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
}
.backHomeLab {
position: absolute;
width: 112px;
font-size: 28px;
color: white;
right: 15px;
top: 45px;
}
.backHome {
width: 135px;
height: 0px;
position: absolute;
// border: 2px solid red;
border-radius: 50px 0 0 50px;
background: black;
padding: 30px;
right: -40px;
top: 35px;
opacity: 0.5;
}
}
.growdbtn {
.growdbtn {
...
@@ -209,7 +234,7 @@
...
@@ -209,7 +234,7 @@
height: 32px;
height: 32px;
opacity: 1;
opacity: 1;
left: 32px;
left: 32px;
position:
absolut
e;
position:
relativ
e;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
.yuan_jiao_ju_xing_28119 {
.yuan_jiao_ju_xing_28119 {
...
@@ -298,8 +323,10 @@
...
@@ -298,8 +323,10 @@
width: 44px;
width: 44px;
height: 38px;
height: 38px;
opacity: 1;
opacity: 1;
top: 15px;
// top: 15px;
position: absolute;
top: -1vw;
// margin-top: 10px;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -308,9 +335,10 @@
...
@@ -308,9 +335,10 @@
height: 105px;
height: 105px;
opacity: 1;
opacity: 1;
left: 72px;
left: 72px;
position: absolute;
margin-top: -80px;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
top: 0px;
//
top: 0px;
.spec12 {
.spec12 {
width: 268px;
width: 268px;
...
@@ -321,7 +349,7 @@
...
@@ -321,7 +349,7 @@
font-size: 28px;
font-size: 28px;
color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
left: 0px;
left: 0px;
top:
0px
;
top:
1vw
;
}
}
.spec11 {
.spec11 {
...
@@ -329,7 +357,7 @@
...
@@ -329,7 +357,7 @@
height: 53px;
height: 53px;
opacity: 1;
opacity: 1;
left: 29px;
left: 29px;
top:
46px
;
top:
6vw
;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
font-size: 22px;
font-size: 22px;
...
@@ -340,7 +368,7 @@
...
@@ -340,7 +368,7 @@
width: 24px;
width: 24px;
height: 26px;
height: 26px;
opacity: 0.6;
opacity: 0.6;
top:
50px
;
top:
6vw
;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -351,7 +379,7 @@
...
@@ -351,7 +379,7 @@
height: 59px;
height: 59px;
opacity: 1;
opacity: 1;
left: 454px;
left: 454px;
top:
4px
;
top:
-2vw
;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
display: block;
display: block;
...
@@ -362,7 +390,7 @@
...
@@ -362,7 +390,7 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 445px;
left: 445px;
top:
1px
;
top:
-3vw
;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -372,7 +400,7 @@
...
@@ -372,7 +400,7 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 480px;
left: 480px;
top:
25px
;
top:
-1vw
;
position: absolute;
position: absolute;
color: white;
color: white;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
...
@@ -384,8 +412,8 @@
...
@@ -384,8 +412,8 @@
height: 2px;
height: 2px;
opacity: 0.4;
opacity: 0.4;
left: 36px;
left: 36px;
top: 1
08px
;
top: 1
vw
;
position:
absolut
e;
position:
relativ
e;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
}
}
...
@@ -493,8 +521,10 @@
...
@@ -493,8 +521,10 @@
width: 42px;
width: 42px;
height: 40px;
height: 40px;
opacity: 1;
opacity: 1;
top: 13px;
// top: 13px;
position: absolute;
// margin-top: 105px;
margin-top: 12vw;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -515,7 +545,7 @@
...
@@ -515,7 +545,7 @@
font-size: 28px;
font-size: 28px;
color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
left: 0px;
left: 0px;
top:
0
px;
top:
-65
px;
}
}
.day11 {
.day11 {
...
@@ -523,7 +553,7 @@
...
@@ -523,7 +553,7 @@
height: 62px;
height: 62px;
opacity: 1;
opacity: 1;
left: 29px;
left: 29px;
top:
46
px;
top:
-25
px;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
font-size: 22px;
font-size: 22px;
...
@@ -534,7 +564,7 @@
...
@@ -534,7 +564,7 @@
width: 24px;
width: 24px;
height: 26px;
height: 26px;
opacity: 0.6;
opacity: 0.6;
top:
50
px;
top:
-24
px;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -545,7 +575,7 @@
...
@@ -545,7 +575,7 @@
height: 59px;
height: 59px;
opacity: 1;
opacity: 1;
left: 453px;
left: 453px;
top:
4px
;
top:
11vw
;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -555,7 +585,7 @@
...
@@ -555,7 +585,7 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 445px;
left: 445px;
top: 1
px
;
top: 1
0vw
;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -565,7 +595,7 @@
...
@@ -565,7 +595,7 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 480px;
left: 480px;
top:
25px
;
top:
12vw
;
position: absolute;
position: absolute;
color: white;
color: white;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
...
@@ -577,7 +607,7 @@
...
@@ -577,7 +607,7 @@
height: 2px;
height: 2px;
opacity: 0.4;
opacity: 0.4;
left: 38px;
left: 38px;
top:
108px
;
top:
24vw
;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
...
@@ -648,8 +678,10 @@
...
@@ -648,8 +678,10 @@
width: 42px;
width: 42px;
height: 42px;
height: 42px;
opacity: 1;
opacity: 1;
top: 13px;
// top: 13px;
position: absolute;
// margin-top: 130px;
margin-top: 12vw;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -658,7 +690,7 @@
...
@@ -658,7 +690,7 @@
height: 67px;
height: 67px;
opacity: 1;
opacity: 1;
left: 72px;
left: 72px;
position:
absolut
e;
position:
relativ
e;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
.week34 {
.week34 {
...
@@ -666,7 +698,7 @@
...
@@ -666,7 +698,7 @@
height: 61px;
height: 61px;
opacity: 1;
opacity: 1;
left: 29px;
left: 29px;
top:
46
px;
top:
-30
px;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
font-size: 22px;
font-size: 22px;
...
@@ -682,14 +714,14 @@
...
@@ -682,14 +714,14 @@
font-size: 28px;
font-size: 28px;
color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
left: 0px;
left: 0px;
top: 0px;
top:
-7
0px;
}
}
.pic31 {
.pic31 {
width: 24px;
width: 24px;
height: 26px;
height: 26px;
opacity: 0.6;
opacity: 0.6;
top:
50
px;
top:
-27
px;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -700,7 +732,8 @@
...
@@ -700,7 +732,8 @@
height: 59px;
height: 59px;
opacity: 1;
opacity: 1;
left: 453px;
left: 453px;
top: 4px;
// top: 120px;
top: 12vw;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -710,7 +743,8 @@
...
@@ -710,7 +743,8 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 447px;
left: 447px;
top: 1px;
// top: 117px;
top: 10vw;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -720,7 +754,8 @@
...
@@ -720,7 +754,8 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 480px;
left: 480px;
top: 25px;
// top: 130px;
top: 13vw;
position: absolute;
position: absolute;
color: white;
color: white;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
...
@@ -732,7 +767,8 @@
...
@@ -732,7 +767,8 @@
height: 2px;
height: 2px;
opacity: 0.4;
opacity: 0.4;
left: 44px;
left: 44px;
top: 108px;
// top: 220px;
top: 24vw;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
...
@@ -792,7 +828,7 @@
...
@@ -792,7 +828,7 @@
opacity: 1;
opacity: 1;
left: 74px;
left: 74px;
// top: 87px;
// top: 87px;
margin-top:
75
px;
margin-top:
50
px;
position: relative;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
...
@@ -800,8 +836,10 @@
...
@@ -800,8 +836,10 @@
width: 42px;
width: 42px;
height: 42px;
height: 42px;
opacity: 1;
opacity: 1;
top: 14px;
// top: 14px;
position: absolute;
// margin-top: 94px;
top: 12vw;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -810,7 +848,8 @@
...
@@ -810,7 +848,8 @@
height: 68px;
height: 68px;
opacity: 1;
opacity: 1;
left: 68px;
left: 68px;
position: absolute;
margin-top: -70px;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
.month02 {
.month02 {
...
@@ -822,7 +861,8 @@
...
@@ -822,7 +861,8 @@
font-size: 28px;
font-size: 28px;
color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
left: 0px;
left: 0px;
top: 0px;
// top: 0px;
top: 12vw;
}
}
.month01 {
.month01 {
...
@@ -830,7 +870,8 @@
...
@@ -830,7 +870,8 @@
height: 56px;
height: 56px;
opacity: 1;
opacity: 1;
left: 29px;
left: 29px;
top: 46px;
// top: 46px;
top: 17vw;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
font-size: 22px;
font-size: 22px;
...
@@ -841,7 +882,8 @@
...
@@ -841,7 +882,8 @@
width: 24px;
width: 24px;
height: 26px;
height: 26px;
opacity: 0.6;
opacity: 0.6;
top: 50px;
// top: 50px;
top:17vw;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -852,7 +894,9 @@
...
@@ -852,7 +894,9 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 442px;
left: 442px;
top: 2px;
// top: 2px;
// margin-top: -65px;
margin-top: 4vw;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -862,7 +906,9 @@
...
@@ -862,7 +906,9 @@
height: 59px;
height: 59px;
opacity: 1;
opacity: 1;
left: 453px;
left: 453px;
top: 5px;
// top: 50px;
// margin-top: -57px;
margin-top: 4.5vw;
position: absolute;
position: absolute;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
}
...
@@ -872,7 +918,9 @@
...
@@ -872,7 +918,9 @@
height: 75px;
height: 75px;
opacity: 1;
opacity: 1;
left: 480px;
left: 480px;
top: 25px;
// top: 25px;
// margin-top: -45px;
margin-top: 6vw;
position: absolute;
position: absolute;
color: white;
color: white;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
...
@@ -883,9 +931,10 @@
...
@@ -883,9 +931,10 @@
width: 526px;
width: 526px;
height: 2px;
height: 2px;
opacity: 0.4;
opacity: 0.4;
left: 44px;
left: 35px;
top: 108px;
// margin-top: 30px;
position: absolute;
margin-top: 17vw;
position: relative;
transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment