Vux: Komponentenvorschlag (Neue Komponentenvorschläge sind hier konzentriert)

Betrachten Sie die Funktion der Bildvorschau

Erwägen Sie das Hinzufügen von Tags Input ähnlich WeChat-Friend-Tags, siehe http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

Erwägen Sie, die vorhandene Registerkarte zu erweitern und Optionen hinzuzufügen, die in horizontaler Richtung gewischt werden können, siehe: http://kissygalleryteam.github.io/xtab/doc/demo/index.html

Fügen Sie eine rechtsbündige Eingabe, eine Beschriftung auf der linken Seite, rechtsbündigen Eingabeinhalt und Unterstützungstyp=Datum usw. hinzu.

@terrasse
1. Sie können text-align verwenden, um eine richtige Ausrichtung zu erreichen.
2. Komponenten haben ein Typattribut

Das Dokument wurde noch nicht freigegeben, siehe x-Eingabecode für Details.

@airyland Okay, ich habe gerade die Beispiele in der Demo gelesen, es wird vorgeschlagen, diese gängigen Szenarien hinzuzufügen

Fügen Sie einen x-scratch Komponenten-Scratch hinzu

@agileago dies ist derzeit nicht geplant, aber PRs sind willkommen

Fügen Sie eine GOTOP-Komponente hinzu, die Funktion ist relativ einfach und wird immer noch häufig verwendet

@hubinjie ist vorerst nicht geplant, PR ist willkommen.

<template>
  <div class="weui-uploader">
    <div class="weui-uploader__hd">
    </div>
    <div class="weui-uploader__bd">
      <ul class="weui-uploader__files">
        <li class="weui-uploader__file" v-for="(thumbnail, index) in thumbnails" :style="{ backgroundImage: `url(${ thumbnail })` }" @click="click(index)">
          <badge text="x" class="delete" @click.native.stop="deleteImage(index)"></badge>
        </li>
      </ul>
      <div class="weui-uploader__input-box">
        <button class="weui-uploader__input" @click="onButtonClick"></button>
      </div>
    </div>
  </div>
</template>

<script>
  import { Badge } from 'vux';

  export default {
    props: {
      thumbnails: Array,
    },
    methods: {
      onButtonClick() {
        this.$emit('on-button-click');
      },
      click(index) {
        this.$emit('on-item-click', index);
      },
      deleteImage(index) {
        this.$emit('on-delete-click', index);
      },
    },
    components: {
      Badge,
    },
  };
</script>

<style>
  .delete {
    float: right;
  }
</style>

