create-dubhe 0.1.6 → 0.1.8

package/template/nextjs/aptos-template/src/components/Animation.tsx

@@ -1,80 +1,70 @@
-import * as React from 'react'
-import {motion} from "framer-motion";
+import * as React from 'react';
+import { motion } from 'framer-motion';
 
 //滑动指定位置的动画效果
 const visible = { opacity: 1, y: 0, transition: { duration: 0.5 } };
 
 const itemVariants = {
-    hidden: { opacity: 0, y: 40 },
-    visible
+  hidden: { opacity: 0, y: 40 },
+  visible,
 };
 const InertiaTitle = ({ children }: { children: React.ReactNode }) => {
-
-    return (
-        <motion.div
-            initial={{ opacity: 0 ,y:100}}
-            whileInView={{ opacity: 1 ,y:0 }}
-            exit={{ opacity: 0, transition: { duration: 1 } }}
-            variants={{ visible: {
-                    opacity: 1,
-                    transition: { duration: 2 }
-                } }}
-            transition={{ type: "inertia", velocity: 180 }}
-            viewport={{ once: true }}
-        >
-            <div  className="w-full">
-                {children}
-            </div>
-        </motion.div>
-
-
-    )
-}
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 100 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, transition: { duration: 1 } }}
+      variants={{
+        visible: {
+          opacity: 1,
+          transition: { duration: 2 },
+        },
+      }}
+      transition={{ type: 'inertia', velocity: 180 }}
+      viewport={{ once: true }}
+    >
+      <div className="w-full">{children}</div>
+    </motion.div>
+  );
+};
 const TweenTitle = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 100 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, transition: { duration: 1 } }}
+      variants={{
+        visible: {
+          opacity: 1,
+          transition: { duration: 2 },
+        },
+      }}
+      transition={{ duration: 1, type: 'tween', delay: 0.01 }}
+      viewport={{ once: true }}
+    >
+      <div className="w-full">{children}</div>
+    </motion.div>
+  );
+};
 
-    return (
-        <motion.div
-            initial={{ opacity: 0 ,y:100}}
-            whileInView={{ opacity: 1 ,y:0 }}
-            exit={{ opacity: 0, transition: { duration: 1 } }}
-            variants={{ visible: {
-                    opacity: 1,
-                    transition: { duration: 2 }
-                } }}
-            transition={{ duration: 1, type: "tween",delay: 0.01 }}
-
-            viewport={{ once: true }}
-        >
-            <div  className="w-full">
-                {children}
-            </div>
-        </motion.div>
-
-
-    )
-}
-
- const Animation = ({ children }: { children: React.ReactNode }) => {
-
-    return (
-        <motion.div
-            initial={{ opacity: 0 ,y:100}}
-            whileInView={{ opacity: 1 ,y:0 }}
-            exit={{ opacity: 0, transition: { duration: 1 } }}
-            variants={{ visible: {
-                    opacity: 1,
-                    transition: { duration: 2 }
-                } }}
-            transition={{ type: "spring", stiffness: 300 ,delay: 0.01}}
-            viewport={{ once: true }}
-        >
-            <div  className="w-full">
-                {children}
-            </div>
-        </motion.div>
-
-
-    )
-}
+const Animation = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 100 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, transition: { duration: 1 } }}
+      variants={{
+        visible: {
+          opacity: 1,
+          transition: { duration: 2 },
+        },
+      }}
+      transition={{ type: 'spring', stiffness: 300, delay: 0.01 }}
+      viewport={{ once: true }}
+    >
+      <div className="w-full">{children}</div>
+    </motion.div>
+  );
+};
 
-export {InertiaTitle,Animation,TweenTitle}
+export { InertiaTitle, Animation, TweenTitle };

package/template/nextjs/aptos-template/src/components/Container.tsx

@@ -1,11 +1,5 @@
-import clsx from 'clsx'
+import clsx from 'clsx';
 
-//组件公共样式
 export function Container({ className, ...props }) {
-  return (
-    <div
-      className={clsx('mx-auto  max-w-7xl px-4 sm:px-6 lg:px-8', className)}
-      {...props}
-    />
-  )
+  return <div className={clsx('mx-auto  max-w-7xl px-4 sm:px-6 lg:px-8', className)} {...props} />;
 }

package/template/nextjs/aptos-template/src/components/footer/index.tsx

@@ -1,138 +1,127 @@
-import Link from "next/link"
-import {Container} from "../Container";
+import Link from 'next/link';
+import { Container } from '../Container';
 
