Commit fb84d1b3 authored by 李硕's avatar 李硕

手动动态增加埋点

parent 3c57dc06
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, // 曝光
......
export const getUserBaseInfo = { export const getUserBaseInfo = {
"data": { "data": {
"exp": "51000",//经验值 "exp": "6000",//经验值
"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": false "success": true
} }
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;
}
}
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
...@@ -25,3 +25,5 @@ export const TASK_STATUS = { ...@@ -25,3 +25,5 @@ export const TASK_STATUS = {
CLOSE: -1//未开 CLOSE: -1//未开
} }
...@@ -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: absolute; position: relative;
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: 108px; top: 1vw;
position: absolute; 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);
} }
...@@ -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: 0px; top: -65px;
} }
.day11 { .day11 {
...@@ -523,7 +553,7 @@ ...@@ -523,7 +553,7 @@
height: 62px; height: 62px;
opacity: 1; opacity: 1;
left: 29px; left: 29px;
top: 46px; top: -25px;
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: 50px; top: -24px;
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: 1px; top: 10vw;
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: absolute; position: relative;
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: 46px; top: -30px;
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: -70px;
} }
.pic31 { .pic31 {
width: 24px; width: 24px;
height: 26px; height: 26px;
opacity: 0.6; opacity: 0.6;
top: 50px; top: -27px;
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: 75px; margin-top: 50px;
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);
} }
......
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