Skip to content

L
lewanguanwang
Commit ce4318a8 authored by 苏尧华's avatar 苏尧华
Browse files
Options

111111111111

Signed-off-by: 's avatar苏尧华 <suyaohua@llewan.com>
parent a24cb934
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 562 additions and 65 deletions
public/doc/AlternativeDisputeResolution.html 0 → 100644
View file @ ce4318a8
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=750,initial-scale=0.5,minimum-scale=0.1,maximum-scale=2,user-scalable=yes">
<link rel="icon" href="./favicon.ico">
<link rel="stylesheet" href="./docs.css">
<title>乐玩游戏官网-纠纷处理</title>
<meta name="keywords" content="广州乐玩游戏，乐玩小游戏，广州乐玩信息科技有限公司，小游戏品牌合作，小游戏定制">
<meta name="description" content="乐玩游戏自创建以来，一直致力于小游戏的研发和运营，成员包括阿里、网易、4399、百田等游戏厂商的优秀人才，我们崇尚扁平化管理，本着对产品专注、专业、高效、创新的态度，立志做出有趣、有品质、有理念的三有产品。">
</head>
<body>
<div class="docs">
<h1 class="title tc">纠纷处理</h1>
<div class="details">
<p style="text-align:left">
<span style="font-family: 微软雅黑, sans-serif;">一、用户之间纠纷处理方式 广州乐玩信息科技有限公司仅作为广州乐玩信息科技有限公司平台及平台旗下所有游戏产品的运营商，如若本平台用户之间发生纠纷且无法协商一致的，可向国家相关行政机关或司法机关寻求解决，包括但不限于向公安机关报案、申请仲裁或向人民法院提起诉讼等。广州乐玩信息科技有限公司将会为实名注册用户提供必要的协助和支持，并根据有关行政机关和司法机关的要求承担一定的举证责任或采取必要措施。 本平台用户之间发生纠纷的，也可向广州乐玩信息科技有限公司的客服人员投诉并举证。用户需提供与其账号注册信息一致的个人有效身份证件、必要的国家行政或司法机关文件和其他广州乐玩信息科技有限公司要求提供的相关证据。经广州乐玩信息科技有限公司审核确认后，可以给予必要的协助和支持。</span>
</p>
<p style="text-align:left">
<span style="font-size:16px;font-family:'微软雅黑','sans-serif'">&nbsp;</span>
</p>
<p style="margin-top:auto;margin-bottom: auto;text-align:left;line-height:30px">
<span style="font-size:16px;font-family:'微软雅黑','sans-serif'">二、用户与广州乐玩信息科技有限公司之间纠纷处理方式 如本平台用户对广州乐玩信息科技有限公司的服务有任何异议的，可以向广州乐玩信息科技有限公司的客服人员投诉并举证。查证属实的，广州乐玩信息科技有限公司将立即更正并按照现行法律规定给予用户必要的补偿。 如本平台用户对广州乐玩信息科技有限公司的服务有任何异议的，也可以向双方约定的广州乐玩信息科技有限公司所在地人民法院提起诉讼。 </span>
</p>
<p>
<span style="font-family:'微软雅黑','sans-serif'">&nbsp;</span>
</p>
<p>
<br/>
</p>
</div>
</div>
</body>
</html>
\ No newline at end of file
public/doc/AntiAddiction.html 0 → 100644
View file @ ce4318a8
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=750,initial-scale=0.5,minimum-scale=0.1,maximum-scale=2,user-scalable=yes">
<link rel="icon" href="./favicon.ico">
<link rel="stylesheet" href="./docs.css">
<title>乐玩游戏官网-防沉迷系统</title>
<meta name="keywords" content="广州乐玩游戏，乐玩小游戏，广州乐玩信息科技有限公司，小游戏品牌合作，小游戏定制">
<meta name="description" content="乐玩游戏自创建以来，一直致力于小游戏的研发和运营，成员包括阿里、网易、4399、百田等游戏厂商的优秀人才，我们崇尚扁平化管理，本着对产品专注、专业、高效、创新的态度，立志做出有趣、有品质、有理念的三有产品。">
</head>
<body>
<div class="docs">
<h1 class="title tc">防沉迷系统</h1>
<div class="details">
<p class="MsoListParagraph" style="margin-top:auto;margin-bottom: auto;margin-left:28px;text-align:left">
<span style="font-family:Wingdings">l<span style="font:9px 'Times New Roman'">&nbsp; </span></span><strong><span style="font-family:'微软雅黑','sans-serif'">防沉迷系统：</span></strong>
</p>
<p style="margin-top:auto;margin-bottom: auto;text-align:left">
<span style="font-family:'微软雅黑','sans-serif'">防沉迷系统根据政府《网络游戏防沉迷系统开发标准》及其相关要求开发实施。自2007年7月16日起已正式实施。以求促进未成年人形成健康游戏习惯。实名认证系统用于收集玩家的身份证号及姓名，并以此作为判断玩家是否需要受到防沉迷系统保护的重要依据。</span>
</p>
<p class="MsoListParagraph" style="margin-top:auto;margin-bottom: auto;margin-left:28px;text-align:left">
<span style="font-family:Wingdings">l<span style="font:9px 'Times New Roman'">&nbsp; </span></span><strong><span style="font-family:'微软雅黑','sans-serif'">实名信息登记：</span></strong>
</p>
<p style="margin-top:auto;margin-bottom: auto;text-align:left">
<span style="font-family:'微软雅黑','sans-serif'">实名信息登记页面：实名认证的规则和部分玩家特殊困难的解决请以游戏内通知、主页公告和客服专区的引导为准。请不要相信游戏中陌生人声称的可以帮忙解决，更不要向陌生人提供帐号、密码。游戏中的系统通知邮件均不可回复，请仔细查看。</span>
</p>
<p style="margin-top:auto;margin-bottom: auto;text-align:left">
<strong><span style="font-family:'微软雅黑','sans-serif'">注意事项：</span></strong>
</p>
<ul class=" list-paddingleft-2">
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">1</span><span style="font-family:'微软雅黑','sans-serif'">）用户帐号的实名信息一经注册或者补充即有效，不得修改。</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">2</span><span style="font-family:'微软雅黑','sans-serif'">）实名信息仅作为判断是否纳入防沉迷系统之用，不替代老用户原有注册信息，不作为判断该帐号权益的有效依据。</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">3</span><span style="font-family:'微软雅黑','sans-serif'">）实名信息显示为不满18周岁的用户，将被初步判定为未成年人，暂时纳入防沉迷系统。其实名信息于成年后将自动提交至公安机关进行验证。</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">4</span><span style="font-family:'微软雅黑','sans-serif'">）实名信息显示为已满18周岁的用户，将被初步判定为成年人，其实名信息将提交至公安机关进行验证。</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">5</span><span style="font-family:'微软雅黑','sans-serif'">）实名信息验证成功的帐号不纳入防沉迷系统。相反，认证失败的帐号将被纳入防沉迷系统。</span>
</p>
</li>
</ul>
<p class="MsoListParagraph" style="margin-top:auto;margin-bottom: auto;margin-left:28px;text-align:left">
<span style="font-family:Wingdings">l<span style="font:9px 'Times New Roman'">&nbsp; </span></span><strong><span style="font-family:'微软雅黑','sans-serif'">防沉迷系统的保护对象（我是否会被防沉迷系统限制？）</span></strong>
</p>
<ul class=" list-paddingleft-2">
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">1</span><span style="font-family:'微软雅黑','sans-serif'">）填写的实名信息为未成年玩家（未满18岁者）</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">2</span><span style="font-family:'微软雅黑','sans-serif'">）未填写实名信息的玩家；</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">3</span><span style="font-family:'微软雅黑','sans-serif'">）所填写的实名信息不能通过公安部门验证的玩家；</span>
</p>
</li>
</ul>
<p class="MsoListParagraph" style="margin-top:auto;margin-bottom: auto;margin-left:28px;text-align:left">
<span style="font-family:Wingdings">l<span style="font:9px 'Times New Roman'">&nbsp; </span></span><strong><span style="font-family:'微软雅黑','sans-serif'">防沉迷系统规则</span></strong>
</p>
<ul class=" list-paddingleft-2">
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">1</span><span style="font-family:'微软雅黑','sans-serif'">）用同一受防沉迷系统保护的实名信息登记的多个通行证下，只能最多同时有1个角色登陆。</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">2</span><span style="font-family:'微软雅黑','sans-serif'">）用同一受防沉迷系统保护的实名信息登记的多个通行证，将共享计算“累计在线时间”和“累计下线时间”。“累计在线时间”指同身份证下任一角色登陆后持续在线时间的累计；</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">3</span><span style="font-family:'微软雅黑','sans-serif'">）受防沉迷系统保护的玩家，累计在线时间3小时以内为“健康”游戏时间；累计游戏时间超过3小时为“疲劳”游戏时间，收益减半；累计游戏时间超过5小时为“不健康”游戏时间，收益降为0。</span>
</p>
</li>
<li>
<p>
<span style="font-family:'微软雅黑','sans-serif'">4</span><span style="font-family:'微软雅黑','sans-serif'">）如果累计下线时间已满5小时，则累计在线时间和累计下线时间均清零，再上线重新累计在线时间和下线时间。</span>
</p>
</li>
</ul>
<p>
<br/>
</p>
</div>
</div>
</body>
</html>
\ No newline at end of file
public/doc/MonitoringProject.html 0 → 100644
View file @ ce4318a8
This diff is collapsed.
public/doc/PrivacyPolicy.html 0 → 100644
View file @ ce4318a8
This diff is collapsed.
public/doc/docs.css 0 → 100644
View file @ ce4318a8
.title {
text-align: center;
}
.details {
padding: 0 20px;
}
\ No newline at end of file
public/doc/icp.jpg 0 → 100644
View file @ ce4318a8
This diff is collapsed.
public/doc/userAgreement.html 0 → 100644
View file @ ce4318a8
This diff is collapsed.
src/App.vue
View file @ ce4318a8
......@@ -7,7 +7,61 @@
<li class="l" @click="changePage('home')"><router-link class="trans" to="/">首页</router-link></li>
<li class="l" @click="changePage('about')"><router-link class="trans" to="/business">商务合作</router-link></li>
<li class="l" @click="changePage('about')"><router-link class="trans" to="/about">关于我们</router-link></li>
<li class="l" @click="showAction"><a class="trans" :class="loginActionActiveClass">用户中心</a></li>
</ul>
<div class="login-action-box abs tc bge0 animated faster" :class="loginActionBoxShow">
<button class="button login mt20 wh" @click="showLogin">登录</button>
<div class="split-line mt10 auto"></div>
<button class="button register mt10 wh" @click="showRegister">注册</button>
</div>
</div>
<div class="login-box pct100" :class="loginBoxShow">
<div class="main bgwh rel tl">
<div class="closed" @click="closed">✖</div>
<div class="w200 auto">账号登录</div>
<div class="w200 h30 auto mt10">
<input class="w200 h30" type="text" name="name" placeholder="账号">
</div>
<div class="w200 h30 auto mt20">
<input class="w200 h30" type="password" name="password" placeholder="密码">
</div>
<div class="w200 auto">
<button class="button login mt20 wh" @click="login">登录</button>
</div>
<div class="w200 auto mt20 tc">
<span class="g6">还没有账号？</span><span class="other poi" @click="showRegister">立即注册</span>
</div>
</div>
</div>
<div class="register-box pct100" :class="registernBoxShow">
<div class="main bgwh rel tl">
<div class="closed" @click="closed">✖</div>
<div class="w200 auto">注册账号</div>
<div class="w200 h20 auto mt10">
<input class="w200 h20" type="text" name="name" placeholder="输入6-20个字符数字或字母组成的账号">
</div>
<div class="w200 h20 auto mt10">
<input class="w200 h20" type="password" name="password" placeholder="请输入游戏密码6-12字符">
</div>
<div class="w200 h20 auto mt10">
<input class="w200 h20" type="password" name="password" placeholder="请再次输入密码">
</div>
<div class="w200 h20 auto mt10">
<input class="w200 h20" type="text" name="name" placeholder="请输入真实姓名">
</div>
<div class="w200 h20 auto mt10">
<input class="w200 h20" type="text" name="name" placeholder="请输入身份证号">
</div>
<div class="w200 h20 auto mt10">
<input type="checkbox" name="private" id="private"><label for="private"> 已阅读并同意 </label> <a class="other poi" target="_blank" href="./doc/userAgreement.html">乐玩游戏协议</a>
</div>
<div class="w200 auto">
<button class="button login mt10 wh" @click="register">注册</button>
</div>
<div class="w200 auto mt10 tc">
<span class="g6">已经有账号？</span><span class="other poi" @click="showLogin">立即登录</span>
</div>
</div>
</div>
<router-view/>
</div>
......@@ -17,17 +71,54 @@
export default {
data () {
return {
activeClass: 'home'
activeClass: 'home',
loginActionBoxShow: 'dn',
loginBoxShow: 'dn',
registernBoxShow: 'dn',
loginActionActiveClass: ''
}
},
methods: {
changePage: function (page) {
// console.log(page)
this.activeClass = page
this.loginActionBoxShow = 'dn'
},
showAction: function (params) {
if (this.loginActionBoxShow === 'dn') {
this.loginActionActiveClass = 'router-link-exact-active';
this.loginActionBoxShow = 'db slideInDown'
} else {
this.loginActionActiveClass = '';
this.loginActionBoxShow = 'dn'
}
},
showLogin: function () {
// console.log(1);
this.loginBoxShow = 'db';
this.registernBoxShow = 'dn'
},
showRegister: function () {
// console.log(1)
this.loginBoxShow = 'dn';
this.registernBoxShow = 'db'
},
login: function (params) {
// console.log(1);
alert('网络异常请重新登录')
},
register: function (params) {
// console.log(1);
alert('请点击同意用户协议')
},
closed: function (params) {
// console.log(1);
this.loginBoxShow = 'dn';
this.registernBoxShow = 'dn'
}
},
created () {
console.log(222, window.location.hash)
// console.log(222, window.location.hash)
let hashValue = window.location.hash.replace('#/', '')
if (hashValue === '') {
this.activeClass = 'home'
......@@ -105,5 +196,107 @@ li {
margin-left: 50px;
}
}
.login-action-box {
width: 258px;
height: 137px;
right: 50px;
top: 80px;
.button {
width: 240px;
height: 35px;
border: 0;
}
.split-line {
border-bottom: 1px solid #f5f5f5;
width: 240px;
}
.login {
background: #2a82e4;
}
.register {
background: #00baad;
}
}
.login-action-box::before {
content: 'a';
position: absolute;
width: 10px;
height: 10px;
right: 20px;
top: -5px;
color: #e0e0e0;
background: #e0e0e0;
transform: rotate(45deg);
}
}
.login-box {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
.main {
width: 260px;
height: 258px;
margin: 300px auto;
padding-top: 20px;
input {
border: 1px solid #aaaaaa;
text-indent: 1em;
}
.button {
width: 200px;
height: 40px;
border: 0;
background: #2a82e4;
}
.other {
color: #78b7fd;
}
}
.closed {
position: absolute;
right: -35px;
top: 0;
font-size: 36px;
color: #ffffff;
}
}
.register-box {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
.main {
width: 260px;
height: 298px;
margin: 300px auto;
padding-top: 20px;
input {
border: 1px solid #aaaaaa;
font-size: 12px;
}
.button {
width: 200px;
height: 40px;
border: 0;
background: #00baad;
}
.other {
color: #78b7fd;
}
}
.closed {
position: absolute;
right: -35px;
top: 0;
font-size: 36px;
color: #ffffff;
}
}
</style>
src/components/PageFooter.vue
View file @ ce4318a8
......@@ -5,17 +5,37 @@
<div class="l contact-item">
<div class="f22 g3 tl mt20">广州乐玩信息科技有限公司</div>
<ul class="g6 f16 contact-detail ovh mt5">
<li class="l">公司地址：广州市海珠区南丰汇15楼</li>
<li class="l">公司地址：广州市海珠区琶洲街道暄悦东街23号中悦广场2801</li>
<li class="l split">|</li>
<li class="l">联系电话：<a class="g6" href="tel:020-88888888">020-89636359</a></li>
<li class="l">联系电话/微信：邹先生 <a class="g6" href="tel:15013002478">15013002478</a></li>
<li class="l split">|</li>
<li class="l">联系邮箱：<a class="g6" href="mailto:kefu@llewan.com">liangjinhui@llewan.com</a></li>
<li class="l">联系邮箱：<a class="g6" href="mailto:liangjinhui@llewan.com">liangjinhui@llewan.com</a></li>
</ul>
</div>
</div>
<div>
<ul class="g6 f16 ovh mt5 dos-list auto">
<li class="l"><a target="_blank" href="./doc/userAgreement.html">用户协议</a></li>
<li class="l split">/</li>
<li class="l"><a target="_blank" href="./doc/MonitoringProject.html">监护工程</a></li>
<li class="l split">/</li>
<li class="l"><a target="_blank" href="./doc/AlternativeDisputeResolution.html">纠纷处理</a></li>
<li class="l split">/</li>
<li class="l"><a target="_blank" href="./doc/AntiAddiction.html">防沉迷系统</a></li>
<li class="l split">/</li>
<li class="l"><a target="_blank" href="./doc/PrivacyPolicy.html">隐私政策</a></li>
</ul>
</div>
<div class="split-line"></div>
<div class="copyright f18 g3 mt30">Copyright © {{year}} 广州乐玩信息科技有限公司&nbsp;&nbsp;&nbsp;版权所有 All Rights Reserve.</div>
<div class="f18 g3 mt1 icp auto"><a class="f18 g3" href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备17088117号-2</a></div>
<div class="icps auto ovh">
<div class="f18 g3 mt1 icp l"><a class="f18 g3" href="./doc/icp.jpg" target="_blank">粤B2-20180019</a></div>
<div class="f18 g3 mt1 icp1 l"><a class="f18 g3" href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备17088117号-2</a></div>
<div class="f18 g3 mt1 icp2 l"><a class="f18 g3" href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/7b055a4af580411281986e9195b87334?tdsourcetag=s_pctim_aiomsg" target="_blank">粤网文〔2017〕8721-2182号</a></div>
</div>
<div class="icps auto ovh" style="width:290px;">
<div class="f18 g3 mt1 icp1 l" style="width:290px;"><a class="f18 g3" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602006833" target="_blank">粤公网安备 44010602006833号</a></div>
</div>
</div>
</template>
......@@ -43,9 +63,9 @@ export default {
height: 80px;
}
.contact {
width: 1110px;
width: 1320px;
.split {
margin: 0 42px;
margin: 0 8px;
}
}
.contact-item {
......@@ -56,12 +76,35 @@ export default {
}
.split-line {
width: 1000px;
margin: 70px auto 0 auto;
margin: 40px auto 0 auto;
border-bottom: 1px solid rgba($color: #333333, $alpha: 0.2);
}
.icps {
width: 655px;
}
.icp {
background: url('../assets/icon-police.png') no-repeat left center / 14px 16px;
width: 165px;
}
.icp1 {
background: url('../assets/icon-police.png') no-repeat left center / 14px 16px;
width: 215px;
}
.icp2 {
background: url('../assets/wenhuajingying.png') no-repeat left center / 18px;
width: 274px;
}
.dos-list {
padding-left: 238px;
width: 902px;
line-height: 21px;
color: #222222 !important;
.split {
margin: 0 3px;
}
a {
color: #222222 !important;
}
}
}
</style>
src/data/BusinessData.js
View file @ ce4318a8
export default {
hotGame: [
{
id: 1,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli07.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode01.jpg',
gameName: '欢乐农场主',
gameType: '(电商扶贫合作)',
gameDesc: '合作品牌：腾讯公益',
id: 2,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli10.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrgame10.jpg',
gameName: '钱袋子保卫战',
gameType: '(金融知识宣传合作)',
gameDesc: '合作品牌：中国人民银行',
hotGameActive: ''
},
{
id: 2,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli02.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode03.jpg',
gameName: '直通天际',
gameType: '(迪拜塔旅游商业合作)',
gameDesc: '合作品牌：Emaar集团',
id: 4,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli09.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrgame09.png',
gameName: '坦克3合1',
gameType: '(肯德基品牌合作)',
gameDesc: '合作品牌：百胜餐饮集团',
hotGameActive: ''
},
{
id: 3,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli03.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode02.jpg',
gameName: '萌鸡小队画画',
gameType: '(IP精品战略合作)',
gameDesc: '合作品牌：萌鸡小队动画',
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli08.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode04.jpg',
gameName: '《超级飞侠冲冲冲》',
gameType: '(IP精品合作)',
gameDesc: '合作品牌：奥飞娱乐',
hotGameActive: ''
},
{
id: 4,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli08.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode04.jpg',
gameName: '超级飞侠冲冲冲',
gameType: '(IP精品战略合作)',
gameDesc: '合作品牌：超级飞侠动画',
id: 1,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli07.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode01.jpg',
gameName: '欢乐农场主',
gameType: '(电商扶贫合作)',
gameDesc: '合作品牌：腾讯公益',
hotGameActive: ''
}
],
......
src/data/HomeData.js
View file @ ce4318a8
......@@ -26,7 +26,7 @@ export default {
},
{
id: 4,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/game04.jpg',
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/game09.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrgame04.jpg',
gameName: '进击吧足球',
gameDesc: '3D，模拟踢球游戏',
......@@ -58,7 +58,7 @@ export default {
},
{
id: 8,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/game08.jpg',
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/game10.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrgame08.jpg',
gameName: '猫咪大乱斗',
gameDesc: '惊险刺激碰撞IO游戏',
......@@ -66,23 +66,50 @@ export default {
}
],
cooperationGame: [
{
id: 4,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai06.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrgame09.png',
gameName: '《坦克大战吃豆人小蜜蜂3合1》肯德基品牌传播合作',
gameDesc: '《坦克大战吃豆人小蜜蜂3合1》是肯德基联合万代南梦宫娱乐知名ip由乐玩出品的经典红白机小游戏，让你1秒穿越80、90年代的游戏时光，重温当年热血沸腾的游戏时光。经典IP引入，品牌发力、福利加持，这样的小游戏，有谁不爱！',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon05.jpg'
},
{
id: 6,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai08.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrgame11.jpg',
gameName: '《蓝臻宝宝乐游游》美赞臣品牌合作',
gameDesc: '《蓝臻宝宝乐游游》是美赞臣蓝臻系列和乐玩游戏合作出品的一款3D类品牌推广小游戏。宝宝健康活泼地成长是妈妈最大的心愿，多款不同风格的可爱宝宝让美赞臣妈妈们爱不释手，大大增加游戏代入感。',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon07.jpg'
},
{
id: 5,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai09.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrgame10.jpg',
gameName: '《钱袋子保卫战》央行金融知识传播合作',
gameDesc: '《钱袋子保卫战》是中国人民银行和腾讯联合出品的金融知识普及小游戏。这款由乐玩游戏研发的小游戏将金融知识融于游戏之中，将枯燥的科普信息变得生动有趣。',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon06.jpg'
},
{
id: 1,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai01.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode01.jpg',
gameName: '《欢乐农场主》 电商扶贫合作',
gameName: '《欢乐农场主》 财政部电商扶贫合作',
gameDesc: '《欢乐农场主》是国家财政部、腾讯微信、乐玩游戏联手致力于帮助国家贫困县宣传和农产品销售的公益项目，通过游戏的形式展现也是希望用更加愉快温暖的方式，让更多的人参与到行善互助中来。',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon01.jpg'
},
{
id: 2,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai03.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode03.jpg',
gameName: '《直通天际》 迪拜塔旅游商业合作',
gameDesc: '人们对于高空、未知的探索总是欲望无穷，因此成就了迪拜塔（又名哈利法塔）和它相关的小游戏项目，游戏采用了迪拜塔的现代建筑风格用叠高楼的形式展现迪拜塔的高大雄伟。',
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai05.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode04.jpg',
gameName: '《超级飞侠冲冲冲》IP精品战略合作',
gameDesc: '《超级飞侠》是一部全网点击百亿，多角色市场反响火爆的儿童动画，宣传以帮助别人为主基调非常正能量，我们希望小朋友能够通过游戏加深对每个飞侠的角色认知，从而提高IP认知度，并帮助品牌进行一定的周边销售。',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon03.jpg'
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon04.jpg'
},
{
id: 3,
......@@ -92,15 +119,6 @@ export default {
gameDesc: '《萌鸡小队》动画有着70亿庞大的网络视频点击量，收罗了一群忠实的小粉丝；为做到寓教于乐的效果，特选IP+画画的游戏模式，自主创新角色舞蹈+音乐的玩法，大大增加了产品代入感，建立产品壁垒，让小朋友的天分更加自由的发挥',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon02.jpg'
},
{
id: 4,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai05.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode04.jpg',
gameName: '《超级飞侠冲冲冲》 IP精品战略合作',
gameDesc: '《超级飞侠》是一部全网点击百亿，多角色市场反响火爆的儿童动画，宣传以帮助别人为主基调非常正能量，我们希望小朋友能够通过游戏加深对每个飞侠的角色认知，从而提高IP认知度，并帮助品牌进行一定的周边销售',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon04.jpg'
}
],
allGames: [
......@@ -117,8 +135,8 @@ export default {
gameName: '宇宙大冒险'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon04.jpg',
gameName: '最强切水果'
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon42.jpg',
gameName: '坦克3合1'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon05.png',
......@@ -153,8 +171,8 @@ export default {
gameName: '最强吃鸡王'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon13.jpg',
gameName: '豆腐消消消'
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon41.png',
gameName: '全民投篮3D'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon14.jpg',
......
src/router.js
View file @ ce4318a8
......@@ -26,6 +26,11 @@ export default new Router({
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
},
{
path: '/',
name: 'userAgreement',
component: () => import(/* webpackChunkName: "about" */ './views/UserAgreement.vue')
}
]
})
src/views/About.vue
View file @ ce4318a8
......@@ -6,7 +6,7 @@
</div>
<div class="">
<div class="g3 title1">公司介绍</div>
<div class="g6 f20 mt10">乐玩游戏自创建以来，一直致力于小游戏的研发和运营，成员包括阿里、网易、4399、百田等游戏厂商的优秀人才</div>
<div class="g6 f20 mt10">乐玩游戏自创建以来，一直致力于小游戏的研发和运营，成员包括阿里、网易、4399等游戏厂商的优秀人才</div>
<div class="g6 f20 mt5">我们崇尚扁平化管理，本着对产品专注、专业、高效、创新的态度，立志做出有趣、有品质、有理念的三有产品</div>
</div>
<div class="introduce cl">
......@@ -14,11 +14,11 @@
</div>
<div class="">
<div class="g3 title1">团队介绍</div>
<div class="g6 f20 mt10">成员包括阿里、网易、4399、百田等游戏厂商的优秀人才</div>
<div class="g6 f20 mt5">小游戏&手游策划、美术、技术（2D+3D）运营、市场、产品经理目前共30多个小伙伴，配置一应俱全</div>
<!-- <div class="g6 f20 mt10">成员包括阿里、网易、4399、百田等游戏厂商的优秀人才</div> -->
<div class="g6 f20 mt10">小游戏&手游策划、美术、技术（2D+3D）运营、市场、产品经理目前共30多个小伙伴，配置一应俱全</div>
</div>
<div class="introduce cl">
<img class="game-imamge" src="../assets/03/renyuan.jpg" alt="">
<img class="game-imamge" src="../assets/03/renyuan1.jpg" alt="">
</div>
<div class="bgf5 ovh ceo">
<div class="g3 title1">CEO</div>
......@@ -73,10 +73,10 @@
</li>
<li class="item rel tl l">
<div class="normal">
<h4 class="desc1 g3 f28">2018.11</h4>
<h4 class="desc1 g3 f28">2019.02</h4>
<img class="number" src="../assets/03/chengzhang02.jpg" alt="">
<div class="desc2 g6 f14 tl mt15">
<div>公司乔迁新址</div>
<div>单日产品累计注册4000w</div>
</div>
</div>
</li>
......@@ -87,10 +87,10 @@
</li>
<li class="item rel tl l">
<div class="normal">
<h4 class="desc1 g3 f28">2019.02</h4>
<h4 class="desc1 g3 f28">2019.05</h4>
<img class="number" src="../assets/03/chengzhang02.jpg" alt="">
<div class="desc2 g6 f14 tl mt15">
<div>单日产品累计注册4000w</div>
<div>财政部合作产品《欢乐农场主》上线</div>
</div>
</div>
</li>
......@@ -101,10 +101,10 @@
</li>
<li class="item rel tl l">
<div class="normal">
<h4 class="desc1 g3 f28">2019.05</h4>
<h4 class="desc1 g3 f28">2019.08</h4>
<img class="number" src="../assets/03/chengzhang02.jpg" alt="">
<div class="desc2 g6 f14 tl mt15">
<div>财政部合作产品《欢乐农场主》上线</div>
<div>肯德基合作产品《坦克3合1》上线</div>
</div>
</div>
</li>
......@@ -175,7 +175,7 @@ export default {
}
.item {
height: 100px;
margin:30px 25px 10px 25px;
margin:30px 18px 10px 18px;
.game-imamge {
width: 200px;
height: 250px;
......
src/views/Home.vue
View file @ ce4318a8
......@@ -249,7 +249,7 @@ export default {
.imamge {
width: 100%;
height: 600px;
background: url('../assets/01/banner.jpg') no-repeat center center / 1920px;
background: url('../assets/01/banner2.jpg') no-repeat center center / 1920px;
}
}
.title1 {
......
src/views/UserAgreement.vue 0 → 100644
View file @ ce4318a8
<template>
<div class="docs">
<h1 class="title"></h1>
<div class="details">
发的发的发发发的说法打发大水发生
</div>
</div>
</template>
<script>
export default {
name: 'home'
}
</script>
<style lang="scss" scoped>
.top-placeholder {
width: 100%;
height: 100px;
}
.banner {
width: 100%;
height: 500px;
.imamge {
width: 100%;
height: 500px;
background: url('../assets/03/banner.jpg') no-repeat center center / 1920px;
}
}
.title1 {
margin-top: 100px;
font-size: 40px;
}
.introduce {
margin-top: 45px;
}
.ceo {
padding-bottom: 100px;
}
.ceo-introduce {
width: 700px;
}
/* 团队 */
.team {
width: 100%;
height: 380px;
.title3 {
padding-top: 60px;
font-size: 40px;
}
.subtitle {
color: #eeeeee;
}
.team-item-box {
margin-top: 40px;
width: 1372px;
}
.item {
height: 100px;
margin:30px 18px 10px 18px;
.game-imamge {
width: 200px;
height: 250px;
display: block;
}
.desc1 {
margin: 12px 0 0 0;
}
.game-desc {
margin-left: 28px;
}
.normal{
height: 100px;
}
.normal1{
height: 100px;
line-height: 100px
}
}
}
</style>
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