Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
hezhongwen
/
cake
Obserwuj 1
Polub 0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Przeglądaj źródła

改 19号

hezhongwen 1 rok temu
rodzic
0e7f065d96
commit
d2e6f60098
14 zmienionych plików z 403 dodań i 80 usunięć
Widok podzielony Pokaż statystyki zmian
  1. BIN
      public/favicon.ico
  2. 1 5
      public/index.html
  3. 167 16
      src/App.vue
  4. BIN
      src/assets/common_banner2.c4347a45.jpg
  5. BIN
      src/assets/download.png
  6. BIN
      src/assets/download2.png
  7. BIN
      src/assets/logo.gif
  8. BIN
      src/assets/logo.png
  9. 144 0
      src/components/CenterNav.vue
  10. 0 58
      src/components/HelloWorld.vue
  11. 48 0
      src/components/reset(默认样式).css
  12. 11 1
      src/main.js
  13. 17 0
      src/router/index.js
  14. 15 0
      src/store/index.js

BIN
public/favicon.ico
Wyświetl plik


+ 1 - 5
public/index.html
Wyświetl plik 

@@ -5,13 +5,9 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
 
+    <title>blog</title>
 
   </head>
 
   <body>
 
-    <noscript>
 
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
-    </noscript>
 
     <div id="app"></div>
 
-    <!-- built files will be auto injected -->
 
   </body>
 
 </html>

+ 167 - 16
src/App.vue
Wyświetl plik 

@@ -1,28 +1,179 @@
 
 <template>
 
   <div id="app">
 
-    <img alt="Vue logo" src="./assets/logo.png">
 
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
 
+    <div class="Top_warp">
 
+      <div class="imp_top_img">
 
+        <img
 
+          class="image_top"
 
+          src="@/assets/common_banner2.c4347a45.jpg"
 
+          alt=""
 
+        />
 
+        <div class="font_warp">
 
+          <div class="font_center">
 
+            <div class="font_center_imp">
 
+              <div class="picture">
 
+                <img class="image_top" src="@/assets/download.png" alt="" />
 
+              </div>
 
+              <div>
 
+                <p
 
+                  style="
 
+                    line-height: 93px;
 
+                    font-size: 20px;
 
+                    font-weight: 700;
 
+                    margin-left: 14px;
 
+                    color: white;
 
+                  "
 
+                >
 
+                  贵州省人才人事公共服务平台
 
+                </p>
 
+              </div>
 
+              <div class="font_warp_item" style="margin-left: 32px">
 
+                <p
 
+                  class="font_warp_item_font"
 
+                  style="border-bottom: 3px solid white"
 
+                >
 
+                  首页
 
+                </p>
 
+              </div>
 
+              <div class="font_warp_item">
 
+                <p class="font_warp_item_font">公式公告</p>
 
+              </div>
 
+              <div class="HumanHead">
 
+                <img
 
+                  class="HumanHead_pic"
 
+                  src="@/assets/download2.png"
 
+                  alt=""
 
+                />
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="imp_top_bottom">
 
+        <div class="bottom_warp">
 
+          <span
 
+            class="el-icon-location"
 
+            style="font-size: 18px; color: #626262"
 
+          ></span>
 
+          <span style="font-size: 14px; line-height: 49px; color: #626262"
 
+            >当前所在位置：</span
 
+          >
 
+          <span style="font-size: 14px; line-height: 49px; color: #626262"
 
+            >首页</span
 
+          >
 
+          <i
 
+            class="el-icon-arrow-right"
 
+            style="color: #c0c4cc; font-size: 14px; padding: 6px"
 
+          >
 
+          </i>
 
+          <span style="font-size: 14px; line-height: 49px; color: #49a1f9"
 
+            >职称证书查询</span
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <CenterNav />
 
   </div>
 
 </template>
 
 
 <script>
 
-import HelloWorld from './components/HelloWorld.vue'
 
-
 
+import CenterNav from "./components/CenterNav.vue";
 
 export default {
 
-  name: 'App',
 
-  components: {
 
-    HelloWorld
 
-  }
 
-}
 
+  name: "App",
 
+  components: { CenterNav },
 
+};
 
 </script>
 
 
-<style>
 
+<style lang="less">
 
+// 隐藏滚动条
 
+::-webkit-scrollbar {
 
+  width: 0 !important;
 
+}
 
+::-webkit-scrollbar {
 
+  width: 0 !important;
 
+  height: 0;
 
+}
 
+
 
