mirror of
https://github.com/xsf0105/vue3-h5-template.git
synced 2025-04-25 11:06:34 +08:00
20160819/15:15
This commit is contained in:
parent
94f9fcb631
commit
2bf4b2c248
16
src/app.js
16
src/app.js
@ -3,19 +3,19 @@ require('./css/common.css');
|
|||||||
require('./css/main.css');
|
require('./css/main.css');
|
||||||
require('./css/animate.css');
|
require('./css/animate.css');
|
||||||
|
|
||||||
var Vue = require('vue');
|
const Vue = require('vue');
|
||||||
var VueRouter = require('vue-router');
|
const VueRouter = require('vue-router');
|
||||||
|
const filters = require('./common/filters');// register filters 自定义过滤器
|
||||||
|
|
||||||
// register filters 自定义过滤器 金额格式化,
|
const _config = require('./common/config');// API接口 可以在需要的页面引入,此页面可以不引入!
|
||||||
var filters = require('./filters');
|
console.log(_config.SERVICE.EDU.DETAILS);
|
||||||
|
|
||||||
Object.keys(filters).forEach(function(k) {
|
//Object.keys(filters).forEach(function(k) {
|
||||||
Vue.filter(k, filters[k]);
|
// Vue.filter(k, filters[k]);
|
||||||
});
|
//});
|
||||||
|
|
||||||
var App = Vue.extend(require('./app.vue'));
|
var App = Vue.extend(require('./app.vue'));
|
||||||
Vue.use(VueRouter);
|
Vue.use(VueRouter);
|
||||||
|
|
||||||
var router = new VueRouter(
|
var router = new VueRouter(
|
||||||
{
|
{
|
||||||
hashbang: true, //为true的时候 example.com/#!/foo/bar , false的时候 example.com/#/foo/bar
|
hashbang: true, //为true的时候 example.com/#!/foo/bar , false的时候 example.com/#/foo/bar
|
||||||
|
@ -2,7 +2,9 @@
|
|||||||
<div class="app">
|
<div class="app">
|
||||||
|
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
<button @click="test()">xxxx</button>
|
|
||||||
|
<button @click="test()">test button!</button>
|
||||||
|
|
||||||
<footer class="fixed-bottom clearfix">
|
<footer class="fixed-bottom clearfix">
|
||||||
<div class="col4" v-for="item in items" v-link="item">
|
<div class="col4" v-for="item in items" v-link="item">
|
||||||
<a class="cur" href="" v-text="item.name">{{$index}}</a>
|
<a class="cur" href="" v-text="item.name">{{$index}}</a>
|
||||||
@ -28,7 +30,6 @@ module.exports = {
|
|||||||
'/about':{
|
'/about':{
|
||||||
name:'about'
|
name:'about'
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
24
src/common/config.js
Normal file
24
src/common/config.js
Normal 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'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
@ -3,14 +3,19 @@
|
|||||||
<!-- div.select_components_mask 类根据堆叠关系 不用设置z-index -->
|
<!-- div.select_components_mask 类根据堆叠关系 不用设置z-index -->
|
||||||
<div class="select_components_mask" v-show="show" @click.stop="show=false"></div>
|
<div class="select_components_mask" v-show="show" @click.stop="show=false"></div>
|
||||||
<slot name="title">default title</slot>
|
<slot name="title">default title</slot>
|
||||||
|
|
||||||
<div class="select" @click.stop="show=!show">
|
<div class="select" @click.stop="show=!show">
|
||||||
|
|
||||||
<div class="select-content">{{chooseval}}</div>
|
<div class="select-content">{{chooseval}}</div>
|
||||||
|
|
||||||
<div class="select_arrow">
|
<div class="select_arrow">
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="select_wrap" :class="{ 'hide': !show }">
|
<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>
|
<li v-for="d in items" :class="{ 'hover': d.hover }" @mouseout="mouseout(d,$index)" @mouseover="mouseover(d,$index)" @click="choose"> {{ d.text }} </li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user