Commit e3147789 authored by 苏尧华's avatar 苏尧华

待测试版

parent 125f900e
......@@ -1698,6 +1698,11 @@
"integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
"dev": true
},
"animate.css": {
"version": "3.7.2",
"resolved": "https://registry.npmjs.org/animate.css/-/animate.css-3.7.2.tgz",
"integrity": "sha512-0bE8zYo7C0KvgOYrSVfrzkbYk6IOTVPNqkiHg2cbyF4Pq/PXzilz4BRWA3hwEUBoMp5VBgrC29lQIZyhRWdBTw=="
},
"ansi-colors": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
......
......@@ -8,6 +8,7 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"animate.css": "^3.7.2",
"core-js": "^2.6.5",
"vue": "^2.6.10",
"vue-router": "^3.0.3"
......
This diff is collapsed.
This diff is collapsed.
public/favicon.ico

4.19 KB | W: | H:

public/favicon.ico

6.03 KB | W: | H:

public/favicon.ico
public/favicon.ico
public/favicon.ico
public/favicon.ico
  • 2-up
  • Swipe
  • Onion skin
......@@ -3,9 +3,20 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="viewport" content="width=750,initial-scale=0.5,minimum-scale=0.1,maximum-scale=2,user-scalable=yes">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>lewan</title>
<link rel="stylesheet" href="<%= BASE_URL %>common.css">
<link rel="stylesheet" href="<%= BASE_URL %>animate.min.css">
<title>乐网科技官网</title>
<meta name="keywords" content="乐玩,乐玩游戏,广州乐玩游戏,广州乐玩信息科技有限公司">
<meta name="description" content="乐玩游戏自创建以来,一直致力于小游戏的研发和运营,成员包括阿里、网易、4399、百田等游戏厂商的优秀人才.">
<script>
// var clientWidth = document.documentElement.clientWidth,
// viewport = document.querySelector('meta[name="viewport"]');
// viewportScale = clientWidth / 1920;
// viewportWidth = 1920;
// viewport.setAttribute('content', 'width=' + viewportWidth + ', initial-scale=' + viewportScale + ', maximum-scale=2' + ', user-scalable=0');
</script>
</head>
<body>
<noscript>
......
<template>
<div id="app">
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
<div id="nav" class="abs" :class="activeClass">
<img class="logo l mt10" v-if="activeClass=='home'" src="./assets/logo.png" alt="logo" />
<img class="logo l mt10" v-else src="./assets/logo2.png" alt="logo" />
<ul class="list r">
<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>
</ul>
</div>
<router-view/>
</div>
</template>
<script>
export default {
data () {
return {
activeClass: 'home'
}
},
methods: {
changePage: function (page) {
// console.log(page)
this.activeClass = page
}
},
created () {
console.log(222, window.location.hash)
let hashValue = window.location.hash.replace('#/', '')
if (hashValue === '') {
this.activeClass = 'home'
} else {
this.activeClass = 'about'
}
}
}
</script>
<style lang="scss">
html{
font-size: 14px;
body {
margin: 0;
padding: 0;
}
}
a {
text-decoration: none;
}
ul {
padding: 0;
}
li {
list-style-type: none;
}
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
min-width: 1380px;
}
#nav {
padding: 30px;
width: 100%;
min-width: 1380px;
height: 100px;
z-index: 10;
a {
font-size: 18px;
&.router-link-exact-active {
font-size: 20px;
font-weight: bold;
color: #2c3e50;
}
}
&.home {
a {
color: rgb(238,238,238);
&.router-link-exact-active {
color: rgb(255,255,255);
}
}
}
&.about {
background: rgb(255,255,255);
a {
color: rgb(153,153,153);
&.router-link-exact-active {
color: #42b983;
color: rgb(51,51,51);
}
}
}
.logo {
display: block;
margin-top: 20px;
height: 60px;
margin-left: 54px;
}
.list {
margin-right: 54px;
margin-top: 38px;
li {
margin-left: 50px;
}
}
}
......
src/assets/logo.png

6.69 KB | W: | H:

src/assets/logo.png

4.33 KB | W: | H:

src/assets/logo.png
src/assets/logo.png
src/assets/logo.png
src/assets/logo.png
  • 2-up
  • Swipe
  • Onion skin