+* {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+ul {
 
+  list-style: none;
 
+}
 
 #app {
 
-  font-family: Avenir, Helvetica, Arial, sans-serif;
 
-  -webkit-font-smoothing: antialiased;
 
-  -moz-osx-font-smoothing: grayscale;
 
-  text-align: center;
 
-  color: #2c3e50;
 
-  margin-top: 60px;
 
+  min-width: 516px;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  bottom: 0;
 
+  .Top_warp {
 
+    .imp_top_img {
 
+      position: relative;
 
+      width: 100%;
 
+      .image_top {
 
+        width: 100%;
 
+      }
 
+      .font_warp {
 
+        position: absolute;
 
+        top: 0;
 
+        width: 100%;
 
+        height: 96px;
 
+        // background-color: red;
 
+        border-bottom: 1px solid #dad8d8;
 
+        .font_center {
 
+          position: absolute;
 
+          left: 0;
 
+          right: 0;
 
+          margin: 0 auto;
 
+          width: 1182px;
 
+          height: 100px;
 
+          // background-color: rgb(38, 182, 38);
 
+          .font_center_imp {
 
+            display: flex;
 
+            .picture {
 
+              width: 37px;
 
+              line-height: 120px;
 
+            }
 
+            .font_warp_item {
 
+              line-height: 93px;
 
+              .font_warp_item_font {
 
+                padding: 0 15px;
 
+                font-size: 16px;
 
+                text-align: center;
 
+                color: white;
 
+              }
 
+            }
 
+            .HumanHead {
 
+              .HumanHead_pic {
 
+                width: 60px;
 
+                height: 60px;
 
+                margin-top: 20px;
 
+                margin-left: 620px;
 
+                border-radius: 50%;
 
+                cursor: pointer;
 
+              }
 
+            }
 
+          }
 
+        }
 
+      }
 
+    }
 
+
 
+    .imp_top_bottom {
 
+      position: relative;
 
+      width: 100%;
 
+      height: 49px;
 
+      background-color: #f2f2f2;
 
+      margin-top: -2px;
 
+      .bottom_warp {
 
+        position: absolute;
 
+        width: 1182px;
 
+        height: 100%;
 
+        left: 0;
 
+        right: 0;
 
+        margin: 0 auto;
 
+        // background-color: red;
 
+      }
 
+    }
 
+  }
 
 }
 
 </style>

BIN
src/assets/common_banner2.c4347a45.jpg
Wyświetl plik


BIN
src/assets/download.png
Wyświetl plik


BIN
src/assets/download2.png
Wyświetl plik


BIN
src/assets/logo.gif
Wyświetl plik


BIN
src/assets/logo.png
Wyświetl plik


+ 144 - 0
src/components/CenterNav.vue
Wyświetl plik 

@@ -0,0 +1,144 @@
 
+<template>
 
+  <div id="app">
 
+    <div class="warp_center">
 
+      <div class="center_top">
 
+        <span> 职称证书查询 </span>
 
+      </div>
 
+      <div class="center_down">
 
+        <div class="core_all">
 
+          <div class="core_all_top">
 
+            <span>数据筛选</span>
 
+          </div>
 
+          <div class="core_all_search">
 
+            <el-form
 
+              :inline="true"
 
+              :model="formInline"
 
+              class="demo-form-inline"
 
+            >
 
+              <el-form-item label="姓名" size="small ">
 
+                <el-input
 
+                  v-model="formInline.user"
 
+                  placeholder="请输入"
 
+                  style="width: 90%"
 
+                ></el-input>
 
+              </el-form-item>
 
+              <el-form-item label="证件号码" size="small ">
 
+                <el-input
 
+                  v-model="formInline.user"
 
+                  placeholder="请输入"
 
+                  style="width: 90%"
 
+                ></el-input>
 
+              </el-form-item>
 
+              <el-form-item label="证件编号" size="small">
 
+                <el-input
 
+                  v-model="formInline.user"
 
+                  placeholder="请输入"
 
+                  style="width: 90%"
 
+                ></el-input>
 
+              </el-form-item>
 
+              <el-form-item>
 
+                <el-button
 
+                  type="primary"
 
+                  @click="onSubmit"
 
+                  style="border-radius: 20px"
 
+                  size="medium"
 
+                  >搜索</el-button
 
+                >
 
+                <el-button type="primary" @click="onSubmit">重置</el-button>
 
+              </el-form-item>
 
+            </el-form>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: "App",
 
+  data() {
 
+    return {
 
+      formInline: {
 
+        user: "",
 
+      },
 
+    };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less">
 
+#app {
 
+  position: relative;
 
+  min-width: 516px;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  bottom: 0;
 
+  //   height: 760px;
 
+  .warp_center {
 
+    position: absolute;
 
+    top: 40px;
 
+    left: 0;
 
+    right: 0;
 
+    margin: 0 auto;
 
+    width: 1182px;
 
+    height: 660px;
 
+    background-color: #236efb;
 
+    border-radius: 8px;
 
+    box-shadow: 0 6px 49px 0 rgba(90, 117, 168, 0.29);
 
+    .center_top {
 
+      width: 100%;
 
+      height: 50px;
 
+      //   background-color: yellow;
 
+      border-radius: 8px;
 
+      span {
 
+        font-size: 20px;
 
+        line-height: 50px;
 
+        margin-left: 38px;
 
+        color: #fff;
 
+      }
 
+    }
 
+    .center_down {
 
+      display: relative;
 
+      width: 100%;
 
+      height: 610px;
 
+      background-color: #fff;
 
+      border-radius: 7px;
 
+      .core_all {
 
+        position: absolute;
 
+        top: 70px;
 
+        left: 0;
 
+        right: 0;
 
+        margin: 0 auto;
 
+        width: 1130px;
 
+        height: 100%;
 
+        // background-color: red;
 
+        .core_all_top {
 
+          width: 100%;
 
+          height: 45px;
 
+          //   background-color: green;
 
+          border-bottom: 1px solid #d7d7d7;
 
+          margin-bottom: 20px;
 
+
 
+          span {
 
+            height: 45px;
 
+            line-height: 45px;
 
+            font-size: 14px;
 
+            color: #236efb;
 
+          }
 
+        }
 
+        .core_all_search {
 
+          width: 100%;
 
+          height: 44px;
 
+          //   background-color: pink;
 
+          el-input {
 
+            height: 32px;
 
+            line-height: 32px;
 
+          }
 
+        }
 
+      }
 
+    }
 
+  }
 
+}
 