@airyland braucht im Geschäft, ich habe eine Uploader-Komponente geschrieben, den Code in der HD von weui-uploader gelöscht (ich habe ihn nicht persönlich verwendet), eine Reihe von Bild-URLs erhalten, es gibt standardmäßig eine Schaltfläche zum Hinzufügen und jede Bild hat ein Klick-Ereignis (für die Vorschauanforderung), es gibt eine Schaltfläche zum Löschen in der oberen rechten Ecke jedes Bildes (diese Implementierung dient nur der Vermeidung von Ärger und ist nicht schön, weui verwendet die Galerievorschau, um sie zu löschen, ich verwende vux's Previewer, also gibt es keine Möglichkeit, es in der Vorschau zu löschen, ich hoffe, der Autor kann die Galerie verwenden, um die Vorschaufunktion zu implementieren oder in der Vorschau hinzuzufügen und zu löschen). Ich hoffe, der Autor kann es zu vux hinzufügen. Es kann Probleme mit der Art und Weise geben, wie ich es implementiere, nur um eine Idee zu geben. Bild unten.

Es gibt auch eine Bildlistenkomponente, ähnlich dem Uploader, die nur Bildklickereignisse bereitstellt

<template>
  <div>
    <div class="weui-uploader">
      <div class="weui-uploader__bd">
        <ul class="weui-uploader__files">
          <li class="weui-uploader__file" v-for="(thumbnail, index) in thumbnails" :style="{ backgroundImage: `url(${ thumbnail.src })` }" @click="click(index)"></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>

  export default {
    props: {
      thumbnails: Array,
    },
    methods: {
      click(index) {
        this.$emit('on-item-click', index);
      },
    },
    components: {},
  };
</script>

<style>
</style>

Betrachten Sie die Entwicklung von Side-Sliding-Menüs und Chat-Schnittstellenkomponenten. 😝

@guntertien Diese Komponente der Chat-Oberfläche ist ziemlich kompliziert

Für eine einfache Chat-Schnittstelle können Sie sich auf http://quasar-framework.org/components/chat.html , @airyland von Quasar beziehen, aber ich denke nicht, dass es notwendig ist, haha

Es wird empfohlen, eine Bild-Upload-Funktion bereitzustellen

@baimiaoolei upload macht keine Verpackung, jeder hat andere Bedürfnisse, das ist ein Fass ohne Boden.

https://github.com/airyland/vux/blob/v2/src/demos/Uploader.vue

Können Formularvorschau und Panel Slots bereitstellen, um individuellere Anforderungen zu erfüllen?

@BoringDays schlug vor, sich die Weisheit der Frage anzusehen, Sie sagen dasselbe wie 希望能提供更多有用的组件 und 你在吗 ohne Details.

@airyland Verfügt die Seite über Komponenten, die bei Bedarf geladen werden können?Zum Beispiel wird eine Seite mit einer Höhe von 2000 Pixel und einer Höhe von 640 Pixel auf eine bestimmte Entfernung heruntergezogen, um einen Inhalt zu laden und anzuzeigen

@LaiXuechao Können Sie die von Ihnen geschriebene Upload-Bildkomponente bereitstellen? Es wird auch für geschäftliche Zwecke verwendet.

@lmasdata Ich habe den obigen Code geschrieben und der Stil ist weui

Wann wird die Sidebar-Komponente verfügbar sein, danke

Es wird empfohlen, der Radio-Komponente einen Icon-Slot hinzuzufügen

Hallo @airyland- Autor, diese Komponente ist sehr wichtig für die Bestätigung und Vorschau von Informationen; zum Beispiel macht das Handy Fotos, scannt einige Bilder und die gescannten Informationen werden automatisch in das Eingabefeld eingetragen. Wenn die gescannten Informationen teilweise falsch sind , können Sie die Informationen im Eingabefeld auch manuell ändern, dann auf Speichern klicken und auf Abbrechen klicken, um den Vorgang erneut auszuführen. Tipps: Wenn zu viele Informationselemente angezeigt werden, werden sie bei Mobiltelefonen mit kleinem Bildschirm nicht angezeigt, und der Inhalt in der Modalbox wird zur Anzeige nach oben und unten gescrollt.

Beispiele können sich auf die Beispieladresse der Prompt-Komponente von jqweui beziehen: http://jqweui.com/components#dialog

Die besten Wünsche

@guntertien Erstens, die Notwendigkeit, viele Dinge einzugeben, sollte nicht in das Pop-up-Fenster platziert werden. Wenn Sie es versehentlich ausfüllen und schließen oder sich abmelden, müssen Sie es erneut ausfüllen, was nicht benutzerfreundlich ist . Zweitens, wenn Sie scrollen, um ein div mit einem Überlauf mit fester Höhe zu sehen, müssen Sie dies nicht für die Komponente tun.

@airyland Ich werde noch einmal nachsehen

Es gibt 2 XButtons in einer Oberfläche, wie kann man verschiedene Farben einstellen? @button-primary-bg-color in theme.less ist global .

@dangenius Dieser Fall überschreibt derzeit nur die Farbe alleine. Spätere vux-loader können die Farbe der Schaltfläche zur Selbstregistrierung implementieren.

Hallo @airyland , die aktuelle Grid-Komponente zeigt standardmäßig 3 GridItems in einer Reihe an Kann dies in ein benutzerdefiniertes geändert werden, um 2 oder 4 in einer Reihe zu unterstützen?Danke

@HansPeng Verwenden Sie Flexbox + 1px-Stil, um mehrere Raster anzupassen.

Fordern Sie eine Bildvorschau an

Hallo @airyland , kannst du eine ähnliche Komponente wie Table entwickeln bzw. was die aktuellen Komponenten betrifft, welche Komponenten können in Kombination verwendet werden, um Tabelleninformationen anzuzeigen? Danke!

Haben Sie darüber nachgedacht, eine Baumauswahl ähnlich zu machen, um den Anzeigeeffekt des Adressbuchs ähnlich zu reduzieren?

Schicht für Schicht entfalten

@zn3051644 Schau dir mal die Demo der Zelle an, die gibt es

Das obige Bild kann ungenau sein, tatsächlich ist es notwendig, eine Baumkomponente basierend auf Zellen zu erstellen.

Eine solche.

Könnten Sie erwägen, eine seitliche Schiebeleiste hinzuzufügen?

Können Sie erwägen, eine seitliche Schiebeleiste hinzuzufügen?

@lishuhao @lykgithub
Schauen Sie sich https://vux.li/demos/v2/?x-page=v2-doc-home#/component/popup an

@jsonviewer modifiziert die Previewer-Komponente selbst neu, definiert eine Schaltfläche, hört auf das on-delete-Ereignis und löst aus, wenn es gelöscht wird:
this.$emit('on-delete',this.photoswipe.getCurrentIndex());
Löschen Sie das Bild für diesen Index.

Kann Swiper den Wölbungseffekt verlängern? so was.

Scroller wird nicht mehr gepflegt. Aber tatsächlich müssen die Grundlagen mobiler Seiten jetzt Pull-up-Loading und Pull-down-Refresh durchführen.
Wenn Sie diese Komponente hinzufügen können.

@dgburn Derzeit ist dies nicht geplant, da die aktuelle Implementierung nur den Teil der 100% Karussellbreite anzeigt, können Sie eine Komponente eines Drittanbieters verwenden.
@SAOSO liegt hauptsächlich daran, dass der Autor der Scroller-Abhängigkeiten nicht aktualisiert wurde und ich nicht vorhabe, die Wartung zu übernehmen, und es viele Szenarien und viele Probleme gibt, sodass ich nach der Überforderung aufgegeben habe. Sie können einen Blick auf finger-move https://github.com/HcySunYang/finger-mover werfen oder Komponenten von Drittanbietern verwenden.

Okay, danke

Ich hoffe, eine Toptip-Komponente hinzuzufügen. Sie können auf http://jqweui.com/components verweisen

Anscheinend hat die aktuelle Version keine Indexlisten-Komponente wie mint-ui, ich finde das recht praktisch.

@gierig

Popup kann die Position einstellen, die Ihre Anforderungen erfüllen sollte

https://vux.li/demos/v2/?x-page=v2-doc-home#/component/popup

@wg5945 hat es sich angesehen, es kann die Anforderungen erfüllen und sogar zum seitlichen Schieben verwendet werden, danke

Scrollen Sie bei mehrzeiligem Text nach oben

Die Einstellung height="30px" ist immer noch eine einzeilige Anzeige.Höhe soll die Höhe jedes Swiper-Elements festlegen.Ich sehe nicht, wie viele Swiper-Elemente gleichzeitig angezeigt werden.

@wanghaijuan swiper-item im Stil ist mehr als eine Zeile.

Ist es möglich, ein Plugin für die automatische Vervollständigung hinzuzufügen, um den Wert anzuzeigen und zu trennen?

Zum Laden hochziehen.Ein Plug-in für die Pulldown-Aktualisierung, diese Funktion wird für große Bestellungen benötigt

@wang1048076313 Der nicht mehr gepflegte Scroller hat die von dir erwähnte Funktion, wurde aber aufgegeben, weil er nicht den komplexen Bedürfnissen aller gerecht werden konnte und andere Vue-Komponenten in der Community verwendet werden können.

Die automatische Vervollständigung von @jjjachyty ist auf Mobilgeräten nicht üblich. Sie können einige Szenarien zu sehen geben.

@airyland Ich muss einen oder zwei aller Clients auswählen, die ich als Bürge verwenden möchte, es gibt viele Clients und der Bildschirm des Mobiltelefons ist begrenzt, daher kann ich kein Popup-Fenster wie bei einem Computer auswählen andere gute lösungen sind mir nicht eingefallen.complete ist geeignet

Können die zugehörigen Abhängigkeiten von @airyland scroller nachträglich rausgeschmissen werden?

@jjjachyty Die lange Liste der Optionen schlägt vor, zum Lösen die Suche + Zellenliste zu verwenden, die auf einer neuen Seite ausgewählt werden kann.

@Jiiiiiiin was meinst du damit, dass nicht referenzierender komponentenbezogener Code nicht importiert wird?

@airyland wird nicht in die Post-Build-Dateien gestanzt, nur ein Vorschlag

Die Suchergebnisse der Suchkomponente werden in <slot>

Oder fügen Sie mindestens ein <slot> ein, um andere Vorgänge zu erleichtern, wie z. B. das Platzieren von Filterwerkzeugen im Steckplatz

@browneyedape sollte das Dokument fehlen, der Standard-Slot ist der Speicherort der Suchergebnisse.

https://github.com/airyland/vux/blob/v2/src/components/search/index.vue#L23

x-textarea Entschuldigung, wie bekommt diese Komponente automatisch den Fokus?

Können Komponentendemos, Schnittstellendokumentation und Codebeispiele auf einer Seite angezeigt werden?

@zhouchang2017 In Safari nicht möglich .
@vv13 Die Dokumentation wird demnächst überarbeitet.

Wischen Sie nach links, um eine Zelle zu löschen, so wie hier

@fuerpeng kann die Swipeout-Komponente verwenden

https://vux.li/demos/v2/?x-page=v2-doc-home#/component/swipeout

@giiiiiiit hat es selbst gelöst, das Problem wurde nicht so erwähnt.

Kann dieses Framework für die App-Entwicklung basierend auf Phonegap-Packaging verwendet werden?

@o624366705 ok , cordova

Kann die Radiokomponente den Stil des ausgewählten weui-icon-checked anpassen?

@ParkerFiend kann den Stil von .weui-icon- checked:before überschreiben

Komponenten wie xinput möchten ein Attribut hinzufügen, um eine Validierung und Eingabeaufforderungen zu generieren, wenn der Benutzer nicht klickt.

Die Bereichskomponente hofft, einen Klick hinzuzufügen, um die Position des Schiebereglers zu ändern

Gibt es eine Fußzeilenkomponente mit anpassbaren Inhalten, die wie die Registerkartenleiste unten fixiert ist?

@aliyoung Dies ist ein fest positioniertes Div. .

Ist es möglich, Scroll Listening in Betracht zu ziehen?

Kann eine einfache Komponente hinzugefügt werden, um die Zeit anzuzeigen.Nachdem ein Beitrag beispielsweise veröffentlicht wurde, zeigt die Zeit 刚刚 oder 五分钟前 usw. an.

Unterstützt Previewer nur eine Reihe von Bildern zum Vergrößern und Anzeigen einer Vorschau?So konfigurieren Sie, wenn zwei oder mehr Bildsätze vorhanden sind

Können Sie ein Attribut hinzufügen, das die Anzahl der Zeilen in der Picker-Komponente anzeigt, sowie Popup-Picker, Datetime usw.

@rochzp verstehe nicht, welchen Effekt du willst, den letzten Screenshot oder so.

Diese Gleitkomponente ist gut https://github.com/ustbhuangyi/better-scroll

Es ist nicht richtig, einen Vorschlag in die Ausgabe zu stellen.
Heute habe ich im vorherigen vue-cli-Init-Projekt (ohne Verwendung der vux-Vorlage) das vux-Paket gemäß der offiziellen Website-Dokumentation installiert und den vux-loader konfiguriert, aber als die Komponente eingeführt wurde, meldete sie immer wieder vue-style-loader , CSS-Loader-Ausnahme, keine Ursache gefunden. Es gibt keine Möglichkeit, less-loader später zusammen mit der offiziellen Website zu installieren, damit es normal verwendet werden kann.
Es wird empfohlen, die erforderlichen Pakete in den Vordergrund der offiziellen Website zu stellen oder im Ausnahmebericht eine genauere Ausnahmebehandlung zu veranlassen.

@a346721573
Nicht jeder verbraucht weniger

Für die offizielle Website, die das vux2-Template nicht verwenden und von selbst werfen möchte, gibt es eine detaillierte Dokumentation, und es gibt kein Auslassen weniger, Sie überspringen einen Schritt, der nicht als Dokument gilt.

Der Fehler ist ein Fehler beim Aufruf des Webpacks, vux-loader verfügt nicht über eine solche Funktion zum Erkennen von Abhängigkeiten, die nicht installiert sind

@airyland Ok, danke für den Rat, vielleicht verstehe ich die Abweichung, und ich verstehe den Schnellstart und die manuelle Verwendung in zwei Teile.

@airyland Denken Sie über das Teilen nach und fragen Sie, Suchkomponente, ist es möglich, einen Suchergebnisplatz zu erstellen? Das heißt, die übergeordnete Komponente kann entscheiden, wie das Ergebnis angezeigt wird. Oder erwägen Sie die Verwendung von v-html?

@alvawu Der Standard-Slot ist der Ergebnis-Slot, Sie können versuchen, den Standard-Slot anzupassen, ohne das Ergebnis anzugeben.

@airyland Ich glaube, ich kenne den Grund, der Slot in der Komponente umschließt das div nicht dahinter, sodass der von der Komponente definierte gerenderte Inhalt nicht ersetzt werden kann.
Ich habe versucht, die index.vue der Suche zu ändern

<Steckplatz>
<div class="weui-cell weui-cell_access" v-for="Element in Ergebnissen" @click="handleResultClick(item)">
<div class="weui-cell__bd weui-cell_primary">
<p>{{item.title}}</p>
</div>
</div>
</slot>

Wirkung erzielt werden kann

Vielleicht habe ich das Nutzungsszenario dieses Standard-Suchfensters falsch verstanden.

Jetzt versuche ich nur, einen Weg zu finden, die Standardanzeigeergebnisse zu ersetzen :)

