BIM.live <Code talks>
Was sagt mehr als tausend Worte der Beschreibung? Laufender Programmcode!
Hier eine kleine Sammlung von Code-Beispielen, die in der Regel auf CodePen oder jsFiddle direkt ausführbar sind:
Eigene Code Samples aus unserer laufenden Arbeit mit dem Software Stack:
Vue/Quasar Samples:
- Quasar QTable: Editing
- Quasar QTable: Customization
- Quasar QSelect: Options Filtering and Adding to Menu and Model
- Quasar QSelect: Selection of HTML/Unicode Markup for Special Symbols
- Quasar QSelect: Nested, Expandable Options
- Quasar QSelect: Nested, Expandable Options, 3 Levels, Single Selection On All Option Levels
- Quasar QTree: Mechanics
- Quasar QPopupEdit: Default Scoped Slot Parameters and Custom Buttons
- Quasar QToggle: Reactive Updates with v-model and :value Props
- Quasar QLinearProgress: Custom Height, Colors, and Label
Maps und GeoLocation Samples:
- Vue ArcGIS Demo (basierend auf Vue und ArcGIS)
- Google Maps Demo (basierend auf HTML 5 GeoLocation und Google Maps Javascript API)
- Google Maps Vue Demo (basierend auf Vue-Google-Maps)
Weitere interessante Code Samples:
Vue/Quasar Samples:
- Quasar QTree (rekursiver Aufbau)
- Quasar QTable Custom Coloring
- Quasar QTable with QCards and VHTML
Quasar QInput Fields Arranged in Multiple Columns per Row Using Nested v-fors
- Vue Apex Charts (basierend auf Vue ApexCharts)
- Quasar Apex Charts (basierend auf Quasar Apex Charts)
3D HTML-Animationen:
- CodePenPoly (CSS-basiert)
- City (CSS-basiert)
- LogoCube (SVG-basiert)
Web Design:
- Grid Magazine (CSS-basiert)
- Image/Text Fade-Out/In (CSS-basiert)