+</style>

+ 0 - 58
src/components/HelloWorld.vue
Wyświetl plik 

@@ -1,58 +0,0 @@
 
-<template>
 
-  <div class="hello">
 
-    <h1>{{ msg }}</h1>
 
-    <p>
 
-      For a guide and recipes on how to configure / customize this project,<br>
 
-      check out the
 
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
 
-    </p>
 
-    <h3>Installed CLI Plugins</h3>
 
-    <ul>
 
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
 
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
 
-    </ul>
 
-    <h3>Essential Links</h3>
 
-    <ul>
 
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
 
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
 
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
 
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
 
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
 
-    </ul>
 
-    <h3>Ecosystem</h3>
 
-    <ul>
 
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
 
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
 
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
 
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
 
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
 
-    </ul>
 
-  </div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  name: 'HelloWorld',
 
-  props: {
 
-    msg: String
 
-  }
 
-}
 
-</script>
 
-
 
-<!-- Add "scoped" attribute to limit CSS to this component only -->
 
-<style scoped>
 
-h3 {
 
-  margin: 40px 0 0;
 
-}
 
-ul {
 
-  list-style-type: none;
 
-  padding: 0;
 
-}
 
-li {
 
-  display: inline-block;
 
-  margin: 0 10px;
 
-}
 
-a {
 
-  color: #42b983;
 
-}
 
-</style>

+ 48 - 0
src/components/reset(默认样式).css
Wyświetl plik 

@@ -0,0 +1,48 @@
 
+html {
 
+    font-family: "Microsoft YaHei", serif;
 
+    font-size: 14px;
 
+}
 
+body,
 
+h1,
 
+h2,
 
+h3,
 
+h4,
 
+h5,
 
+h6,
 
+hr,
 
+p,
 
+blockquote,
 
+dl,
 
+dt,
 
+dd,
 
+ul,
 
+ol,
 
+li,
 
+pre,
 
+fieldset,
 
+button,
 
+input,
 
+textarea,
 
+th,
 
+td {
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+ul,
 
+ol {
 
+    list-style: none;
 
+}
 
+/* 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 */
 
+a {
 
+    text-decoration: none;
 
+    color: inherit;
 
+}
 
+/* 閲嶇疆琛ㄦ牸鍏冪礌 */
 
+table {
 
+    border-collapse: collapse;
 
+    border-spacing: 0;
 
+}
 
+/*鍥剧墖鍧楀寲涓庡幓鎺塱e杈规*/
 
+img {
 
+    border: 0;
 
+}

+ 11 - 1
src/main.js
Wyświetl plik 

@@ -1,8 +1,18 @@
 
 import Vue from 'vue'
 
 import App from './App.vue'
 
+import router from './router'
 
+import store from './store'
 
+// 引入element-ui
 
+import ElementUI from 'element-ui';
 
+import 'element-ui/lib/theme-chalk/index.css';
 
+import 'element-ui/lib/theme-chalk/display.css';
 
 
 Vue.config.productionTip = false
 
+Vue.use(ElementUI);
 
+
 
 
 new Vue({
 
-  render: h => h(App),
 
+  router,
 
+  store,
 
+  render: h => h(App)
 
 }).$mount('#app')

+ 17 - 0
src/router/index.js
Wyświetl plik 

@@ -0,0 +1,17 @@
 
+import Vue from 'vue'
 
+import VueRouter from 'vue-router'
 
+
 
+Vue.use(VueRouter)
 
+
 
+const routes = [
 
+
 
+
 
+]
 
+
 
+const router = new VueRouter({
 
+  mode: 'history',
 
+  base: process.env.BASE_URL,
 
+  routes
 
+})
 
+
 
+export default router

+ 15 - 0
src/store/index.js
Wyświetl plik 

@@ -0,0 +1,15 @@
 
+import Vue from 'vue'
 
+import Vuex from 'vuex'
 
+
 
+Vue.use(Vuex)
 
+
 
+export default new Vuex.Store({
 
+  state: {
 
+  },
 
+  mutations: {
 
+  },
 
+  actions: {
 
+  },
 
+  modules: {
 
+  }
 
+})