Ich kann den Standardstil der X-Header-Komponente nicht überschreiben, indem ich Stile darin schreibe.

@hrqde Bitte lerne zuerst, wie man Fragen stellt. Darüber hinaus wird dieses Problem verwendet, um Vorschläge zu sammeln, Fehler nicht zu melden.

Ich hoffe, dass Popover den Show-Parameter erhöht. Popover=true wird beim Betreten der Seite angezeigt, die als Anfängeranleitung verwendet wird.Es ist nicht gut, CSS zu verwenden, um dies zu erreichen

Ich hoffe, eine Pull-up-Menü-Komponente hinzuzufügen, ähnlich dem Pull-up-Menü, das erscheint, wenn auf die Schaltfläche unten im offiziellen WeChat-Konto geklickt wird, und die Dropdown-Komponente von ElementUI, die auch in einen Pull umgewandelt werden kann -Up- oder Drop-Down-Menü je nach Standort. Es tut mir wirklich leid, dass ich es kostenlos angefordert habe. Dank des Autors ist vux für mich sehr hilfreich.

Ich hoffe, eine Funktion zum Anpassen der Tastatur hinzufügen zu können. Benutzer können den Kandidatentext in der Tastatur anpassen, wie zum Beispiel die Nummernschild-Eingabetastatur, die jetzt oft zu sehen ist.

