登录页面 + 发表页面 修正

layouts/default.vue

@@ -107,7 +107,9 @@ export default {
               height: 24px
               border-radius: 50%
               margin-right: .5rem
-
+        .navbar-sign
+          a.button
+            margin-right: .5rem
 footer.footer
   text-align: center
   padding: 4rem

pages/account/create.vue

@@ -0,0 +1,41 @@
+<template lang="pug">
+.account-create.circumscription
+  div.card
+    .left CREATE
+    .right
+      input(placeholder="account")
+      input(placeholder="password")
+      button Submit
+</template>
+
+<style lang="sass">
+.account-create
+  padding-top: 6rem
+  .card
+    display: flex
+    width: 48rem
+    margin: auto
+    background-color: var(--background-main)
+    margin-top: 6rem
+    padding: 6rem 4rem
+    border-radius: 1rem
+    box-sizing: border-box
+    .left
+      flex: 1
+      font-size: 4rem
+      font-weight: bold
+      color: #ff8888
+      display: flex
+      justify-content: center
+      align-items: center
+    .right
+      width: 18rem
+      display: flex
+      flex-direction: column
+      input, button
+        margin-bottom: 1rem
+        font-size: 1.2rem
+        padding: .75rem
+        border: none
+        border-radius: .5rem
+</style>

pages/account/signin.vue

@@ -1,16 +1,11 @@
 <template lang="pug">
-.page-signin
+.account-signin.circumscription
-  .contenter
+  div.card
-    Card
+    .left SIGN IN
-      template(#header)
+    .right
-      .column
+      input(v-model="account.name", type="text", placeholder="account")
-        input(v-model="account.name", type="text", placeholder="请输入账号")
+      input(v-model="account.password", type="password", placeholder="password")
-        input(v-model="account.password", type="password", placeholder="请输入密码")
+      button(@click="signin") Signin
-        button(@click="signin") signin
-      template(#footer)
-        p
-          span 还没有账号?
-          NuxtLink(to="/account/create") 注册一个
 </template>
 
 <script>
@@ -38,19 +33,51 @@ export default {
 </script>
 
 <style lang="sass">
-.page-signin
+.account-signin
-  .contenter
+  padding-top: 6rem
-    .column
+  .card
+    display: flex
+    width: 48rem
+    margin: auto
+    background-color: var(--background-main)
+    margin-top: 6rem
+    padding: 6rem 4rem
+    border-radius: 1rem
+    box-sizing: border-box
+    .left
+      flex: 1
+      font-size: 4rem
+      font-weight: bold
+      color: #ff8888
+      display: flex
+      justify-content: center
+      align-items: center
+    .right
+      width: 18rem
       display: flex
       flex-direction: column
-      background: #f5f5f5
-      padding: 6rem 0
       input, button
-        width: 16rem
+        margin-bottom: 1rem
-        height: 3rem
+        font-size: 1.2rem
-        line-height: 3rem
+        padding: .75rem
-        border: 1px solid #ccc
+        border: none
         border-radius: .5rem
-        padding: 0 1rem
+//.page-signin
-        margin: .5rem auto
+  //.contenter
+  //  background: #f5f5f5
+  //  .column
+  //    display: flex
+  //    flex-direction: column
+  //    padding: 6rem 0
+  //    input, button
+  //      width: 16rem
+  //      height: 3rem
+  //      line-height: 3rem
+  //      border: 1px solid #ccc
+  //      border-radius: .5rem
+  //      padding: 0 1rem
+  //      margin: .5rem auto
+  //    p
+  //      width: 16rem
+  //      margin: .5rem auto
 </style>

pages/thread/create.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
-.thread-create
+Drawer
+  .thread-create
     .header
       h1.title {{ thread.title }}
       .info info