chore: pre publish

packages/ui/certd-client/src/views/framework/home/content/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="d2-page-cover">
+    <div class="d2-page-cover__title" @click="$open('https://github.com/certd/certd')">
+      <div class="title-line">Certd v{{ version }}</div>
+    </div>
+    <p class="d2-page-cover__sub-title">让你的证书永不过期</p>
+    <div class="content">
+      <img src="./image/preview.png" class="preview_img" />
+    </div>
+    <div class="footer_box">
+      <div class="left"></div>
+      <div class="right">
+        <div>如果觉得好用，请不要吝啬你的star哟！</div>
+        <a href="https://gitee.com/certd/certd" target="_blank"><img src="https://gitee.com/certd/certd/badge/star.svg?theme=dark" alt="star" /></a>
+        <a href="https://github.com/certd/certd" target="_blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/certd/certd?logo=github" /></a>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from "vue";
+export default defineComponent({
+  name: "PageContent",
+  setup() {
+    const version = ref(import.meta.env.VITE_APP_VERSION);
+
+    return {
+      version
+    };
+  }
+});
+</script>
+<style lang="less" scoped>
+.d2-page-cover {
+  .logo {
+    width: 40px;
+    height: 40px;
+  }
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  .d2-page-cover__logo {
+    img {
+      width: 200px;
+    }
+  }
+  .d2-page-cover__title {
+    margin: 20px;
+    font-weight: bold;
+    display: -webkit-flex; /* Safari */
+    display: flex;
+    justify-content: flex-end;
+    .title-line {
+      display: flex;
+      align-items: center;
+      flex-direction: row;
+      justify-content: center;
+      cursor: pointer;
+      font-size: 20px;
+    }
+  }
+  .d2-page-cover__sub-title {
+    margin: 0px;
+    margin-bottom: 10px;
+  }
+  .d2-page-cover__build-time {
+    margin: 0px;
+    margin-bottom: 0px;
+    margin-top: 10px;
+    font-size: 12px;
+  }
+
+  .content {
+    padding: 20px;
+    width: 80%;
+    .preview_img {
+      width: 100%;
+    }
+  }
+
+  .footer_box {
+    padding: 10px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .right {
+      display: flex;
+      justify-items: center;
+      align-items: center;
+      & > * {
+        display: flex;
+      }
+    }
+  }
+}
+</style>

packages/ui/certd-client/src/views/framework/home/index.vue

@@ -1,14 +1,14 @@
 <template>
   <fs-page class="home—index">
-    <page-cover />
+    <page-content />
   </fs-page>
 </template>
 
 <script>
 import { defineComponent } from "vue";
-import PageCover from "./page-cover/index.vue";
+import PageContent from "./content/index.vue";
 export default defineComponent({
-  components: { PageCover },
+  components: { PageContent },
   setup() {}
 });
 </script>

packages/ui/certd-client/src/views/framework/login/index.vue

@@ -1,15 +1,6 @@
 <template>
   <div class="main">
-    <a-form
-      ref="formRef"
-      class="user-layout-login"
-      name="custom-validation"
-      :model="formState"
-      :rules="rules"
-      v-bind="layout"
-      @finish="handleFinish"
-      @finishFailed="handleFinishFailed"
-    >
+    <a-form ref="formRef" class="user-layout-login" name="custom-validation" :model="formState" :rules="rules" v-bind="layout" @finish="handleFinish" @finishFailed="handleFinishFailed">
       <!--      <div class="login-title">登录</div>-->
       <a-tabs :active-key="formState.loginType" :tab-bar-style="{ textAlign: 'center', borderBottom: 'unset' }">
         <a-tab-pane key="password" tab="用户名密码登录">
@@ -24,12 +15,7 @@
             </a-input>
           </a-form-item>
           <a-form-item has-feedback name="password">
-            <a-input-password
-              v-model:value="formState.password"
-              placeholder="请输入密码"
-              size="large"
-              autocomplete="off"
-            >
+            <a-input-password v-model:value="formState.password" placeholder="请输入密码" size="large" autocomplete="off">
               <template #prefix>
                 <span class="iconify" data-icon="ion:lock-closed-outline" data-inline="false"></span>
               </template>
@@ -47,12 +33,7 @@
           <a-form-item has-feedback name="imgCode">
             <a-row :gutter="16">
               <a-col class="gutter-row" :span="16">
-                <a-input
-                  v-model:value="formState.imgCode"
-                  placeholder="请输入图片验证码"
-                  size="large"
-                  autocomplete="off"
-                >
+                <a-input v-model:value="formState.imgCode" placeholder="请输入图片验证码" size="large" autocomplete="off">
                   <template #prefix>
                     <span class="iconify" data-icon="ion:image-outline" data-inline="false"></span>
                   </template>
@@ -74,13 +55,7 @@
                 </a-input>
               </a-col>
               <a-col class="gutter-row" :span="8">
-                <a-button
-                  class="getCaptcha"
-                  tabindex="-1"
-                  :disabled="smsSendBtnDisabled"
-                  @click="sendSmsCode"
-                  v-text="smsTime <= 0 ? '发送' : smsTime + ' s'"
-                ></a-button>
+                <a-button class="getCaptcha" tabindex="-1" :disabled="smsSendBtnDisabled" @click="sendSmsCode" v-text="smsTime <= 0 ? '发送' : smsTime + ' s'"></a-button>
               </a-col>
             </a-row>
           </a-form-item>