Skip to content

G
game-h5
Commit 541bbfb7 by 曾经
Options

距离 UI调整

parent 1a34126d
Showing with 50 additions and 50 deletions
dist/index.html
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"><link rel="icon" href="favicon.ico"><title>进入游戏</title><link rel="stylesheet" href="//at.alicdn.com/t/font_2844902_uelk5f2sikk.css"><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><link href="css/chunk-09c4dce6.7d2fe6d8.css" rel="prefetch"><link href="css/chunk-10322e58.00555196.css" rel="prefetch"><link href="css/chunk-290efd9f.3feb3cb7.css" rel="prefetch"><link href="css/chunk-312d583d.7ad39d06.css" rel="prefetch"><link href="css/chunk-31849f7c.3767c13e.css" rel="prefetch"><link href="css/chunk-46b243d4.7cd1884d.css" rel="prefetch"><link href="css/chunk-4fa77206.c37924f6.css" rel="prefetch"><link href="css/chunk-563291bb.b9cc763f.css" rel="prefetch"><link href="css/chunk-5a947974.dafc6079.css" rel="prefetch"><link href="css/chunk-7471dea9.f21c9ef5.css" rel="prefetch"><link href="css/chunk-7946044e.6aae0c02.css" rel="prefetch"><link href="css/chunk-97dc912a.c2d0672d.css" rel="prefetch"><link href="css/chunk-c7aa8b9a.c04481f2.css" rel="prefetch"><link href="css/chunk-d1852a5c.3610ca34.css" rel="prefetch"><link href="css/chunk-e31332b6.6d1b9af9.css" rel="prefetch"><link href="css/chunk-f6022b68.920179d0.css" rel="prefetch"><link href="css/chunk-fc9392ae.07e81dfc.css" rel="prefetch"><link href="js/chunk-06aa7bea.111787c9.js" rel="prefetch"><link href="js/chunk-09c4dce6.c12d7c29.js" rel="prefetch"><link href="js/chunk-10322e58.19db40ee.js" rel="prefetch"><link href="js/chunk-290efd9f.32a134ec.js" rel="prefetch"><link href="js/chunk-312d583d.a89eee27.js" rel="prefetch"><link href="js/chunk-31849f7c.e66c9987.js" rel="prefetch"><link href="js/chunk-46b243d4.702ffa7e.js" rel="prefetch"><link href="js/chunk-4fa77206.05927872.js" rel="prefetch"><link href="js/chunk-563291bb.01835156.js" rel="prefetch"><link href="js/chunk-5a947974.6a22fa41.js" rel="prefetch"><link href="js/chunk-7471dea9.2047af6e.js" rel="prefetch"><link href="js/chunk-7946044e.41895807.js" rel="prefetch"><link href="js/chunk-97dc912a.af2882dd.js" rel="prefetch"><link href="js/chunk-c7aa8b9a.77c8918a.js" rel="prefetch"><link href="js/chunk-d1852a5c.c6b6ee8d.js" rel="prefetch"><link href="js/chunk-e31332b6.1532d238.js" rel="prefetch"><link href="js/chunk-f6022b68.e75118fa.js" rel="prefetch"><link href="js/chunk-f83fab12.b19791d6.js" rel="prefetch"><link href="js/chunk-fc9392ae.7f0993fb.js" rel="prefetch"><link href="js/app.e9de8e6d.js" rel="preload" as="script"><link href="js/chunk-vendors.a95d7da8.js" rel="preload" as="script"></head><body><noscript><strong>We're sorry but game-h5 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/axios/0.18.0/index.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script src="js/chunk-vendors.a95d7da8.js"></script><script src="js/app.e9de8e6d.js"></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"><link rel="icon" href="favicon.ico"><title>进入游戏</title><link rel="stylesheet" href="//at.alicdn.com/t/font_2844902_uelk5f2sikk.css"><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><link href="css/chunk-10322e58.00555196.css" rel="prefetch"><link href="css/chunk-1f31d3e2.9d13a2f1.css" rel="prefetch"><link href="css/chunk-290efd9f.3feb3cb7.css" rel="prefetch"><link href="css/chunk-443af7cd.cf327c38.css" rel="prefetch"><link href="css/chunk-46b243d4.7cd1884d.css" rel="prefetch"><link href="css/chunk-4fa77206.c37924f6.css" rel="prefetch"><link href="css/chunk-563291bb.b9cc763f.css" rel="prefetch"><link href="css/chunk-7471dea9.f21c9ef5.css" rel="prefetch"><link href="css/chunk-77737e94.bdd75fc5.css" rel="prefetch"><link href="css/chunk-7946044e.6aae0c02.css" rel="prefetch"><link href="css/chunk-7c070c92.088c8c2f.css" rel="prefetch"><link href="css/chunk-b55a20ec.ac10db90.css" rel="prefetch"><link href="css/chunk-c7aa8b9a.c04481f2.css" rel="prefetch"><link href="css/chunk-d1852a5c.3610ca34.css" rel="prefetch"><link href="css/chunk-e31332b6.6d1b9af9.css" rel="prefetch"><link href="css/chunk-f6022b68.920179d0.css" rel="prefetch"><link href="css/chunk-fc9392ae.07e81dfc.css" rel="prefetch"><link href="js/chunk-06aa7bea.111787c9.js" rel="prefetch"><link href="js/chunk-10322e58.19db40ee.js" rel="prefetch"><link href="js/chunk-1f31d3e2.e1ba166d.js" rel="prefetch"><link href="js/chunk-290efd9f.32a134ec.js" rel="prefetch"><link href="js/chunk-443af7cd.8ae4372f.js" rel="prefetch"><link href="js/chunk-46b243d4.702ffa7e.js" rel="prefetch"><link href="js/chunk-4fa77206.05927872.js" rel="prefetch"><link href="js/chunk-563291bb.01835156.js" rel="prefetch"><link href="js/chunk-7471dea9.2047af6e.js" rel="prefetch"><link href="js/chunk-77737e94.d5db52ea.js" rel="prefetch"><link href="js/chunk-7946044e.41895807.js" rel="prefetch"><link href="js/chunk-7c070c92.4a0f1bdf.js" rel="prefetch"><link href="js/chunk-b55a20ec.beaf2f68.js" rel="prefetch"><link href="js/chunk-c7aa8b9a.77c8918a.js" rel="prefetch"><link href="js/chunk-d1852a5c.c6b6ee8d.js" rel="prefetch"><link href="js/chunk-e31332b6.1532d238.js" rel="prefetch"><link href="js/chunk-f6022b68.e75118fa.js" rel="prefetch"><link href="js/chunk-f83fab12.b19791d6.js" rel="prefetch"><link href="js/chunk-fc9392ae.7f0993fb.js" rel="prefetch"><link href="js/app.002e22a7.js" rel="preload" as="script"><link href="js/chunk-vendors.a95d7da8.js" rel="preload" as="script"></head><body><noscript><strong>We're sorry but game-h5 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/axios/0.18.0/index.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script src="js/chunk-vendors.a95d7da8.js"></script><script src="js/app.002e22a7.js"></script></body></html>
\ No newline at end of file
src/components/cmh/theme-1/index.vue
......@@ -219,39 +219,39 @@ export default {
boxList: [
{
left: "calc(51% - 47px)",
top: "204px",
top: "200px",
},
{
left: "calc(33% - 47px)",
top: "252px",
top: "244px",
},
{
left: "calc(69% - 47px)",
top: "248px",
top: "244px",
},
{
left: "calc(16% - 47px)",
top: "297px",
top: "291px",
},
{
left: "calc(52% - 47px)",
top: "296px",
top: "288px",
},
{
left: "calc(84% - 47px)",
top: "297px",
top: "294px",
},
{
left: "calc(35% - 47px)",
top: "341px",
top: "335px",
},
{
left: "calc(70% - 47px)",
top: "345px",
top: "338px",
},
{
left: "calc(53% - 47px)",
top: "390px",
top: "385px",
},
],
swiperOptions: {
......@@ -649,7 +649,7 @@ export default {
}
.box-box {
height: 501px;
height: 500px;
width: 100%;
position: relative;
}
......@@ -694,8 +694,8 @@ export default {
.box-box img {
position: absolute;
transform: translate(0, -100px);
width: 95px;
height: 95px;
width: 110px;
height: 110px;
animation-timing-function: linear;
animation-name: box-animation;
animation-duration: 0.2s;
......
src/components/cmh/theme-2/index.vue
......@@ -205,39 +205,39 @@ export default {
boxList: [
{
left: "calc(24.5% - 50px)",
top: "200px",
top: "202px",
},
{
left: "calc(50% - 50px)",
top: "200px",
top: "202px",
},
{
left: "calc(75.5% - 50px)",
top: "200px",
top: "202px",
},
{
left: "calc(24.5% - 50px)",
top: "285px",
top: "287px",
},
{
left: "calc(50% - 50px)",
top: "285px",
top: "287px",
},
{
left: "calc(75.5% - 50px)",
top: "285px",
top: "287px",
},
{
left: "calc(24.5% - 50px)",
top: "368px",
top: "379px",
},
{
left: "calc(50% - 50px)",
top: "377px",
top: "379px",
},
{
left: "calc(75.5% - 50px)",
top: "377px",
top: "379px",
},
],
swiperOptions: {
......@@ -647,7 +647,7 @@ export default {
}
.box-box {
height: 511px;
height: 500px;
width: 100%;
position: relative;
}
......
src/components/cmh/theme-3/index.vue
......@@ -205,27 +205,27 @@ export default {
boxList: [
{
left: "calc(24% - 50px)",
top: "202px",
top: "192px",
},
{
left: "calc(50% - 50px)",
top: "266px",
top: "243px",
},
{
left: "calc(77% - 50px)",
top: "202px",
top: "192px",
},
{
left: "calc(24% - 50px)",
top: "338px",
top: "330px",
},
{
left: "calc(50% - 50px)",
top: "393px",
top: "376px",
},
{
left: "calc(77% - 50px)",
top: "338px",
top: "330px",
},
],
swiperOptions: {
......@@ -626,7 +626,7 @@ body{
}
.box-box {
height: 501px;
height: 505px;
width: 100%;
position: relative;
}
......@@ -671,8 +671,8 @@ body{
.box-box img {
position: absolute;
transform: translate(0, -100px);
width: 95px;
height: 95px;
width: 120px;
height: 120px;
animation-timing-function: linear;
animation-name: box-animation;
animation-duration: 0.3s;
......
src/components/cmh/theme-4/components/share-select-dialog.vue
......@@ -247,7 +247,7 @@ export default {
flex: 1;
}
.content .cell .icon-duobianxing {
color: #87C145;
color: #7464E2;
font-size: 15px;
padding-top: 3px;
padding-right: 3px;
......
src/components/cmh/theme-4/index.vue
......@@ -205,39 +205,39 @@ export default {
boxList: [
{
left: "calc(24.4% - 50px)",
top: "212px",
top: "187px",
},
{
left: "calc(50% - 50px)",
top: "212px",
top: "187px",
},
{
left: "calc(76.6% - 50px)",
top: "212px",
top: "187px",
},
{
left: "calc(24.4% - 50px)",
top: "320px",
top: "295px",
},
{
left: "calc(50% - 50px)",
top: "320px",
top: "295px",
},
{
left: "calc(76.6% - 50px)",
top: "320px",
top: "295px",
},
{
left: "calc(24.4% - 50px)",
top: "428px",
top: "403px",
},
{
left: "calc(50% - 50px)",
top: "428px",
top: "403px",
},
{
left: "calc(76.6% - 50px)",
top: "428px",
top: "403px",
},
],
swiperOptions: {
......@@ -640,7 +640,7 @@ body{
}
.box-box {
height: 555px;
height: 525px;
width: 100%;
position: relative;
}
......@@ -684,14 +684,14 @@ body{
}
.box-box img {
position: absolute;
transform: translate(0, -100px);
/* transform: translate(0, -100px); */
width: 95px;
height: 95px;
animation-timing-function: linear;
animation-name: box-animation;
animation-duration: 0.3s;
/* animation-timing-function: linear; */
/* animation-name: box-animation; */
/* animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-iteration-count: 1; */
}
.box-box img:nth-child(1) {
animation-delay: 0.65s;
......
src/components/cmh/theme-4/support.vue
......@@ -417,7 +417,7 @@ export default {
}
.cell-top .iconfont {
color: #38bdcd;
color: #21252B;
font-size: 15px;
}
......
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