<template>
<div class="footer cl">
<div class="contact auto ovh">
<img class="l logo" src="../assets/logo2.png" alt="logo">
<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 split">|</li>
<li class="l">联系电话:<a class="g6" href="tel:020-88888888">020-89636359</a></li>
<li class="l split">|</li>
<li class="l">联系邮箱:<a class="g6" href="mailto:kefu@llewan.com">kefu@llewan.com</a></li>
</ul>
</div>
</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>
</template>
<script>
export default {
name: 'PageFooter',
props: {
msg: String
},
data () {
return {
year: new Date().getFullYear()
}
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.footer {
padding: 68px 0;
background: rgb(245,246,249);
.logo {
width: 208px;
height: 80px;
}
.contact {
width: 1080px;
.split {
margin: 0 42px;
}
}
.contact-item {
margin-left: 30px;
}
.contact-detail {
padding: 0;
}
.split-line {
width: 1000px;
margin: 70px auto 0 auto;
border-bottom: 1px solid rgba($color: #333333, $alpha: 0.2);
}
.icp {
background: url('../assets/icon-police.png') no-repeat left center / 14px 16px;
width: 215px;
}
}
</style>
export default {
hotGame: [
{
id: 1,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli01.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode01.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集团',
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: '合作品牌:萌鸡小队动画',
hotGameActive: ''
},
{
id: 4,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/02/anli04.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode04.jpg',
gameName: '超级飞侠冲冲冲',
gameType: '(IP精品战略合作)',
gameDesc: '合作品牌:超级飞侠动画',
hotGameActive: ''
}
],
cooperationGame: [
{
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: '《欢乐农场主》 电商扶贫合作',
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: '人们对于高空、未知的探索总是欲望无穷,因此成就了迪拜塔(又名哈利法塔)和它相关的小游戏项目,游戏采用了迪拜塔的现代建筑风格用叠高楼的形式展现迪拜塔的高大雄伟。',
active: '',
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/icon03.jpg'
},
{
id: 3,
gameImage: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/pinpai02.jpg',
qrCode: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/qrcode02.jpg',
gameName: '《萌鸡小队画画》 IP精品战略合作',
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/pinpai04.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: [
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon01.png',
gameName: '豆腐消消消'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon02.jpg',
gameName: '非常六合一'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon03.jpg',
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/gameicon05.png',
gameName: '爆锤损友'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon06.png',
gameName: '最强消数字'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon07.png',
gameName: '答题大乱斗'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon08.png',
gameName: '最强弹力球'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon09.jpg',
gameName: '划线球球'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon10.png',
gameName: '最强预测'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon11.png',
gameName: '最强球爱'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon12.jpg',
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/gameicon14.jpg',
gameName: '最强嘴炮王'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon15.jpg',
gameName: '脑力大火拼'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon16.png',
gameName: '最强菊王'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon17.png',
gameName: '去吧皮卡叔'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon18.png',
gameName: '盗猫笔记'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon19.png',
gameName: '一起切水果'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon20.png',
gameName: '猫咪大乱斗'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon21.png',
gameName: '养猫达人'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon22.png',
gameName: '全民飞车3D'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon23.png',
gameName: '我要养条狗'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon24.png',
gameName: '怪兽连连线'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon25.png',
gameName: '进击吧足球'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon26.png',
gameName: '一起来切菜'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon27.jpg',
gameName: '水果大师'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon28.jpg',
gameName: '劲爆足球'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon29.jpg',
gameName: '王者俄罗斯方块'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon30.jpg',
gameName: '宝宝开餐厅'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon31.jpg',
gameName: '飞机大战3D'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon32.png',
gameName: '疯狂怪兽车'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon33.png',
gameName: '数字连连消'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon34.png',
gameName: '超级飞侠'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon35.jpg',
gameName: '萌鸡小队画画'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon36.png',
gameName: '一起切糖果'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon37.jpg',
gameName: '欢乐农场主'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon38.jpg',
gameName: '直通天际'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon39.png',
gameName: '本宫能活100集'
},
{
icon: 'https://res.g.llewan.com/ftp/lewan/lewanguanwang/image/01/gameicon40.png',
gameName: '步战三国'
}
]
}
This diff is collapsed.
......@@ -11,6 +11,14 @@ export default new Router({
name: 'home',
component: Home
},
{
path: '/business',
name: 'business',
// route level code-splitting
// 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/Business.vue')
},
{
path: '/about',
name: 'about',
......
<template>
<div class="about">
<h1>This is an about page</h1>
<div class="top-placeholder"></div>
<div class="banner rel">
<div class="abs imamge"></div>
</div>
<div class="">
<div class="g3 title1">公司介绍</div>
<div class="g6 f20 mt10">乐玩游戏自创建以来,一直致力于小游戏的研发和运营,成员包括阿里、网易、4399、百田等游戏厂商的优秀人才</div>
<div class="g6 f20 mt5">我们崇尚扁平化管理,本着对产品专注、专业、高效、创新的态度,立志做出有趣、有品质、有理念的三有产品</div>
</div>
<div class="introduce cl">
<img class="game-imamge" src="../assets/03/gongsi.jpg" alt="">
</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>
<div class="introduce cl">
<img class="game-imamge" src="../assets/03/renyuan.jpg" alt="">
</div>
<div class="bgf5 ovh ceo">
<div class="g3 title1">CEO</div>
<div class="g3 f20 mt10 tl ceo-introduce auto">
<div class="f20 mt5">• 10年团队管理经验,8年产品策划经验,擅长移动互联网/游戏策划运营。</div>
<div class="f20 mt5">• 主持过众多产品项目,包括大型手游平台App?4399游戏盒,从0到1,总用户量1.5亿,DAU350w,MAU2000w,游戏分发600w/天。</div>
<div class="f20 mt5">• 对多种产品设计和用户运营有丰富经验,组建H5/微信小游戏研发团队,并参与平台搭建制作,擅长管理、沟通、市场分析。</div>
</div>
</div>
<!-- 公司成长 -->
<div class="team rel cl">
<!-- <div class="abs imamge"></div> -->
<div class="cl">
<div class="g3 title3">公司成长</div>
<div class="g6 f20 mt20">
<!-- <div>合作渠道覆盖面广,IP定制方式灵活,研发推广一体无忧</div> -->
</div>
</div>
<ul class="team-item-box auto cl ovh">
<li class="item rel tc l">
<div class="normal1">
<img class="img1" src="../assets/03/chengzhang01.png" alt="">
</div>
</li>
<li class="item rel tl l">
<div class="normal">
<h4 class="desc1 g3 f28">2018.05</h4>
<img class="number" src="../assets/03/chengzhang02.jpg" alt="">
<div class="desc2 g6 f14 tl mt15">
<div>公司成立</div>
</div>
</div>
</li>
<li class="item rel tc l">
<div class="normal1">
<img class="img1" src="../assets/03/chengzhang01.png" alt="">
</div>
</li>
<li class="item rel tl l">
<div class="normal">
<h4 class="desc1 g3 f28">2018.10</h4>
<img class="number" src="../assets/03/chengzhang02.jpg" alt="">
<div class="desc2 g6 f14 tl mt15">
<div>单日产品活跃200w</div>
</div>
</div>
</li>
<li class="item rel tc l">
<div class="normal1">
<img class="img1" src="../assets/03/chengzhang01.png" alt="">
</div>
</li>
<li class="item rel tl l">
<div class="normal">
<h4 class="desc1 g3 f28">2018.11</h4>
<img class="number" src="../assets/03/chengzhang02.jpg" alt="">
<div class="desc2 g6 f14 tl mt15">
<div>公司乔迁新址</div>
</div>
</div>
</li>
<li class="item rel tc l">
<div class="normal1">
<img class="img1" src="../assets/03/chengzhang01.png" alt="">
</div>
</li>
<li class="item rel tl l">
<div class="normal">
<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>单日产品累计注册4000w</div>
</div>
</div>
</li>
<li class="item rel tc l">
<div class="normal1">
<img class="img1" src="../assets/03/chengzhang01.png" alt="">
</div>
</li>
<li class="item rel tl l">
<div class="normal">
<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>财政部合作产品《欢乐农场主》上线</div>
</div>
</div>
</li>
<li class="item rel tc l">
<div class="normal1">
<img class="img1" src="../assets/03/chengzhang01.png" alt="">
</div>
</li>
</ul>
</div>
<PageFooter msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
// @ is an alias to /src
import PageFooter from '@/components/PageFooter.vue'
export default {
name: 'home',
components: {
PageFooter
}
}
</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: 1380px;
}
.item {
height: 100px;
margin:30px 25px 10px 25px;
.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>
This diff is collapsed.
This diff is collapsed.
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