udxcms 1.0.9 → 1.0.10

package/dist/components/pageComponents/h5/IndexWallet.vue

@@ -1,225 +0,0 @@
-<!--
- * @Descripttion:
- * @version:
- * @Author:
- * @Date: 2021-05-29 16:04:29
- * @LastEditors: Lewis
- * @LastEditTime: 2021-08-31 13:04:20
--->
-<template>
-    <div class='first-page'>
-        <div class="home" id='first_page'>
-           <Top class="top" :active='active'/>
-           <div class='is-wallet'>
-               <div class='top-img'>
-                   <img :src="require('../../../assets/h5/firstPage/home-top-logo.png')" alt="">
-               </div>
-               <div class='first'>
-                    <div class='title'>Wallet is me.</div>
-                    <div class='subtitle'>Worldwide pioneering cross-chain payment wallet based on zero-knowledge proof algorithm.</div>
-               </div>
-               <div class='top-btn'>
-                   <button>Button</button>
-               </div>
-               <div class='two'>
-                    <div class='title'>Our ecosystem</div>
-                    <div class='subtitle'>Worldwide pioneering cross-chain payment wallet based on zero-knowledge proof algorithm.</div>
-               </div>
-               <div class='three three-card'>
-                    <img :src="require('../../../assets/h5/firstPage/home-two1.svg')" alt="" />
-                    <div class='title'>Cross-chain payment</div>
-                    <div class='subtitle'>Take full control of your crypto, digital art, and more by storing privately and securely on your own device.</div>
-               </div>
-               <div class='three-card'>
-                    <img :src="require('../../../assets/h5/firstPage/home-two2.svg')" alt="" />
-                    <div class='title'>Ultra Security</div>
-                    <div class='subtitle'>Take full control of your crypto, digital art, and more by storing privately and securely on your own device.</div>
-               </div>
-               <div class='three-card'>
-                    <img :src="require('../../../assets/h5/firstPage/home-two3.svg')" alt="" />
-                    <div class='title'>100,000+ TPS</div>
-                    <div class='subtitle'>Take full control of your crypto, digital art, and more by storing privately and securely on your own device.</div>
-               </div>
-               <div class='six'>
-                    <div class='title'>All crypto and NFTs in one place.</div>
-                    <div class='subtitle'>Worldwide pioneering cross-chain payment wallet based on zero-knowledge proof algorithm.</div>
-               </div>
-               <div class='seven'>
-                   <img :src="require('../../../assets/h5/firstPage/home-bottom-bg.png')" alt="">
-               </div>
-               <div class='eight'>
-                    <div class='title'>Get started just in one minute</div>
-                    <div class='subtitle'>isWallet supports a variety of the most popular digital currencies.</div>
-                    <div class='eight-items'>
-                        <div class='item'>
-                            <img :src="require('../../../assets/h5/firstPage/WalletConnect.svg')" alt="" />
-                            <div class='content'>1.Connect your wallet</div>
-                        </div>
-                        <div class='item'>
-                            <img :src="require('../../../assets/h5/firstPage/ETH.svg')" alt="" />
-                            <div class='content'>2.Deposit your coins</div>
-                        </div>
-                        <div class='item'>
-                            <img :src="require('../../../assets/h5/firstPage/L2.svg')" alt="" />
-                            <div class='content'>3.Activate L2 account</div>
-                        </div>
-                    </div>
-               </div>
-           </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: 'first-page',
-        data() {
-            return {
-                linkArr: [],
-                scrollTop: 200,
-                active: false,
-                blockOverview: {},
-                innerHeight: window.innerHeight
-            }
-        },
-        created() {
-        },
-        mounted() {
-        },
-        methods: {
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    img {
-        display: inline-block;
-    }
-    .home {
-        position: relative;
-        width: 100vw;
-        height: 100vh;
-        z-index:1;
-        background: white;
-        background-size: contain;
-        background-repeat:no-repeat;
-        text-align: center;
-        overflow-y: auto;
-        overflow-x: hidden;
-        .is-wallet {
-            padding-top: 72px;
-            .top-img {
-                padding-top: 44px;
-                text-align: center;
-                img {
-                    width: 243px;
-                    height: 144px;
-                }
-            }
-            .title {
-                padding: 0 20px;
-                font-size: 28px;
-                font-family: FontMedium;
-
-                text-align: center;
-                color: var(--text-color);
-            }
-            .subtitle {
-                padding: 20px 20px 0 20px;
-                font-size: 15px;
-                font-family: Font;
-
-                text-align: center;
-                color: #3d5066;
-            }
-            .first {
-                margin-top: 30px;
-                .title {
-                    line-height: 42px;
-                }
-            }
-            .top-btn {
-                margin-top: 40px;
-                text-align: center;
-                button {
-                    width: 210px;
-                    height: 58px;
-                    line-height: 58px;
-                    opacity: 1;
-                    border: 2px solid #e6017a;
-                    border-radius: 30px;
-                    font-size: 18px;
-                    font-family: FontSemiBold;
-                    text-align: center;
-                    color: #e5087e;
-                    background: none;
-                }
-            }
-            .two {
-                margin-top: 40px;
-                .title {
-                    font-size: 35px;
-                    line-height: 52px;
-                }
-            }
-            .three {
-                margin-top: 40px;
-            }
-            .three-card {
-                margin-bottom: 10px;
-                text-align: center;
-                padding: 20px 20px 60px 20px;
-                background: rgba(252,252,252,1);
-                img {
-                    width: 170px;
-                    height: auto;
-                }
-                .title {
-                    margin-top: 12px;
-                    font-size: 24px;
-                    line-height: 35px;
-                }
-            }
-            .six {
-                margin-top: 40px;
-                .title {
-                    font-size: 35px;
-                    line-height: 52px;
-                }
-            }
-            .seven {
-                margin-top: 40px;
-                img {
-                    height: 273px;
-                    width: 100%;
-                }
-            }
-            .eight {
-                margin-top: 40px;
-                padding: 0 20px 0 20px;
-                .eight-items {
-                    margin-top: 20px;
-                    .item {
-                        display: flex;
-                        height: 114px;
-                        align-items: center;
-                        background: rgba(252,252,252,1);
-                        padding: 25px;
-                        img {
-                            width: 64px;
-                            height: 64px;
-                        }
-                        .content {
-                            margin-left: 16px;
-                            font-size: 18px;
-                            font-family: Font;
-
-                            text-align: center;
-                            color: var(--text-color);
-                        }
-                    }
-                }
-            }
-        }
-    }
-</style>