+const ends = [
+  {
+    title: 'Product',
+    content: [
+      {
+        h1: 'Overview',
+        href: '',
+      },
+      {
+        h1: 'Download',
+        href: '',
+      },
+      {
+        h1: 'Docs',
+        href: '',
+      },
+    ],
+  },
+  {
+    title: 'Resources',
+    content: [
+      {
+        h1: 'About Us',
+        href: '',
+      },
+      {
+        h1: 'Download',
+        href: '',
+      },
+      {
+        h1: 'Docs',
+        href: '',
+      },
+    ],
+  },
+  {
+    title: 'Follow Us',
+    content: [
+      {
+        h1: 'Discord',
+        href: '',
+      },
+      {
+        h1: 'Twitter',
+        href: '',
+      },
+      {
+        h1: 'Telegram',
+        href: '',
+      },
+      {
+        h1: 'Github',
+        href: '',
+      },
+    ],
+  },
+];
+const participate = [
+  {
+    href: '',
+    img: '/telegram.svg',
+  },
+  {
+    href: '',
+    img: '/twitter.svg',
+  },
+  {
+    href: '',
+    img: '/discord.svg',
+  },
+  {
+    href: '',
+    img: '/medium.svg',
+  },
+];
+const Footer = () => {
+  return (
+    <>
+      <Container className="pt-10">
+        <div className="md:flex justify-between pt-12 items-center">
+          <div className="text-center md:flex justify-between mb-10 mt-10 md:mt-0 ">
+            {ends.map(end => (
+              <div key={end.title} className="md:mr-10">
+                <div className="text-white font-semibold text-base ">{end.title}</div>
+                {end.content.map(item => (
+                  <div
+                    key={item.h1}
+                    className="my-3 text-sm transition duration-300 transform hover:translate-x-2 md:text-left text-white"
+                  >
+                    <Link legacyBehavior href={item.href}>
+                      <a>{item.h1}</a>
+                    </Link>
+                  </div>
+                ))}
+              </div>
+            ))}
+          </div>
 
-const ends =[
-    {
-        title:"Product",
-        content:[
-            {
-                h1:"Overview",
-                href:"",
-            },
-            {
-                h1:"Download",
-                href:"",
-            },
-            {
-                h1:"Docs",
-                href:"",
-            },
-        ]
-
-    },
-    {
-        title:"Resources",
-        content:[
-            {
-                h1:"About Us",
-                href:"",
-            },
-            {
-                h1:"Download",
-                href:"",
-            },
-            {
-                h1:"Docs",
-                href:"",
-            },
-        ]
-
-    },
-    {
-        title:"Follow Us",
-        content:[
-            {
-                h1:"Discord",
-                href:"",
-            },
-            {
-                h1:"Twitter",
-                href:"",
-            },
-            {
-                h1:"Telegram",
-                href:"",
-            },
-            {
-                h1:"Github",
-                href:"",
-            }
-        ]
-
-    }
-]
-const participate=[
-    {
-        href:"",
-        img:"/telegram.svg"
-    },
-    {
-        href:"",
-        img:"/twitter.svg",
-    },
-    {
-        href:"",
-        img:"/discord.svg",
-    },
-    {
-        href:"",
-        img:"/medium.svg",
-    }
-
-]
-const Footer=()=>{
-    return(
-        <>
-            <Container className="pt-10">
-                <div className="md:flex justify-between pt-12 items-center">
-
-                        <div className="text-center md:flex justify-between mb-10 mt-10 md:mt-0 ">
-                            {ends.map(end=>(
-                                <div key={end.title} className="md:mr-10" >
-                                    <div className="text-white font-semibold text-base ">
-                                        {end.title}
-                                    </div>
-                                    {end.content.map(item=>(
-                                        <div key={item.h1} className="my-3 text-sm transition duration-300 transform hover:translate-x-2 md:text-left text-white">
-
-                                            <Link legacyBehavior href={item.href}>
-                                                <a>
-                                                    {item.h1}
-                                                </a>
-                                            </Link>
-                                        </div>))}
-                                </div>
-                            ))}
-                        </div>
-
-                    <div>
-                        <div  className="flex justify-center md:justify-start " >
-                            <img className="w-18" src="/logo.svg" alt=""/>
-                        </div>
-                        <div className="my-5 text-[#4F5568] text-sm text-center  ">
-                            Aura Wallet is the safest wallet
-                        </div>
-                        <div className="flex justify-center items-center md:justify-start   ">
-                            {participate.map(item=>(
-                                <div key={item.img} className="mr-5 ">
-                                    <Link legacyBehavior href={item.href}>
-                                        <a  className="">
-                                            <img className="w-6" src={item.img} alt=""/>
-                                        </a></Link>
-                                </div> ))}
-                        </div>
-                    </div>
-                    </div>
-                <div className="border-t border-[#1A1A1A] py-3 mt-5 ">
-                    <div className=" flex justify-center md:block    text-[#969696] text-sm ">
-                        © 2022 Aura Wallet</div>
+          <div>
+            <div className="flex justify-center md:justify-start ">
+              <img className="w-18" src="/logo.svg" alt="" />
+            </div>
+            <div className="my-5 text-[#4F5568] text-sm text-center  ">Aura Wallet is the safest wallet</div>
+            <div className="flex justify-center items-center md:justify-start   ">
+              {participate.map(item => (
+                <div key={item.img} className="mr-5 ">
+                  <Link legacyBehavior href={item.href}>
+                    <a className="">
+                      <img className="w-6" src={item.img} alt="" />
+                    </a>
+                  </Link>
                 </div>
-            </Container>
-
-        </>
-    )
-}
-export {
-    Footer
-}
+              ))}
+            </div>
+          </div>
+        </div>
+        <div className="border-t border-[#1A1A1A] py-3 mt-5 ">
+          <div className=" flex justify-center md:block    text-[#969696] text-sm ">© 2022 Aura Wallet</div>
+        </div>
+      </Container>
+    </>
+  );
+};
+export { Footer };

package/template/nextjs/aptos-template/src/components/head/index.tsx

@@ -1,14 +1,14 @@
-import Head from 'next/head'
-const Heads = () =>{
-    return(
-        <Head>
-            <title>Test Website</title>
-            {/*<meta*/}
-            {/*    name="description"*/}
-            {/*    content="Seamless Portal to Web3.0."*/}
-            {/*/>*/}
-            <link rel="icon" className="rounded-full" href="/favicon.ico" />
-        </Head>
-    )
-}
-export default Heads
+import Head from 'next/head';
+const Heads = () => {
+  return (
+    <Head>
+      <title>Test Website</title>
+      {/*<meta*/}
+      {/*    name="description"*/}
+      {/*    content="Seamless Portal to Web3.0."*/}
+      {/*/>*/}
+      <link rel="icon" className="rounded-full" href="/favicon.ico" />
+    </Head>
+  );
+};
+export default Heads;