JLNTV_IPD/vue3-h5-quark-template
4
0
Fork 0
mirror of https://github.com/xsf0105/vue3-h5-template.git synced 2025-04-06 04:00:04 +08:00
Code Issues Projects Releases Wiki Activity

20160819/15:15

Browse Source
This commit is contained in:
xsf 2016-08-19 15:16:00 +08:00
parent 94f9fcb631
commit 2bf4b2c248
5 changed files with 70 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app.js
View File

@ -3,19 +3,19 @@ require('./css/common.css');
require('./css/main.css');
require('./css/animate.css');
var Vue = require('vue');
var VueRouter = require('vue-router');
const Vue = require('vue');
const VueRouter = require('vue-router');
const filters = require('./common/filters');// register filters 自定义过滤器
// register filters 自定义过滤器 金额格式化，
var filters = require('./filters');
const _config = require('./common/config');// API接口 可以在需要的页面引入,此页面可以不引入!
console.log(_config.SERVICE.EDU.DETAILS);
Object.keys(filters).forEach(function(k) {
Vue.filter(k, filters[k]);
});
//Object.keys(filters).forEach(function(k) {
// Vue.filter(k, filters[k]);
//});
var App = Vue.extend(require('./app.vue'));
Vue.use(VueRouter);
Vue.use(VueRouter);
var router = new VueRouter(
{
hashbang: true, //为true的时候 example.com/#!/foo/bar ， false的时候 example.com/#/foo/bar

37
src/app.vue
View File

@ -2,7 +2,9 @@
<div class="app">
<router-view></router-view>
<button @click="test()">xxxx</button>
<button @click="test()">test button!</button>
<footer class="fixed-bottom clearfix">
<div class="col4" v-for="item in items" v-link="item">
<a class="cur" href="" v-text="item.name">{{$index}}</a>
@ -14,24 +16,23 @@
<script>
module.exports = {
data: function() {
return {
items:{
'/':{
name:'index'
},
'/news': {
name:'news'
},
'/search/:viewId': {
name:'search'
},
'/about':{
name:'about'
}
return {
items:{
'/':{
name:'index'
},
'/news': {
name:'news'
},
'/search/:viewId': {
name:'search'
},
'/about':{
name:'about'
}
}
}
};
};
},
components:{
// modal:require('./components/modal.vue'),

24
src/common/config.js Normal file
View File

@ -0,0 +1,24 @@
const server_host = 'http://115.239.229.12:8020/';
module.exports = {
SERVICE: {
POLICY: {
LIST: server_host + 'policy/findPage',
DETAILS: server_host + 'policy/load',
STORE: server_host + 'policyCollect/save',
UNSTORE: server_host + 'policyCollect/delete',
SHARE: server_host + 'policyShare/save',
PRAISE: server_host + 'policy/praise',
// 在线匹配
MATCHONLINE: server_host + 'policy/matchePolicy'
},
EDU: {
LIST: server_host + 'educationStudy/findPage',
DETAILS: server_host + 'educationStudy/load',
STORE: server_host + 'educationStudyCollect/save',
UNSTORE: server_host + 'educationStudyCollect/delete',
SHARE: server_host + 'educationStudyShare/save',
PRAISE: server_host + 'educationStudy/praise'
},
}
}

0
src/filters.js → src/common/filters.js
View File

31
src/components/select.vue
View File

@ -1,18 +1,23 @@
<template>
<div>
<!-- div.select_components_mask 类根据堆叠关系 不用设置z-index -->
<div class="select_components_mask" v-show="show" @click.stop="show=false"></div>
<slot name="title">default title</slot>
<div class="select" @click.stop="show=!show">
<div class="select-content">{{chooseval}}</div>
<div class="select_arrow">
<span></span>
<div>
<!-- div.select_components_mask 类根据堆叠关系 不用设置z-index -->
<div class="select_components_mask" v-show="show" @click.stop="show=false"></div>
<slot name="title">default title</slot>
<div class="select" @click.stop="show=!show">
<div class="select-content">{{chooseval}}</div>
<div class="select_arrow">
<span></span>
</div>
<ul class="select_wrap" :class="{ 'hide': !show }">
<li v-for="d in items" :class="{ 'hover': d.hover }" @mouseout="mouseout(d,$index)" @mouseover="mouseover(d,$index)" @click="choose"> {{ d.text }} </li>
</ul>
</div>
</div>
<ul class="select_wrap" :class="{ 'hide': !show }">
<li v-for="d in items" :class="{ 'hover': d.hover }" @mouseout="mouseout(d,$index)" @mouseover="mouseover(d,$index)" @click="choose"> {{ d.text }} </li>
</ul>
</div>
</div>
</template>
<script>