I have a site using Quasar/PWA, here’s the source code:
https://github.com/charlieknoll/photo-frame-pwa
and here are some dev tips:
https://github.com/charlieknoll/photo-frame-pwa/blob/master/src/markdown/readme-dev.md
I have a site using Quasar/PWA, here’s the source code:
https://github.com/charlieknoll/photo-frame-pwa
and here are some dev tips:
https://github.com/charlieknoll/photo-frame-pwa/blob/master/src/markdown/readme-dev.md
@dietbepis1 You got it, you set v-model=“slide” and in your data you set slide to ‘style’. It looks like it should be a value such as review.rdate if you want the slide index to start at a particular slide.
I created custom transition css for a 3 second transition (I’m not sure if all of the css is necessary):
<style>
.q-carousel__slide {
min-height: 100%;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.q-carousel__slides-container {
height: 100%;
background-color: black;
}
.q-transition--slide-fade-enter-active {
transition: all 3s cubic-bezier(0.33, 1, 0.68, 1);
}
.q-transition--slide-fade-leave-active {
transition: all 3s cubic-bezier(0.32, 0, 0.67, 0);
}
.q-transition--slide-fade-enter,
.q-transition--slide-fade-leave-to {
opacity: 0;
position: absolute;
}
</style>
Then set your props on the carousel:
transition-next="slide-fade"
transition-prev="slide-fade"
Also, be sure to have animations turned on in your OS.
Can you get a reference to the element running this in your console?
document.querySelector("input[name='email']")
@dietbepis1 You got it, you set v-model=“slide” and in your data you set slide to ‘style’. It looks like it should be a value such as review.rdate if you want the slide index to start at a particular slide.
I think you may need to put email in quotes:
"input[name='email']"
I have a site using Quasar/PWA, here’s the source code:
https://github.com/charlieknoll/photo-frame-pwa
and here are some dev tips:
https://github.com/charlieknoll/photo-frame-pwa/blob/master/src/markdown/readme-dev.md
I found it helpful to View-Reload the electron app if you have breakpoints in the quasar/vue part of the app. This is some notes I took down for a vue/electron project. Maybe it will help: https://gist.github.com/charlieknoll/a2ee69befa846e17b69bdea12474cd73
I feel your pain. I was able to get “sane” async debugging working in vscode using this in babel.config.js (I’m sure there is a better way):
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
chrome: 78
}
}
]
],
plugins: [['@babel/plugin-proposal-class-properties']]
}