RogerWorkPC
/
Vue_Demo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交Github临时代码

Browse Source
new_branch1
roger 2 years ago
parent ddcafab605
commit 2a7fbb0be1
5 changed files with 6899 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6800
      20_脚手架/vue_code/public/css/bootstrap.css
  2. 1
      20_脚手架/vue_code/public/index.html
  3. 60
      20_脚手架/vue_code/src/App.vue
  4. 63
      20_脚手架/vue_code/src/components/List.vue
  5. 26
      20_脚手架/vue_code/src/components/Search.vue

6800
20_脚手架/vue_code/public/css/bootstrap.css vendored
View File

File diff suppressed because it is too large Load Diff

1
20_脚手架/vue_code/public/index.html
Unescape View File

@ -5,6 +5,7 @@
<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">
<link rel="stylesheet" href="<%= BASE_URL %>css/bootstrap.css">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>

60
20_脚手架/vue_code/src/App.vue
Unescape View File

@ -1,56 +1,20 @@
<template>
<div id="app">
<div>
<section>
<h3>Search Github Users</h3>
<div>
<input type="text" placeholder="enter the name you search">&nbsp;<button>Search</button>
</div>
</section>
</div>
<div class="row">
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
</div>
<div class="container">
<Search/>
<List/>
</div>
</template>
<script>
import Search from "@/components/Search.vue";
import List from "@/components/List.vue"
export default {
name: "App"
name: "App",
components: {Search, List}
}
</script>
<style>
</style>

63
20_脚手架/vue_code/src/components/List.vue
Unescape View File

@ -1,5 +1,42 @@
<template>
<div class="row">
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
<div class="card">
<a href="https://github.com/xxxxxx" target="_blank">
<img src="https://v2.cn.vuejs.org/images/logo.svg" style="width: 100px" alt=""/>
</a>
<p class="card-text">xxxxx</p>
</div>
</div>
</template>
<script>
@ -9,5 +46,29 @@ export default {
</script>
<style scoped>
.album {
min-height: 50rem; /* Can be removed; just added for demo purposes */
padding-top: 3rem;
padding-bottom: 3rem;
background-color: #f7f7f7;
}
.card {
float: left;
width: 33.333%;
padding: .75rem;
margin-bottom: 2rem;
border: 1px solid #efefef;
text-align: center;
border-radius: 10px;
}
.card > img {
margin-bottom: .75rem;
border-radius: 100px;
}
.card-text {
font-size: 85%;
}
</style>

26
20_脚手架/vue_code/src/components/Search.vue
Unescape View File

@ -1,10 +1,32 @@
<template>
<div>
<section class="jumbotron">
<h3 class="jumbotron-heading">Search Github Users</h3>
<div>
<input type="text" placeholder="enter the name you search" v-model="input">&nbsp;<button @click="getUser()">Search</button>
</div>
</section>
</div>
</template>
<script>
import axios from "axios";
export default {
name: "Search"
name: "Search",
data() {
return {
input: ""
}
},
methods: {
getUser(e) {
axios.get('https://api.github.com/search/users?', {params: {"q": this.input}}).then(
response => {
console.log(response.data)},
)
}
}
}
</script>

Write Preview
Loading…
Cancel
Save