framework7io / framework7-template-vue-simple Goto Github PK
View Code? Open in Web Editor NEWDeprecated! Simple Framework7 Vue starter app template in a single HTML file
Home Page: http://framework7.io/vue/
License: MIT License
Deprecated! Simple Framework7 Vue starter app template in a single HTML file
Home Page: http://framework7.io/vue/
License: MIT License
Hi, i downloaded all files after build at build.phonegap.com. Then i installed that apk but not working vue template.... i think device can not compile vue template file.
P.s: All files are working localhost, or web but not working at device(apk --->phone).
What can i do?
I changed app.js to use material css as material:true
and changed to link material css file in index.html , when the about-page is opened navbar not updated or not showing in front of existing navbar, this issue occur only when using material css
I've just create very simple app and it is work.
But I've just visit to https://github.com/framework7io/framework7-vue and see the title that it was deprecated? Is that true?
So I need your answer so I can stop my vue project and use F7 with React.
Thanks.
I have created a project on this template. Now I build an apk file using cordova. Now when I am installing and running the android file on the device, I am getting an blank screen.
Hi. I need make a redirect in main.vue, but this.$router is undefined. How can I do that? thx.
I'm trying to install vue-meta plugin in this example, but in console it is returning error message:
Unexpected identifier
Please help me to resolve this issue.
Adding an extra "page" in, such as About2
, linked to from the About
"page" breaks the back navigation...
e.g.
in www/index.html modify the about markup
<template id="page-about">
<f7-page>
<f7-navbar title="About" back-link="Back"></f7-navbar>
<f7-block-title>About My App</f7-block-title>
<f7-block strong>
<p>Here is About page!</p>
<f7-list>
<f7-list-item link="/about2/">About 2</f7-list-item>
</f7-list>
<p>You can go <f7-link back>back</f7-link>.</p>
<p>Mauris posuere sit amet metus id venenatis. Ut ante dolor, tempor nec commodo rutrum, varius at sem. Nullam ac nisi non neque ornare pretium. Nulla mauris mauris, consequat et elementum sit amet, egestas sed orci. In hac habitasse platea dictumst.</p>
<p>Fusce eros lectus, accumsan eget mi vel, iaculis tincidunt felis. Nulla tincidunt pharetra sagittis. Fusce in felis eros. Nulla sit amet aliquam lorem, et gravida ipsum. Mauris consectetur nisl non sollicitudin tristique. Praesent vitae metus ac quam rhoncus mattis vel et nisi. Aenean aliquet, felis quis dignissim iaculis, lectus quam tincidunt ligula, et venenatis turpis risus sed lorem. Morbi eu metus elit. Ut vel diam dolor.</p>
</f7-block>
</f7-page>
</template>
and adding another template for about2
<template id="page-about-2">
<f7-page>
<f7-navbar title="About 2" back-link="Back"></f7-navbar>
<f7-block-title>About 2 My App</f7-block-title>
<f7-block strong>
<p>Here is About page 2!</p>
<p>You can go <f7-link back>back</f7-link>.</p>
<p>Mauris posuere sit amet metus id venenatis. Ut ante dolor, tempor nec commodo rutrum, varius at sem. Nullam ac nisi non neque ornare pretium. Nulla mauris mauris, consequat et elementum sit amet, egestas sed orci. In hac habitasse platea dictumst.</p>
<p>Fusce eros lectus, accumsan eget mi vel, iaculis tincidunt felis. Nulla tincidunt pharetra sagittis. Fusce in felis eros. Nulla sit amet aliquam lorem, et gravida ipsum. Mauris consectetur nisl non sollicitudin tristique. Praesent vitae metus ac quam rhoncus mattis vel et nisi. Aenean aliquet, felis quis dignissim iaculis, lectus quam tincidunt ligula, et venenatis turpis risus sed lorem. Morbi eu metus elit. Ut vel diam dolor.</p>
</f7-block>
</f7-page>
</template>
Then adding in the component for /about2/
to the initialisation in app.js
Vue.component('page-about-2', {
template: '#page-about-2'
});
and the route:
{
path: '/about2/',
component: 'page-about-2'
}
Then clicking the link for "/about/" and subsequently clicking the new link to "/about2/" lets you navigate 'back' once, but then hitting 'back' again gets a 404...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.