Projekte sind nicht alles. :)

Am 31. Oktober 2017, 17:32, schrieb wsjhdwzq [email protected] :

Ich hoffe, eine Funktion zum Anpassen der Tastatur hinzufügen zu können. Benutzer können den Kandidatentext in der Tastatur anpassen, wie zum Beispiel die Nummernschild-Eingabetastatur, die jetzt oft zu sehen ist.
https://user-images.githubusercontent.com/18392803/32216940-6614ea00-be61-11e7-81e7-e684eb4a43d3.png
—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail, zeigen Sie sie auf GitHub https://github.com/airyland/vux/issues/139#issuecomment-340707730 an oder schalten Sie den Thread stumm https://github.com/notifications/unsubscribe-auth/AIblvHlctxA7YFVJPWXnsSlJBZZ5q4SXks5sxulKgaJpZM4IOo5e .

Es wird empfohlen, eine Dropdown-Mehrfachauswahlfunktion hinzuzufügen

Tastatur Num-Tastatur . Carnum-Tastatur

@airyland schlug vor, dass X-Symbole unterstützt werden: Geben Sie use ein, da die Menüs in unserem Projekt in einer Schleife geroutet werden, jedes Menü ein anderes Symbol ist, fügen Sie jeder Route ein icon -Attribut hinzu und dann v-for Use :type='item.icon' wenn sich #$ v-for $#$ als ungültig herausstellt. Ich hoffe, dass es so verwendet werden kann, sonst muss die Route tot in die Seite geschrieben werden, was sehr umständlich zu pflegen ist.

