youngS
4 years ago
parent
19b82de65f
commit
30db4882b4
@ -1,16 +0,0 @@ |
||||
window.g = { |
||||
baseUrl: 'https://app.hehelucky.cn', |
||||
PaymentQuestionMsg:'如对充值订单有疑问，请联系 nineven@qq.com', |
||||
footer: { |
||||
copyright: 'Copyright © 2017-2020 第九系艾文 版权所有.', |
||||
ipcBeiAn: { |
||||
url: 'https://beian.miit.gov.cn', |
||||
text: '豫ICP备15004336号-3', |
||||
}, |
||||
gongAnBeiAn: { |
||||
url: 'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41142202000049', |
||||
text: '豫公网安备 41142202000049号', |
||||
}, |
||||
} |
||||
|
||||
}; |
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 22 KiB |
@ -0,0 +1,69 @@ |
||||
<template> |
||||
<div class="ContactUs"> |
||||
<div> |
||||
<h3>联系我们</h3> |
||||
<p style="color:#b2b2b2">Contact us</p> |
||||
</div> |
||||
|
||||
|
||||
<div class="content"> |
||||
<div class="item"><p>技术咨询</p> |
||||
</div> |
||||
<el-divider direction="vertical"/> |
||||
<div class="item"><p>商务合作</p> |
||||
</div> |
||||
<el-divider direction="vertical"/> |
||||
<div class="item"><p style="margin-bottom: 16px">应用举报</p> |
||||
</div> |
||||
<p><b>flyapps@126.com</b></p> |
||||
<el-tooltip content="拿出手机扫描添加微信" style="margin-top: 33px"> |
||||
<el-image :lazy="true" :src="require('@/assets/wxchat.jpg')" style="width: 160px" alt="扫描添加微信"> |
||||
</el-image> |
||||
</el-tooltip> |
||||
|
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "FirContact", |
||||
data() { |
||||
return { |
||||
bg_img: require("@/assets/imgs/banner_1.jpg") |
||||
} |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.ContactUs { |
||||
text-align: center; |
||||
|
||||
} |
||||
|
||||
.content { |
||||
width: 942px; |
||||
margin: 80px auto 160px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.item { |
||||
display: inline-block; |
||||
font-size: 14px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.item p { |
||||
font-size: 16px; |
||||
color: #8C9293; |
||||
} |
||||
|
||||
.item p b { |
||||
font-size: 30px; |
||||
color: #313639; |
||||
font-weight: 400; |
||||
letter-spacing: 2.5px; |
||||
} |
||||
|
||||
</style> |
||||
@ -0,0 +1,213 @@ |
||||
<template> |
||||
<div class="NewsInformation"> |
||||
<div> |
||||
<div class="text-center"> |
||||
<h3>新闻动态</h3> |
||||
<p style="color:#b2b2b2">Company News</p> |
||||
</div> |
||||
<div class="nav text-center"> |
||||
<a href="#" class="active">公司新闻</a> |
||||
<a href="#">行业动态</a> |
||||
</div> |
||||
<ul class="news-container"> |
||||
<li v-for="(item,index) in newsList" :key="index"> |
||||
<div class="content"> |
||||
<p>{{item.title}}</p> |
||||
<p>{{item.introduce}}</p> |
||||
</div> |
||||
<div class="time"> |
||||
<p>{{item.date}}</p> |
||||
<span>{{item.year}}</span> |
||||
</div> |
||||
<div class="circle"> |
||||
<img :src="require('@/assets/imgs/circle.png')"> |
||||
<i class="center-block"></i> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "FirNews", |
||||
data() { |
||||
return { |
||||
show: false, |
||||
newsList: [ |
||||
{ |
||||
id: '001', |
||||
title: '现有版本', |
||||
introduce: '经过好长时间的编写，平台已经支持超级签名，权限管理，自定义域名，自定义存储', |
||||
date: '03-26', |
||||
year: '2021' |
||||
}, { |
||||
id: '002', |
||||
title: '发布第一个版本', |
||||
introduce: '只是简单的一个应用分发，然后再测试服进行分发测试', |
||||
date: '11-24', |
||||
year: '2019' |
||||
}, { |
||||
id: '003', |
||||
title: '撸代码', |
||||
introduce: '资源，签名方式，想法都已经准备好，正式写代码', |
||||
date: '10-10', |
||||
year: '2019' |
||||
}, { |
||||
id: '004', |
||||
title: '开始行动', |
||||
introduce: '网上找了些资源，然后进行设计，也找了些linux平台签名方式', |
||||
date: '08-20', |
||||
year: '2019' |
||||
}, { |
||||
id: '005', |
||||
title: '行动前准备', |
||||
introduce: '通过互联网查询，发现了fir平台，但是fir平台只支持应用分发，还不可以iOS签名', |
||||
date: '06-03', |
||||
year: '2019' |
||||
}, { |
||||
id: '006', |
||||
title: '萌发新想法', |
||||
introduce: 'iOS测试打包，应用分发复杂繁琐，怎么可以一站式分发安卓和苹果应用？', |
||||
date: '05-24', |
||||
year: '2019' |
||||
} |
||||
] |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.show = true; |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.NewsInformation { |
||||
text-align: center; |
||||
} |
||||
|
||||
.nav { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.nav > a { |
||||
display: inline-block; |
||||
text-decoration: none; |
||||
width: 120px; |
||||
height: 45px; |
||||
line-height: 45px; |
||||
color: #333; |
||||
border: 1px solid #333; |
||||
} |
||||
|
||||
.nav > a.active { |
||||
color: #1e73be; |
||||
border-color: #1e73be; |
||||
} |
||||
|
||||
.nav > a:hover { |
||||
color: #1e73be; |
||||
border-color: #1e73be; |
||||
} |
||||
|
||||
.news-container { |
||||
overflow: hidden; |
||||
margin-bottom: 0; |
||||
width: 1140px; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
list-style: none; |
||||
} |
||||
|
||||
.news-container > li { |
||||
width: 55.45%; |
||||
height: 120px; |
||||
float: left; |
||||
color: #333; |
||||
text-align: right; |
||||
border-left: 1px solid transparent; |
||||
border-right: 1px solid transparent; |
||||
} |
||||
|
||||
.news-container > li:hover { |
||||
color: #1e73be; |
||||
/*border: 1px solid #1e73be;*/ |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.news-container > li:nth-of-type(2n) { |
||||
float: right; |
||||
text-align: left; |
||||
} |
||||
|
||||
.news-container > li > .content { |
||||
width: 60%; |
||||
float: left; |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
.news-container > li > .time { |
||||
width: 20%; |
||||
float: left; |
||||
padding: 10px 0; |
||||
} |
||||
|
||||
.news-container > li > .time > p { |
||||
font-size: 30px; |
||||
margin: 5px 0; |
||||
} |
||||
|
||||
.news-container > li > .circle { |
||||
width: 20%; |
||||
height: 100%; |
||||
float: left; |
||||
position: relative; |
||||
} |
||||
|
||||
.news-container > li > .circle > img { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
margin: auto; |
||||
width: 20px; |
||||
height: 20px; |
||||
} |
||||
|
||||
.news-container > li > .circle > i { |
||||
display: block; |
||||
width: 1px; |
||||
height: 100%; |
||||
background: #707070; |
||||
} |
||||
|
||||
.news-container > li:nth-of-type(2n) > .content { |
||||
float: right; |
||||
} |
||||
|
||||
.news-container > li:nth-of-type(2n) > .time { |
||||
float: right; |
||||
} |
||||
|
||||
.news-container > li:nth-of-type(2n) > .circle { |
||||
float: right; |
||||
} |
||||
|
||||
.news-container > li:nth-of-type(1) > .circle > i { |
||||
height: 50%; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
} |
||||
|
||||
.center-block { |
||||
display: block; |
||||
margin-right: auto; |
||||
margin-left: auto |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue