Skip to content

quxiu
quxiu
Commit 4673c8b5 by 冷斌
Options

fix bug

parent 9c61fd05
Showing with 56 additions and 213 deletions
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<head >
<meta charset="UTF-8">
<!-- 使用UTF-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- 设置移动终端可视区域 -->
<meta content="telephone=no" name="format-detection">
<!-- 禁止iPhone等手机自动将数字变成可点击的拨号连接 -->
......@@ -17,150 +16,45 @@
<link href="./guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="./guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
.img_cp {
width: 286px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.img_cp img {
width: 100%;
}
.common-header {
width: 70%;
margin: 0 auto;
color: #fff;
font-size: 14px;
height: 75px;
}
.common-header ul {
/*overflow: hidden;*/
display: flex;
}
.common-header ul li {
float: left;
flex: 1;
text-align: center;
background: url(./guanwang/img/white-border.png) 0 32px no-repeat;
padding: 0 30px;
height: 75px;
line-height: 75px;
}
.common-header a.logo-href {
float: left;
height: 75px;
margin: 0 40px;
/*display: flex;flex-direction: row;justify-content: center;align-items: start*/
}
.common-header a.logo-href img {
display: block;
margin-top: 30px;
}
.common-header a {
text-decoration: none;
color: #fff;
}
.wrapper .header_btn {
position: absolute;
bottom: 60px;
left: 100px
}
.common-header {
position: absolute;
left: 50%;
transform: translate(-40%, 0); /*50%为自身尺寸的一半*/
}
.common-header .service{
cursor: pointer;
position: relative;
/*background: yellow;*/
}
.common-header .down-list {
display: none;
position: absolute;
top: 30px;
background: rgba(0, 120, 255, 0.38);
left: -20px;
width: 100px;
}
.common-header .down-list .item{
display: block;
height: 50px;
line-height: 50px;
text-align: center;
}
.common-header .down-list .item:hover{
background: rgba(0, 120, 255, 0.69);
}
.img_cp { width: 286px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.img_cp img { width: 100%; }
.button { background: #C45EFF; margin: 0; padding: 0; border: 1px solid transparent; margin-top: 30px; border-radius: 5px; text-align: center; font-size: 16px; color: #fff; width: 160px; height: 45px; }
</style>
</head>
<body>
<div class="app" id="app">
<div class="header_box">
<div class="common-header">
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news " href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</div>
<img class="banner" src="./guanwang/img/bg@2x.jpg">
<img class="banner" src="./guanwang/img/bg@2x.jpg" >
<div class="logo_box">
<a href="#d1" style="margin-right: 10%;"><img class="load_img" src="./guanwang/img/btn%20get%20start@2x.png"/></a>
<a href="index.html"><img class="guanggao_img" src="./guanwang/img/btn%20get%20start备份@2x.png"/></a>
<a href="#d1" style="margin-right: 10%;"><img class="load_img" src="./guanwang/img/btn%20get%20start@2x.png" /></a>
<a href="首页.html" ><img class="guanggao_img" src="./guanwang/img/btn%20get%20start备份@2x.png" /></a>
</div>
</div>
<div class="body_box">
<div class="body_part">
<!-- <div class="part_title">用视频认识我</div> -->
<div class="part_title">购买坐骑</div>
<div class="part_det">进入趣秀的世界，去认识那些陌生而又有趣的人</div>
<div class="part_content">
<div class="img_cp">
<img src="./guanwang/img/zuoqi_1.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
<div class="img_cp">
<img src="./guanwang/img/zuoqi_2.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
<div class="img_cp">
<img src="./guanwang/img/zuoqi_3.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
<div class="img_cp">
<img src="./guanwang/img/zuoqi_4.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
</div>
</div>
<div class="body_part">
<div class="part_title">年轻人的社交选择</div>
<div class="part_det">加入趣秀找到新朋友</div>
<div class="part_content">
......@@ -186,101 +80,50 @@
<div class="part_det">为什么选择加入趣秀</div>
<div class="part_text">
<p>河南趣云网络科技有限公司，是一家集网络新媒体、直播运营、营销策划、文化交流于一体的网络科技公司。</p>
<p style="margin-top: 30px;">
公司自成立以来，以与时俱进的理念，强大的网络平台、专业的制作团队、熟悉市场的营销队伍以及独具特色的传播渠道，竭力打造中国传统文化新形象，开拓中国网络科技市场，传播中国传统网络科技新理念，让世界感知、了解、热爱中国传统文化。</p>
<p style="margin-top: 30px;">
作为一家刚成立的网络科技公司，我们始终坚持“诚信、务实、创新、超越”的核心价值观，全面贯彻“以零缺陷为最终目标，以高质量为起点要求”的服务宗旨，以“双赢才能合作，合作才能发展”得发展策略，以“人无我有，人有我精”的创新理念，成功打造，成为网视觉时代新的潮流！</p>
<p style="margin-top: 30px;">公司自成立以来，以与时俱进的理念，强大的网络平台、专业的制作团队、熟悉市场的营销队伍以及独具特色的传播渠道，竭力打造中国传统文化新形象，开拓中国网络科技市场，传播中国传统网络科技新理念，让世界感知、了解、热爱中国传统文化。</p>
<p style="margin-top: 30px;">作为一家刚成立的网络科技公司，我们始终坚持“诚信、务实、创新、超越”的核心价值观，全面贯彻“以零缺陷为最终目标，以高质量为起点要求”的服务宗旨，以“双赢才能合作，合作才能发展”得发展策略，以“人无我有，人有我精”的创新理念，成功打造，成为网视觉时代新的潮流！</p>
</div>
</div>
<div class="body_part" id="d1">
<div class="part_title">根据你的手机，选择下载</div>
<div class="load_box">
<a href="https://fir.im/rtcu"><img class="load_logo" src="./guanwang/img/编组%204@2x.png"></a>
<img class="load_logo" src="./guanwang/img/编组%204备份@2x.png">
<!-- <img class="load_logo" src="../img/编组%204备份%202@2x.png" > -->
<!-- <img class="load_logo" src="../img/编组%2013@2x.png" > -->
<a href="https://fir.im/rtcu"><img class="load_logo" src="./guanwang/img/编组%204@2x.png" ></a>
<img class="load_logo" src="./guanwang/img/编组%204备份@2x.png" >
<div class="load_logos">
<img class="ewm_img" src="./guanwang/img/编组%2013@2x.png">
</div>
<img class="ewm_img" src="./guanwang/img/编组%2013@2x.png" >
</div>
</div>
<div class="body_part" id="d2">
<ul>
<li>
<p class="tit">
<a target="blank" href="xxxx">用户帮助<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/22.html">支付宝充值疑难<span
class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/21.html">微信支付提示网络环境未通过安全验证<span
class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/19.html">功能介绍<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/14.html">公会长无法开播的说明<span class="arrows"></span></a>
</p>
</li>
<li>
<p class="tit"><a href="/join.html">趣秀招聘<span class="arrows"></span></a></p>
<p class="con">无论你是产品、技术还是设计大师，</p>
<p class="con">又或者在其他方面有所建树，</p>
<p class="con">随时欢迎热爱互联网的你，</p>
<p class="con">与凡骄一起创造更好的社交体验</p>
</li>
<li>
<p class="tit"><a target="blank" href="/news.html">趣秀动态<span class="arrows"></span></a></p>
<p class="con">
<a target="blank" href="/news/50.html">趣秀-在线直播交友<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/news/49.html">直播为什么能这么火，潜在机会有多少？<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/news/46.html">这个年会有点怪！！<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/news/44.html">趣秀娱乐直播谱写“多元化直播+”新方向<span class="arrows"></span></a>
</p>
</li>
</ul>
</div>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="../img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
<span style="margin-right: 30px;opacity: .5;"><a href="http://www.beian.miit.gov.cn" target="_blank" style="color: #fff;">豫ICP备19025409号-1</a></span>
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="./guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</div>
<script src="./guanwang/js/jquery-1.7.2.min.js"></script>
<script src="./guanwang/js/vue.js"></script>
<script>
$('.white-bg-service').mouseenter(function() {
$(this).find(".down-list").css("display","block")
});
$('.white-bg-service').mouseleave(function() {
$(this).find(".down-list").css("display","none")
var vm = new Vue({
el: '#app',
data: {
//数据集
group: [{
}]
},
methods: {
//事件
},
watch: {
//数据监测函数
},
created: function () {
//加载触发函数
}
});
</script>
</body>
......
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