@justnowanna wird derzeit nicht unterstützt, da das x-Icon beim Parsen direkt durch eine einzelne SVG-Form ersetzt wird, bedeutet dies, dass die gesamte ionicon-Svg-Liste eingeführt werden muss, wenn Sie Dynamik erreichen möchten. Sie können jedoch manuell und direkt verlangen, dass die unter vux/src/ erforderlichen Symbole dynamisch umgeschaltet werden.

Verwenden Sie vif, um zu beurteilen, und kapseln Sie dann eine andere Ebene ein

Gepostet von NetEase Mail Master um 11:37 Uhr am 21. November 2017, Airyland schrieb:

@justnowanna wird derzeit nicht unterstützt, da das x-Icon beim Parsen direkt durch eine einzelne SVG-Form ersetzt wird, bedeutet dies, dass die gesamte ionicon-Svg-Liste eingeführt werden muss, wenn Sie Dynamik erreichen möchten. Sie können jedoch manuell und direkt verlangen, dass die unter vux/src/ erforderlichen Symbole dynamisch umgeschaltet werden.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail, zeigen Sie sie auf GitHub an oder schalten Sie den Thread stumm.

@airyland Danke für die Antwort. @greedying Meinst du, die Symbole, die auf der Seite verwendet werden sollen, zuerst zu schreiben und sie dann mit v-if anzuzeigen? Es ist fast so, als würde man sich zu Tode schreiben, nicht wahr?
Ich überlege jetzt, ob ich Iconfont einführen soll, http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=1832
Hier ist auch das Symbol von Inoicons

