1

element-demo/src/views/login/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="login-container">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
+    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
+             label-position="left">
 
       <div class="title-container">
         <h3 class="title">Login Form</h3>
@@ -8,40 +9,42 @@
 
       <el-form-item prop="username">
         <span class="svg-container">
-          <svg-icon icon-class="user" />
+          <svg-icon icon-class="user"/>
         </span>
         <el-input
-          ref="username"
-          v-model="loginForm.username"
-          placeholder="Username"
-          name="username"
-          type="text"
-          tabindex="1"
-          auto-complete="on"
+            ref="username"
+            v-model="loginForm.username"
+            placeholder="Username"
+            name="username"
+            type="text"
+            tabindex="1"
+            auto-complete="on"
         />
       </el-form-item>
 
       <el-form-item prop="password">
         <span class="svg-container">
-          <svg-icon icon-class="password" />
+          <svg-icon icon-class="password"/>
         </span>
         <el-input
-          :key="passwordType"
-          ref="password"
-          v-model="loginForm.password"
-          :type="passwordType"
-          placeholder="Password"
-          name="password"
-          tabindex="2"
-          auto-complete="on"
-          @keyup.enter.native="handleLogin"
+            :key="passwordType"
+            ref="password"
+            v-model="loginForm.password"
+            :type="passwordType"
+            placeholder="Password"
+            name="password"
+            tabindex="2"
+            auto-complete="on"
+            @keyup.enter.native="handleLogin"
         />
         <span class="show-pwd" @click="showPwd">
-          <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
+          <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"/>
         </span>
       </el-form-item>
 
-      <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">Login</el-button>
+      <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;"
+                 @click.native.prevent="handleLogin">Login
+      </el-button>
 
       <div class="tips">
         <span style="margin-right:20px;">username: admin</span>
@@ -53,7 +56,7 @@
 </template>
 
 <script>
-import { validUsername } from '@/utils/validate'
+import {validUsername} from '@/utils/validate'
 
 export default {
   name: 'Login',
@@ -78,8 +81,8 @@ export default {
         password: '111111'
       },
       loginRules: {
-        username: [{ required: true, trigger: 'blur', validator: validateUsername }],
-        password: [{ required: true, trigger: 'blur', validator: validatePassword }]
+        username: [{required: true, trigger: 'blur', validator: validateUsername}],
+        password: [{required: true, trigger: 'blur', validator: validatePassword}]
       },
       loading: false,
       passwordType: 'password',
@@ -88,7 +91,7 @@ export default {
   },
   watch: {
     $route: {
-      handler: function(route) {
+      handler: function (route) {
         this.redirect = route.query && route.query.redirect
       },
       immediate: true
@@ -110,7 +113,7 @@ export default {
         if (valid) {
           this.loading = true
           this.store.user.login(this.loginForm).then(() => {
-            this.$router.push({ path: this.redirect || '/' })
+            this.$router.push({path: this.redirect || '/'})
             this.loading = false
           }).catch(() => {
             this.loading = false
@@ -129,8 +132,8 @@ export default {
 /* 修复input 背景不协调 和光标变色 */
 /* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
 
-$bg:#283443;
-$light_gray:#fff;
+$bg: #283443;
+$light_gray: #fff;
 $cursor: #fff;
 
 @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
@@ -173,9 +176,9 @@ $cursor: #fff;
 </style>
 
 <style lang="scss" scoped>
-$bg:#2d3a4b;
-$dark_gray:#889aa4;
-$light_gray:#eee;
+$bg: #2d3a4b;
+$dark_gray: #889aa4;
+$light_gray: #eee;
 
 .login-container {
   min-height: 100%;

tmp/index.html

@@ -2,7 +2,7 @@
 <head>
     <title>JavaScript自动关闭窗口</title>
     <meta http-equiv="content-Type" content="text/html;charset=utf-8">
-    <script src="monkey/util.js"></script>
+    <script src="../monkey/util.js"></script>
 </head>
 <body>
 <script>

tmp/search.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>搜索</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+<!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"-->
+<!--          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">-->
+    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">
+    <style>
+    </style>
+</head>
+<body>
+<!--<div class="container-fluid">-->
+<!--    &lt;!&ndash; Content here &ndash;&gt;-->
+<!--    <br>-->
+<!--    <div class="row">-->
+<!--        <form class="form">-->
+<!--            <div class="form-group">-->
+<!--                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">-->
+<!--            </div>-->
+<!--        </form>-->
+<!--    </div>-->
+<!--    <div class="row">-->
+<!--        <div class="col-md-4">-->
+<!--            notion-->
+<!--        </div>-->
+<!--        <div class="col-md-4">-->
+<!--            memory-->
+<!--        </div>-->
+<!--        <div class="col-md-4">-->
+<!--            <iframe src="https://www.yuque.com/search?q=spring&type=content&scope=%2F&tab=related&p=1" width="100%"-->
+<!--                    height="900px">-->
+<!--            </iframe>-->
+<!--        </div>-->
+<!--    </div>-->
+
+<!--</div>-->
+<div class="container-fluid">
+    <div class="row-fluid">
+        <div class="span12">
+            <form class="form-search form-inline">
+                <input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
+            </form>
+        </div>
+    </div>
+    <div class="row-fluid">
+        <div class="span4">
+            <span class="label">文字标签</span>
+        </div>
+        <div class="span4">
+            <span class="label">文字标签</span>
+        </div>
+        <div class="span4">
+            <span class="label">文字标签</span>
+        </div>
+    </div>
+</div>
+<script>
+
+</script>
+
+</body>
+</html>

tmp/test.html

@@ -3,21 +3,41 @@
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
+          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+    <style>
+    </style>
 </head>
 <body>
+<div class="container-fluid">
+    <!-- Content here -->
+    <br>
+    <div class="row">
+        <form class="form">
+            <div class="form-group">
+                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
+            </div>
+        </form>
+    </div>
+    <div class="row">
+        <div class="col-md-4">
+           notion
+        </div>
+        <div class="col-md-4">
+            memory
+        </div>
+        <div class="col-md-4">
+            <iframe src="https://www.yuque.com/search?q=spring&type=content&scope=%2F&tab=related&p=1" width="100%"
+                    height="900px">
+            </iframe>
+        </div>
+    </div>
+
+</div>
+
 <script>
-    function GetQueryString(name) {
-        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-        var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
-        var context = "";
-        if (r != null)
-            context = r[2];
-        reg = null;
-        r = null;
-        return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
-    }
-    // location.href = GetQueryString("url");
-    console.log(GetQueryString("url"))
+
 </script>
 
 </body>