Feat: Login页和Main页面底部添加copyright公司版权信息

src/views/Login.vue

@@ -59,6 +59,7 @@
       </div>
     </div>
     <div class="page-dim" :class="{ opening: isDoorOpening }" aria-hidden="true"></div>
+    <div class="copyright">东土科技</div>
   </div>
 </template>
 
@@ -590,4 +591,35 @@ export default {
   from{ opacity: 0; }
   to{ opacity: 0.95; } /* 想更暗就 0.95 */
 }
+
+/* 版权信息 */
+.copyright {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #FFF;
+  line-height: 30px;
+  text-align: center;
+  position: absolute;
+  bottom: 20px;
+  left: calc(50% - 35px);
+}
+
+.copyright::before,
+.copyright::after {
+  content: "";
+  display: block;
+  width: 4px;
+  height: 4px;
+  border-radius: 2px;
+  background: #e7e7e7;
+}
+
+.copyright::before {
+  margin-right: 10px;
+}
+
+.copyright::after {
+  margin-left: 10px;
+}
 </style>

src/views/Main.vue

@@ -37,6 +37,8 @@
 
       <div class="nav-arrow right" @click="onNext" title="下一页"></div>
     </div>
+
+    <div class="copyright">东土科技</div>
   </div>
 </template>
 
@@ -322,4 +324,35 @@ export default {
   50%{ transform: translateZ(0) scale(1.25); opacity: .9; }
   100%{ transform: translateZ(0) scale(.7); opacity: .22; }
 }
+
+/* 版权信息 */
+.copyright {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #FFF;
+  line-height: 30px;
+  text-align: center;
+  position: absolute;
+  bottom: 20px;
+  left: calc(50% - 35px);
+}
+
+.copyright::before,
+.copyright::after {
+  content: "";
+  display: block;
+  width: 4px;
+  height: 4px;
+  border-radius: 2px;
+  background: #e7e7e7;
+}
+
+.copyright::before {
+  margin-right: 10px;
+}
+
+.copyright::after {
+  margin-left: 10px;
+}
 </style>