Ursprünglich wurde es zu Tode geschrieben, es ist nichts weiter als die Kapselung des Autors oder Ihre eigene Kapselung.Wenn der Autor kapselt, muss er alle Materialien importieren. Wenn Sie möchten, können Sie importieren, was Sie brauchen, um das Problem zu großer Pakete zu lösen.

@luftland
Gibt es Pläne, diese Dropdown-Auswahl hinzuzufügen?
https://vuematerial.io/components/select

Jetzt wird der Selektor als native HTML-Auswahl verwendet, was auf IOS nicht gut aussieht

Das aktuelle Radio kann nur einmal deaktiviert werden, daher können alle geschäftlichen Anforderungen nur deaktiviert werden. Der Status kann nur nach oben und nicht nach unten geändert werden. Zum Beispiel kann ich den vorherigen Status während der Bearbeitung nicht ändern. Wenn ich möchte, kann ich das Verwenden Sie zwei Datenquellen, aber ich denke, dass dies nicht in Ordnung ist. Können Sie diejenigen festlegen, die separat deaktiviert werden müssen?

@kitkimwong verwendet Pop-Radio
@bailin240 hat es nicht verstanden, erklären wir einfach den Code

@airyland -Radioquellendaten können deaktiviert werden. Ein Teil des nicht anklickbaren Teils kann angeklickt werden, um Daten auszuwählen. Es gibt jetzt nicht funktionsfähige Elemente. Das deaktivierte Attribut dient dazu, alle nicht funktionsfähigen Buckets zu deaktivieren

Ein paar kleine Anforderungen an das Panel:
1. Kann das Bild frei links oder rechts platziert werden? Beides ist üblich.
2. Das Bild ist derzeit auf ein Quadrat beschränkt, und andere Größenverhältnisse sind leer. Kannst du dich anpassen? Möchten Sie Eigenschaften wie object-fit:cover verwenden?

Kann x-input eine Funktion hinzufügen, um die Ausdruckseingabe zu blockieren?

Es wird empfohlen, eine Formularkomponente hinzuzufügen, um das Verifizierungsproblem einheitlich zu verwalten. Verwenden Sie die async-validator Verifizierungsbibliothek wie element-ui . Derzeit verweise ich auf element-ui, um selbst eine zu erstellen , und es wird so verwendet

<bb-form ref="form">
        <group>
          <bb-input title="姓名" prop="name" v-model="value.basic.name" :rules="rules.basic.name"></bb-input>
          <bb-datetime title="出生年月" prop="birthday" v-model="value.basic.birthday" :rules="rules.basic.birthday"></bb-datetime>
          <bb-select title="证件类型" prop="idType" v-model="value.basic.idType" :options="selectOptions.idTypeCodeList" :rules="rules.basic.idType"></bb-select>
        </group>
</bb-form>

Regeln sind die Regeln von async-validator

#验证整个表单只要
this.$refs['form'].validate(function (valid) {
  if (valid) {
     // 验证成功
   }
})

#验证某个字段
this.$refs['form'].validateField('name', function (valid) {
  if (valid) {
     // 验证成功
   }
})

Aber einige Komponenten können Fehlermeldungen nicht so einfach hinzufügen wie XInput, wie z. B. selector -Komponenten

@yjj5855 cool. Dein Github-Name ist wie ein Freund von mir~

