Quasar Framework

cst_zf

@qyloxe Thanks, this is what I want!
I tried to find if there is a splash screen component but found nothing.
v-cloak will do it! Thank u very much!

cst_zf

I find my UMD is very slow to show.
The rendering process will end in about 1 second. So I can see the original html page with an argly format.
How can I speed up the rendering process?

<!DOCTYPE html>
<html lang="zh-hans">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">
    <title>Title</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/animate.css@^3.5.2/animate.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/quasar.min.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <div id="q-app">
      <q-layout view="lHh Lpr fff">
        <q-header elevated class="glossy">
          <q-toolbar>
            <q-toolbar-title class="text-center">
              Login
            </q-toolbar-title>
          </q-toolbar>
        </q-header>
        <q-page-container>
          <q-page padding>
            <div class="row flex-center q-pa-md">
              <q-form class="q-gutter-xl" style="min-width: 400px">
                <q-input outlined v-model="email" label="Input Email" :rules="[ val => val && val.match(/^[a-zA-Z0-9_.+-]+@example\.com+$/g) || 'Please input a correct email address']">
                    <template v-slot:after>
                      <q-btn round icon="send" type="submit" color="primary" @click="onSubmitEmail" />
                    </template>
                </q-input>
              </q-form>
            </div>
            <div class="row flex-center q-pa-md">
              <q-form class="q-gutter-xl" style="min-width: 400px">
                <q-input outlined v-model="code" label="Input Code">
                    <template v-slot:after>
                      <q-btn round icon="send" type="submit" color="primary" @click="onSubmitCode" />
                    </template>
                </q-input>
              </q-form>
            </div>
          </q-page>
        </q-page-container>
      </q-layout>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/quasar.ie.polyfills.umd.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@latest/dist/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/quasar.umd.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/lang/zh-hans.umd.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script>
      Quasar.lang.set(Quasar.lang.zhHans)
      
      Vue.prototype.$axios = axios

      new Vue({
        el: '#q-app',
        data: function () {
          return {
            version: Quasar.version,
            email: '@example.com',
            code: ''
          }
        },
        methods:{
            onSubmitEmail () {
            },
            onSubmitCode () {                
            }
        }
      })
    </script>
  </body>
</html>

cst_zf

Will this cdn still be updated?
I find there is not v1.4.0 there.

cst_zf

@qyloxe Drag and Drop IDE is amazing for the whole VUE developing, just like what VB and Delphi do.

cst_zf

pushing notifications is a job of app framework(such as Cordova, Electron, Html5 Browser), not UI layer.
Use api or component of every platform you want to deploy. There is no way to write once, deploy everywhere for this feature.

cst_zf

@Hawkeye64 said in advice: Weixin(Wechat) mini program support:

All Chinese and Google Chrome doesn’t try to translate it

i guess only the part about which feature does not work in mpvue is important.

cst_zf

@Samulwong said in advice: Weixin(Wechat) mini program support:

@Hawkeye64 The link czt share about mini app of wechat is English, I think it good to generally know about the mini app, make some basic evaluations. The one of mpvue is Chinese and I suggest you abort trying translating with google translate or similar .
The discord name raynong (without #****) I had verified before . Pls kindly try again or let me know how can I apply positive instead of being invited?

most of the ssr/pptp servers is blocked by gfw. i think you may try anyconnect. many softwares work wrongly inside the wall.

cst_zf

https://www.zhihu.com/people/f20a4dda9fae495be94f1d5cdc22c24c
It is said this is the head of MPVUE in Meituan.

cst_zf

https://developers.weixin.qq.com/miniprogram/en/dev/quickstart/basic/framework.html
this may be helpful.
MPVUE does not provide official english docs, even its github is written in Chinese.
http://mpvue.com/
https://github.com/Meituan-Dianping/mpvue

cst_zf

@Hawkeye64 The native mobile app is indeed dead in China for the reason of no way to deploy it and this is why chinese developer take less interest in Cordova. Chinese users also prefer a all-in-one super application which is a little like a mobile OS. The top two super applications, Wechat and Alipay, support very similar mini app standard with vue-like style. They are the most popular ways for Chinese developers to deploy their software.

cst_zf

@cst_zf

Posts made by cst_zf