Skip to content

F
file
Commit 0246e114 by wangyalan-git
Options

Initial commit

parents
Showing with 447 additions and 0 deletions
.browserslistrc 0 → 100644
> 1%
last 2 versions
not dead
.editorconfig 0 → 100644
[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
.eslintrc.js 0 → 100644
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'@vue/standard'
],
parserOptions: {
parser: 'babel-eslint'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
}
}
.gitignore 0 → 100644
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
README.md 0 → 100644
# vanke-pc
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
babel.config.js 0 → 100644
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
{
"name": "vanke-pc",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"element-ui": "^2.13.2",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.4.0",
"@vue/cli-plugin-eslint": "~4.4.0",
"@vue/cli-plugin-router": "~4.4.0",
"@vue/cli-plugin-vuex": "~4.4.0",
"@vue/cli-service": "~4.4.0",
"@vue/eslint-config-standard": "^5.1.2",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.0",
"eslint-plugin-vue": "^6.2.2",
"node-sass": "^4.12.0",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
}
}
public/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<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>
</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>
src/App.vue 0 → 100644
<template>
<div id="app">
<router-view/>
</div>
</template>
<style lang="scss">
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#nav {
padding: 30px;
a {
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
}
}
}
</style>
src/assets/scss/common.scss 0 → 100644
/* 改变主题色变量 */
$--color-primary: #4583F3;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
* {
margin: 0;
padding: 0;
}
ul,
ol,
dl {
list-style: none;
}
.page{
//display: flex;
width: 100%;
height: 100%;
margin: 0 auto;
//min-width: 960px;
//justify-content:center;
//align-items: center;
//background: #dcdcdc;
}
.input-width{
width: 300px;
}
src/main.js 0 → 100644
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 完整引入 Element
import ElementUI from 'element-ui'
import '@/assets/scss/common.scss'
Vue.use(ElementUI)
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
src/router/index.js 0 → 100644
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'home',
component: () => import('@/views/Home/index.vue')
}
]
const router = new VueRouter({
routes
})
export default router
src/store/index.js 0 → 100644
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})
src/views/Home/index.vue 0 → 100644
<template>
<div class="page">
<div class="nav">
<img src="@/assets/images/ic_logo.png" alt="">
<div class="search-module">
<ul>
<li class="checked">文档名称</li>
<li>文档类型</li>
<li>发布时间</li>
<li>创建者</li>
</ul>
<el-input
class="input-width"
placeholder="请输入内容"
v-model="searchName">
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>
</div>
<div>
</div>
</div>
<div class="container">
<el-row :gutter="50">
<el-col :span="12">
<div class="title">
<p>热门下载 Popular download</p>
<p>更多 <i class="el-icon-arrow-right"></i></p>
</div>
<div>
<el-table
:show-header="false"
:data="tableData"
style="width: 100%">
<el-table-column
prop="address"
>
</el-table-column>
<el-table-column
prop="zip"
width="200">
</el-table-column>
<el-table-column
width="100">
<template slot-scope="scope">
<el-button
@click.native.prevent="deleteRow(scope.$index, tableData)"
size="small">
立即下载
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-col>
<el-col :span="12">
<div class="title">
<p>热门下载 Popular download</p>
<p>更多 <i class="el-icon-arrow-right"></i></p>
</div>
<div>
<el-table
:show-header="false"
:data="tableData"
style="width: 100%">
<el-table-column
prop="address"
>
</el-table-column>
<el-table-column
prop="zip"
width="200">
</el-table-column>
<el-table-column
width="100">
<template slot-scope="scope">
<el-button
@click.native.prevent="deleteRow(scope.$index, tableData)"
size="small">
立即下载
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
export default {
name: 'index',
components: {},
data () {
return {
searchName: null,
tableData: [{
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-08',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-06',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-07',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}]
}
},
mounted () {
},
methods: {}
}
</script>
<style lang='scss' scoped>
.nav {
display: flex;
justify-content: center;
align-items: center;
width: 70%;
margin: 0 auto;
padding: 30px 0;
}
.nav img {
margin-right: 30px;
}
.search-module {
display: flex;
flex-direction: column;
}
.search-module ul {
list-style: none;
display: flex;
}
.search-module li {
margin-right: 5px;
font-size: 12px;
cursor: pointer;
line-height: 26px;
text-align: center;
background: #f0f0f0;
padding: 0 5px;
height: 26px;
border-radius: 4px 4px 0 0;
}
.search-module .checked {
background: #4583F3;
color: #ffffff;
}
.container{
width: 70%;
margin: 50px auto;
}
.title{
display: flex;
justify-content: space-between;
padding: 20px;
font-size: 16px;
}
.title p:last-child{
color:#4583F3;
font-size: 13px;
}
.input-width {
width: 500px;
/*border: 1px solid #4583F3;*/
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment