gpc-ui 0.1.7 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gpc-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "二小UI",
   "private": false,
   "main": "lib/gpc-ui.umd.min.js",

package/src/components/gpc-login/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="wrap">
+    <div class="wrap-head">
+      <slot></slot>
+    </div>
     <div class="wrap-box">
       <div class="box-content">
         <div class="sign">
@@ -27,7 +30,7 @@
                   <input type="password" placeholder="密码" v-model="accountFrom.password">
                   <i class="iconfont icon-mima"></i>
                 </div>
-                <span style="color: red; font-size: 13px;">*本平台为互联网非涉密平台，严禁处理、传输国家秘密、工作秘密。</span>
+
                 <div class="buttons clearfix">
                   <button type="button" class="btn-login fr button" @click="getAccountLogin">登录</button>
                 </div>
@@ -40,7 +43,7 @@
                   <i class="iconfont icon-wo"></i>
                 </div>
                 <div class="input-box">
-                  <drag-verify ref="dragVerifyLogin" :width="320" :isPassing.sync="isPassingLogin" text="请按住滑块拖动" successText="验证通过" progressBarBg="#11C36A"
+                  <drag-verify ref="dragVerifyLogin" :width="300" :isPassing.sync="isPassingLogin" text="请按住滑块拖动" successText="验证通过" progressBarBg="#11C36A"
                                handlerIcon="el-icon-d-arrow-right" successIcon="el-icon-circle-check"
                                @passcallback="passCallLoginBack">
                   </drag-verify>
@@ -83,7 +86,22 @@
           </div>
         </div>
       </div>
+      <div style="color: red; font-size: 15px; margin-top: 30px; text-align: right;">*本平台为互联网非涉密平台，严禁处理、传输国家秘密、工作秘密。</div>
     </div>
+    <div class="wrap-foot">
+      <div class="center_con" style="font-size: 12px;">
+        <div>
+          <p>主办：四川华西绿舍建筑有限公司 </p>
+          <p>ICP备案/许可证编号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">蜀ICP备19027284号-1</a> 网站识别码：5101000033
+            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002000801" target="_blank">
+              <img style="width: 20px;" src="https://beian.mps.gov.cn/img/logo01.dd7ff50e.png">
+              川公网安备 51019002000801号
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+
   </div>
 </template>
 
@@ -313,8 +331,8 @@ a {
 }
 
 .wrap {
-  background: url("http://exd.design/wp-content/uploads/2018/12/bg.jpg") no-repeat fixed;
-  background-size: cover;
+  width: 50%;
+  height: 100vh;
 }
 
 .wrap:after {
@@ -329,7 +347,9 @@ a {
 
 .wrap-box {
   position: absolute;
-  width: 840px;
+  left: 0;
+  top: 30%;
+  width: 40%;
   height: 320px;
   background: #018a46;
   z-index: 2;
@@ -337,6 +357,12 @@ a {
   border-radius: 3px;
 }
 
+.wrap-foot {
+  position: absolute;
+  bottom: 2%;
+  text-align: center;
+}
+
 .box-content {
   display: inline-table;
   width: 100%;
@@ -390,7 +416,7 @@ a {
 .manager-box {
   position: absolute;
   height: 380px;
-  width: 400px;
+  width: 50%;
   left: 50px;
   top: -30px;
   transition: all .8s linear;
@@ -442,19 +468,19 @@ a {
 
 @keyframes toRight {
   0% {
-    left: 50px;
+    left: 30px;
   }
 
   45% {
-    left: 450px;
+    left: 400px;
   }
 
   80% {
-    left: 380px;
+    left: 330px;
   }
 
   100% {
-    left: 390px;
+    left: 340px;
   }
 }
 
@@ -464,7 +490,7 @@ a {
 
 @keyframes toLeft {
   0% {
-    left: 390px;
+    left: 340px;
   }
 
   45% {

package/src/components/gpc-tabs/Tabs.vue

@@ -114,7 +114,7 @@ export default {
 }
 
 .tabs {
-  font-size: 20px;
+  font-size: 22px;
   color: #d3d3d3;
 }
 
@@ -140,7 +140,7 @@ export default {
 }
 
 .tabs-tab-active {
-  color: #018a46;
+  color: #00b85c;
 }
 
 .tabs-tab-underline {
@@ -149,7 +149,7 @@ export default {
   left: 0;
   width: 0;
   height: 2px;
-  background: #018a46;
+  background: #00b85c;
   transition: width 0.3s ease, left 0.3s ease;
 }