@yjj5855 Vereinheitlichte Verifizierung Dies ist im Plan, aber im Moment ist keine Zeit dafür.

Es wird empfohlen, ein modales Popup wie https://wangdahoo.github.io/vonic/docs/#/advanced/modal zu erstellen
So ein @airyland

Der heutige x-dialog basiert auf Komponenten, im Allgemeinen verwendet Dialog tatsächlich

Dialog.alert({
  title:'',
  content:'',
  handle:{
    onOk:()=>{},
    onClose:()=>{}
 }
})

Ein solches Formular kann die Anforderungen erfüllen.

Wenn es in Form einer Pop-up-Modalbox besser anpassbar ist, ist es in Form von Füllelementen im Inneren stärker entkoppelt?
Referenz: https://github.com/youzan/vant/blob/dev/packages/dialog/dialog.vue

Nachdem ich von Version 2.1 auf Version 2.9 aktualisiert habe, kann ich nicht weniger kompilieren
Fehler: Fehler in ./~/ [email protected]@vux/src/styles/1px.less
Modulaufbau fehlgeschlagen: Unbekanntes Wort (22:5)
20 | .vux-1px {
21 | &:vor {

(immer weniger Loader installiert)
Wenn ich alle Dateien von less lösche, wird Uncaught TypeError gemeldet: _vm.$t ist keine Funktion, und einige Spalten von $t melden Fehler, was sehr ärgerlich ist

Kann das Bild der Panel-Komponente Lazy Loading hinzugefügt werden.Ich hoffe, dass die Pannel-Komponente einen Slot hinzufügen und verschiedene Stile anpassen kann.Wenn Sie beispielsweise nicht nur den Titel und die Einleitung hinzufügen möchten, können Sie den Stil der Einleitung anpassen, mehrere Schaltflächen schreiben oder anderes

@CongjiZhu Diese Art von Problem ähnelt dem Upgrade auf eine bestimmte Version, ohne etwas falsch zu machen, aber ohne ein Repo-Problem kann nicht gelöst werden.

Ich hoffe, eine Dropdown-Menükomponente für die Navigation hinzuzufügen :)

Warum wird die Pull-to-Refresh-Komponente nicht beibehalten? Ist das nicht eine sehr häufige Funktion auf dem Handy?

Wenn die Swiper-Komponente das Swiper-Element anpasst und das Videoelement eingebettet ist, kann es in WeChat nicht nach links und rechts wischen

Die Previewer-Komponente nimmt nach dem Packen eine Größe von 1 MB ein. Wie optimieren?

Eine perfekte Ergänzung, enthält die vollständigen Demo -Vux-Uploads

Vorschau löschen Laden hinzugefügt. . .Enthält eine vollständige Demo (einschließlich Server-Schnittstelle), die in Firmenprojekten verwendet wurde

Wenn Sie eine neue Komponente benötigen, kommentieren Sie hier und hängen Sie Screenshots an, danke.

Wenn eine neue Komponente benötigt wird, kommentieren Sie dies bitte hier und fügen Sie einen Screenshot des tatsächlichen Beispiels bei.

• [ ] Off-Canvas-Menüs Seitenleiste #124 #139
• [x] Abzeichen Nr. 124
• [ ] ~Uploader #139 ~ Ohne Kapselung ist es schwierig, die Bedürfnisse aller zu erfüllen, führen Sie Stile ein, die Sie selbst entwickeln können https://github.com/airyland/vux/blob/v2/src/demos/Uploader.vue
  Oder verwenden Sie vux -uploaders #997 von @greedying
• [ ] Intelligente Auswahl Nr. 199
• [x] Bildvorschau @nowui
• [x] Swipeout #412
• [x] Popover
• [ ] verkleinern #1117 @zerofront
• [ ] Indexliste #1882

scroller ist keine gute Lösung, wenn nur für Loadmore, die Loadmore-Komponente wird unabhängig bereitgestellt

• [ ] Mehr laden

Ich empfehle mir die von mir geschriebene Upload-Komponente, die im Stil und in der Interaktion grundsätzlich nach WeUI umgesetzt ist und in konkreten Projekten des Unternehmens zum Einsatz kommt.
https://github.com/eJayYoung/vux-uploader-component
Die aktuelle Forderung ist, die Bildvorschaufunktion zu verbessern und auf den Previewer zu verweisen, um zu sehen, ob er darin eingebunden werden kann?