Commit 68240c63 authored by xhx's avatar xhx

界面调整

parent 39b9c0c9
src/assets/images/mobile/bitgo.png

7.55 KB | W: | H:

src/assets/images/mobile/bitgo.png

7.13 KB | W: | H:

src/assets/images/mobile/bitgo.png
src/assets/images/mobile/bitgo.png
src/assets/images/mobile/bitgo.png
src/assets/images/mobile/bitgo.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/mobile/fxh.png

11.2 KB | W: | H:

src/assets/images/mobile/fxh.png

10.8 KB | W: | H:

src/assets/images/mobile/fxh.png
src/assets/images/mobile/fxh.png
src/assets/images/mobile/fxh.png
src/assets/images/mobile/fxh.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/mobile/m-me-e.png

200 KB | W: | H:

src/assets/images/mobile/m-me-e.png

202 KB | W: | H:

src/assets/images/mobile/m-me-e.png
src/assets/images/mobile/m-me-e.png
src/assets/images/mobile/m-me-e.png
src/assets/images/mobile/m-me-e.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/mobile/mt.png

17.3 KB | W: | H:

src/assets/images/mobile/mt.png

16.8 KB | W: | H:

src/assets/images/mobile/mt.png
src/assets/images/mobile/mt.png
src/assets/images/mobile/mt.png
src/assets/images/mobile/mt.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -5,12 +5,12 @@ export const lang = {
email: 'email',
zh: 'Chinese',
en: 'English',
YUANLIAN: 'YUANLIAN',
YUANLIAN: 'YUANCHAIN',
title: 'Enterprise Blockchain SaaS Platform',
bannerDesc: 'Making Blockchain Easy in the World',
whatIs: "What's YUANCHAIN?",
mission: 'Mission',
missionText: 'YUANCHAIN (YCCa new generation of basic application public chains. Based on the YUANCHAIN public chain network, it is naturally suitable for building application contracts such as Defi, NFT, Dao, etc. By building an innovative POS33 consensus mechanism, YUANCHAIN is able to achieve fast block verification and generation while ensuring decentralization, balancing credibility and performance. To address the ecosystem expansion of application-based public chain, the YUANCHAIN supports the expansion of a two-layer and multi-chain architecture to create parallel public parachain on the basis of themain chain consensus, to improve performance and ecosystem expansion.',
missionText: 'YUANCHAIN (YCC), a new generation of basic application public chains. Based on the YUANCHAIN public chain network, it is naturally suitable for building application contracts such as Defi, NFT, Dao, etc. By building an innovative POS33 consensus mechanism, YUANCHAIN is able to achieve fast block verification and generation while ensuring decentralization, balancing credibility and performance. To address the ecosystem expansion of application-based public chain, the YUANCHAIN supports the expansion of a two-layer and multi-chain architecture to create parallel public parachain on the basis of themain chain consensus, to improve performance and ecosystem expansion.',
feature: 'Technical features',
FT1: '1.Main chain stability is similar to the Bitcoin, without virtual machines and has high concurrency, the TPS can reach 10,000 levels in the future.',
FT2: '2.The primary hash logs on the parachain are written to the main chain, ensuring it is tamper-proof.',
......@@ -47,7 +47,7 @@ export const lang = {
fund: 'Community Fund',
FundText: 'Part of the block generation is allocated to the Community Development Fund, which assists the YUANCHAIN community in technology research and development, community promotion, tax expenditures, and project operation expenditures',
Consensus: 'Consensus Mechanism',
ConT1: 'YUANCHAIN mainnet uses the innovative POS33 consensus mechanism. Introducing A jury mechanism built by the verifiable random function (VRF) on the basis of the traditional POS consensus mechanism, which can achieve rapid block generation and verification while ensuring decentralization, balancing credibility and performance.',
ConT1: 'YUANCHAIN mainnet uses the innovative POS33 consensus mechanism. Introducing a jury mechanism built by the Verifiable Random Function (VRF) on the basis of the traditional POS consensus mechanism, which can achieve rapid block generation and verification while ensuring decentralization, balancing credibility and performance.',
ConT2: 'Each node of YUANCHAIN mainnet obtains votes by pledging YCC on the blockchain. YCC and votes are pledged in the ratio of 10000:1. For example, users pledge 100,000 YCC to obtain 10 votes.',
ConT3: 'Each node of YUANCHAIN mainnet signs the seed hash of the vote with its private key and calculates a hash value. Then a verifiable random function(VRF)is introduced to confirm that the node with a hash value less than a set threshold can be selected as a jury member. The node with the smallest hash value is confirmed by a vote of the jury members and completes the block generation after becoming the main judge. After that, the next round of jury election will be conducted.',
point: 'One click to issue points',
......@@ -65,7 +65,7 @@ export const lang = {
SC3: 'Commodity Trading',
SC3T: 'Blockchain exchanges, equity, debt, futures, forex, commodities, etc.',
SC4: 'Global Points Alliance',
SC4T: 'Establishing a globa lpoints alliance with a multi-layered blockchain of public and permission chains',
SC4T: 'Establishing a global points alliance with a multi-layered blockchain of public and permissioned chains',
SC5: 'Blockchain for Government',
SC5T: 'Identity management, business registration, taxation, etc.',
SC6: 'Financial Accounting System',
......
......@@ -12,12 +12,12 @@ export const lang = {
mission: '使命',
missionText: '原链YCC新一代基础型应用公链。基于原链YCC公链网络,天然适合构建 Defi、NFT、Dao等应用合约。原链YCC通过构建创新性的POS33共识机制,其在保证去中心化的同时,能够实现区块的快速验证与生成,兼顾公信与性能。为满足应用型公链生态扩建,原链YCC支持双层多链区块链架构拓展,在主链共识的基础上,打造平行公链,实现性能提升,生态扩展。',
feature: '原链YCC技术特点',
FT1: '1. 主链稳定性类比比特币,无虚拟机,高并发,未来每秒TPS可达万级别;',
FT1: '1. 主链稳定性类比比特币,无虚拟机,高并发,未来TPS可达万级别;',
FT2: '2. 平行链主要哈希日志写入主链,确保不可篡改;',
FT3: '3. 可在平行链上灵活使用智能合约及虚拟机,不会影响主链的稳定及安全;',
FT4: '4. 平行链和主链跨链互动高效稳定,兼顾了主链的权威性及平行链的多样性;',
FT5: '5. 共识算法创新POS33+BFT,选取部分持币节点作为区块生产者和区块验证节点,类似陪审团制,兼顾公正及高效的共识;',
FT6: '6. 原链支持跨链桥,可与比特币以太坊网络实现跨链代币交易。',
FT3: '3. 可在平行链上灵活部署智能合约,不会影响主链的稳定及安全;',
FT4: '4. 平行链和主链跨链互动高效稳定,兼顾了主链的安全性及平行链的多样性;',
FT5: '5. 共识算法采用创新型的POS33共识机制,选取部分持币节点作为区块生产者和区块验证节点,类似陪审团制,兼顾公正及高效的共识;',
FT6: '6. 原链支持跨链桥,可与比特币以太坊网络实现跨链代币交易。',
application: '原链YCC应用',
APPT: '技术支持:Defi、NFT、社交代币、企业白条、资产上链及交易、积分商城、溯源存证、钱包等。',
APPO: '潜在应用领域:鲜花、礼品、手机、节能、宠物、餐饮、环保、汽车、家电、服装、电力、健康、教育、建筑、地产、贸易、艺术品、聊天、公安、法院、政务等。',
......@@ -35,15 +35,15 @@ export const lang = {
cross: '跨链',
CText: '原链系统支持公链、联盟链、私链间数字资产和数字货币在不同链上无障碍流通',
latency: '低延时',
LText: '最小区块间隔仅1S,可应用于金融交易所、智能机器人、工业4.0、大数据处理等高性能要求场景',
LText: '最小区块间隔仅1s,可应用于金融交易所、智能机器人、工业4.0、大数据处理等高性能需求场景',
concurrency: '高并发',
CCText: '公链并发量>10000笔/秒,联盟链、私链并发量>100000笔/秒',
heterogeneous: '异构',
HeText: '即使在不同的节点,由不同的开发人员,使用不同的开发语言,只要规则一致,智能合约的运算结果就一致',
security: '安全',
SecText: '公链、联盟链、私链跨链身份认证及管理,节点服务器的行为和指纹识别设备,可防多类攻击',
SecText: '公链、联盟链、私链跨链身份认证及管理,节点服务器可结合硬件设备,防范多类攻击',
environment: '绿色',
EnvText: '用户可以委托挖矿共识节点参与投票与投票记账,即可实现代理挖矿',
EnvText: '用户可以委托挖矿共识节点参与投票与投票记账,实现代理挖矿',
fund: '社区基金',
FundText: '区块产出中,一部分划入社区发展基金,用于助力原链社区技术研发、社区推广、税务支出、项目运营的经费支出',
Consensus: '共识机制',
......@@ -61,7 +61,7 @@ export const lang = {
SC1: '溯源',
SC1T: '产品溯源、工程管理溯源等',
SC2: '供应链管理',
SC2T: '商品订单、设计、釆购、制造、交货供应链,全程用区块链管理',
SC2T: '商品订单、设计、采购、制造、交货供应链实现商品货物全生命周期管理',
SC3: '商品交易',
SC3T: '区块链交易所、股权、债权、期货、外汇、商品等',
SC4: '全球积分联盟',
......
......@@ -26,24 +26,24 @@
</ul>
<h6 class="text-sm text-text-color text-center mt-4 mb-4">{{ $t('lang.partner') }}</h6>
<ul class="m-links px-5 flex flex-wrap justify-around items-center">
<li>
<a href="https://guodunc.cn/" target="_blank">
<!-- <li>
<a href="https://guodunc.cn/TFP/mall/index.aspx" target="_blank">
<img src="@/assets/images/mobile/gd.png" alt="guodun">
</a>
</li>
</li> -->
<li>
<a href="https://www.feixiaohao.com/" target="_blank">
<img src="@/assets/images/mobile/fxh.png" alt="feixiaohao">
<img class="sm-img" src="@/assets/images/mobile/fxh.png" alt="feixiaohao">
</a>
</li>
<li>
<a href="https://www.mytokencap.com/" target="_blank">
<img src="@/assets/images/mobile/mt.png" alt="mytoken">
<a href="https://bitgo.cc/" target="_blank">
<img class="sm-img" src="@/assets/images/mobile/bitgo.png" alt="bitgo">
</a>
</li>
<li>
<a href="https://bitgo.cc/" target="_blank">
<img src="@/assets/images/mobile/bitgo.png" alt="bitgo">
<a href="https://www.mytokencap.com/" target="_blank">
<img class="sm-img" src="@/assets/images/mobile/mt.png" alt="mytoken">
</a>
</li>
</ul>
......@@ -54,6 +54,9 @@
.m-links li a img {
width: 120px;
}
.m-links li a img.sm-img {
width: 80px;
}
.m-links li:nth-of-type(n-2) {
margin-bottom: 20px;
}
......
......@@ -31,6 +31,14 @@ export default Vue.extend({
bottom: '50%',
}
},
// computed: {
// itemWidth() {
// return this.initShow ? 45 : 95
// },
// itemHeight() {
// return this.initShow ? 40 : 249
// }
// },
props: {
initShow: Boolean,
gapWidth:{
......@@ -47,12 +55,30 @@ export default Vue.extend({
this.$emit('changeShow', !this.initShow)
}
},
watch: {
initShow(n) {
if (n) {
this.itemWidth = 45
this.itemHeight = 40
} else {
this.itemWidth = 95
this.itemHeight = 249
if (parseFloat(this.bottom) > this.clientHeight - this.itemHeight) {
this.bottom = this.clientHeight - this.itemHeight + 'px'
}
}
}
},
mounted() {
this.clientWidth = document.documentElement.clientWidth || document.body.clientWidth
this.clientHeight = document.documentElement.clientHeight || document.body.clientHeight
this.clientWidth = window.innerWidth
this.clientHeight = window.innerHeight
window.onresize = () => {
this.clientWidth = document.documentElement.clientWidth || document.body.clientWidth
this.clientHeight = document.documentElement.clientHeight || document.body.clientHeight
this.clientWidth = window.innerWidth
this.clientHeight = window.innerHeight
}
window.onscroll = () => {
this.clientWidth = window.innerWidth
this.clientHeight = window.innerHeight
}
this.$nextTick(()=>{
const div = this.$refs.div as any;
......
......@@ -3,21 +3,21 @@
<div class="banner_content md:w-bodySet">
<img class="mb-7" src="@/assets/images/home/ycc.png" alt="YCC" width="215">
<div class="flex mb-5">
<p class="text-4xl" style="color: #3D5EE9"><span class="mr-5 tracking-widest" style="color: #FFA457" :class="{'block': enStyle, 'inline-block': !enStyle, 'leading-normal': enStyle}">{{ $t('lang.YUANLIAN') }}</span>{{ $t('lang.title') }}</p>
<p class="text-4xl" style="color: #3D5EE9"><span class="mr-5" style="color: #FFA457" :class="{'block': enStyle, 'inline-block': !enStyle, 'tracking-widest': !enStyle}">{{ $t('lang.YUANLIAN') }}</span>{{ $t('lang.title') }}</p>
</div>
<p class="text-left mb-8 text-28px text-footer-color font-light" :style="{'letter-spacing': enStyle ? 'normal' : '8px'}">{{ $t('lang.bannerDesc') }}</p>
<div v-show="!enStyle" class="qrcode_box flex justify-evenly items-center mb-28">
<div class="qrcode_item flex flex-col items-center">
<img src="@/assets/images/home/wx2.png" alt="">
<p class="text-xs font_9">微信群:chain-vc (发ycc100进群)</p>
<p class="text-xs font_9 pl-0.5">微信群:chain-vc (发"ycc100"进群)</p>
</div>
<div class="qrcode_item flex flex-col items-center">
<img src="@/assets/images/home/qq.png" alt="">
<p class="text-xs font_9">QQ:1683656222 (扫一扫联系客服)</p>
<p class="text-xs font_9 pl-0.5">QQ:1683656222 (扫一扫联系客服)</p>
</div>
<div class="qrcode_item flex flex-col items-center">
<img src="@/assets/images/home/wx1.png" alt="">
<p class="text-xs font_9">微信:kuangfuwu (扫一扫联系客服)</p>
<p class="text-xs font_9 pl-0.5">微信:kuangfuwu (扫一扫联系客服)</p>
</div>
</div>
<p class="text-28px text-left text-title-color" :style="{'marginTop': enStyle ? '242px' : ''}">{{ $t('lang.whatIs') }}</p>
......@@ -66,6 +66,5 @@ export default Vue.extend({
}
.font_9 {
color: #546AA8;
padding-left: 7px;
}
</style>
\ No newline at end of file
......@@ -8,22 +8,24 @@
<li class="text-sm text-white px-8"><a href="https://www.8btc.com/" target="_blank">{{ $t('lang.bit') }}</a></li>
<li class="text-sm text-white px-8"><a href="https://www.reddit.com/user/yuanchain/" target="_blank">Reddit</a></li>
<li class="text-sm text-white px-8"><a href="https://www.facebook.com/Yuan-Chain-380711552463031/" target="_blank">Facebook</a></li>
<li class="text-sm text-white px-8"><a href="https://www.linkedin.com/company/yuan-chain/" target="_blank">Linkedin</a></li>
<li class="text-sm text-white px-8"><a href="https://bitcointalk.org/index.php?topic=2741373.msg28028807#msg28028807" target="_blank">Bitcointalk</a></li>
<li class="text-sm text-white px-8"><a href="https://www.linkedin.com/company/yuan-chain/" target="_blank">LinkedIn</a></li>
<!-- <li class="text-sm text-white px-8"><a href="https://bitcointalk.org/index.php?topic=2741373.msg28028807#msg28028807" target="_blank">Bitcointalk</a></li> -->
</ul>
</div>
</div>
<div v-else class="mobile-footer pl-16 pr-6 flex justify-center items-center" :class="{'m-footer': $route.path === '/home', ' bg-footer-color': $route.path !== '/home'}">
<div v-else class="mobile-footer pl-16 pr-6 flex justify-center items-center w-full" :class="{'m-footer': $route.path === '/home', ' bg-footer-color': $route.path !== '/home'}">
<div class="flex-shrink-0">
<img src="@/assets/images/footer/footer-m.png" width="38" alt="yuanlian">
</div>
<div class="mobile-items ml-12 flex flex-wrap justify-around items-center">
<div class=" flex flex-col ml-12">
<div class="text-sm text-white leading-loose">{{ $t('lang.community') }}</div>
<div class="mobile-items flex flex-wrap justify-around items-center">
<div class="text-xs text-white leading-loose"><a href="https://www.8btc.com/" target="_blank">{{ $t('lang.bit') }}</a></div>
<div class="text-xs text-white leading-loose"><a href="https://www.reddit.com/user/yuanchain/" target="_blank">Reddit</a></div>
<div class="text-xs text-white leading-loose"><a href="https://www.facebook.com/Yuan-Chain-380711552463031/" target="_blank">Facebook</a></div>
<div class="text-xs text-white leading-loose"><a href="https://www.linkedin.com/company/yuan-chain/" target="_blank">Linkedin</a></div>
<div class="text-xs text-white leading-loose"><a href="https://bitcointalk.org/index.php?topic=2741373.msg28028807#msg28028807" target="_blank">Bitcointalk</a></div>
<div class="text-xs text-white leading-loose"><a href="https://www.linkedin.com/company/yuan-chain/" target="_blank">LinkedIn</a></div>
<!-- <div class="text-xs text-white leading-loose"><a href="https://bitcointalk.org/index.php?topic=2741373.msg28028807#msg28028807" target="_blank">Bitcointalk</a></div> -->
</div>
</div>
</div>
</div>
......
......@@ -28,7 +28,7 @@
</div>
<div v-else class="w-full flex justify-between items-center bg-white" style="height: 44px" :style="{'border-bottom': $route.path !== '/home' ? '1px solid #F2F2F2' : 'none' }">
<div class="logo mx-3.5">
<img src="@/assets/images/header/logo.png" alt="logo" width="164">
<img src="@/assets/images/header/logo-m.png" alt="logo" width="164">
</div>
<div class="flex justify-between items-center">
<div class="relative">
......
......@@ -37,11 +37,11 @@
<div class="mb-12">
<h4 class="text-lg mt-12 mb-8 text-text-color text-center">{{ $t('lang.partner') }}</h4>
<ul class="links flex justify-center items-center">
<li>
<a href="https://guodunc.cn/" target="_blank">
<!-- <li>
<a href="https://guodunc.cn/TFP/mall/index.aspx" target="_blank">
<img src="@/assets/images/home/guodun.png" alt="guodun">
</a>
</li>
</li> -->
<li>
<a href="https://www.feixiaohao.com/" target="_blank">
<img src="@/assets/images/home/feixiaohao.png" alt="feixiaohao">
......
......@@ -270,6 +270,7 @@ module.exports = {
'32px': ['32px', { lineHeight: '1.5' }],
'24px': ['24px', { lineHeight: '1.5' }],
'20px': ['20px', { lineHeight: '1.5' }],
'10px': ['10px', { lineHeight: '1.5' }]
},
fontWeight: {
thin: '100',
......
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