GithubHelp home page GithubHelp logo

wangminjun / aotoo-xquery Goto Github PK

View Code? Open in Web Editor NEW

This project forked from webkixi/aotoo-xquery

0.0 1.0 0.0 987 KB

小程序开发ui组件库,小程序老虎机,小程序刮刮卡,小程序悬浮导航球,支持小程序makdown/html文档,分类导航栏等

JavaScript 91.19% CSS 8.81%

aotoo-xquery's Introduction

XQUERY

xquery是一个开发库(小程序原生),剥离自原项目aotoo-hub,xquery基于小程序类似于jquery基于web,可以方便的融入到现有的小程序项目中

小程序社区: https://developers.weixin.qq.com/community/personal/oCJUsw9JDs23M0Y9XuAMiTuUX214
更多说明及demo代码片段

xquery包含以下这些特性

  • 组件选取
  • 嵌套结构
  • 事件函数封装
  • 钩子方法
  • 支持数据过期机制
  • lru缓存机制
  • markdown支持
  • html支持
  • 方便扩展内置/外部插件

xquery源码中有.styl类型的样式文件,使用stylus命令行编译

DEMO列表

demo图片均有效,github图片需要翻墙才能查看
demo

本项目小程序包含以下DEMO

  • markdown
  • html
  • 地址定位
  • 水果老虎机
  • 折叠面板
  • 双栏分类导航(左右)
  • 双栏分类导航(上下)
  • 刮刮卡
  • 弹窗
  • 导航球 。。。

如何使用

clone或下载本项目

  • 本项目本身是一个完整的小程序示例demo,引入小程序开发工具中即可直接打开
  • 或者导入下例核心文件及配置,可以融入到已有项目中

源码目录

components 
    ├─ aotoo 核心代码必须有 ✔︎
    ├─ actionSide  弹窗组件
    ├─ form  表单组件
    ├─ calendar  日历组件
    ├─ markit  文档组件
    ├─ templates 模板 ✔︎
    │
   css  日历、文档、表单等样式
    │
   pages  基础示例
    │
  app.json  注册全局组件

app.json中定义全局组件

 "usingComponents": {
   "ui-item": "/components/aotoo/item/index",   // 基础item组件 ✔︎
   "ui-list": "/components/aotoo/list/index",   // 基础list组件 ✔︎
   "ui-tree": "/components/aotoo/tree/index",   // 基础tree组件 ✔︎
   "ui-pop": "/components/actionSide/index",    // 弹窗组件
   "ui-form": "/components/form/index",         // 表单组件
   "ui-markit": "/components/markit/index",     // 文档组件,支持html/markdown
   "ui-calendar": "/components/calendar/index"  // 日历组件
 }

勾选文件必须有,属于核心文件,组件可以按照需求增减

小程序放置目录

文件及目录说明

components

基础目录

components/aotoo

核心代码目录

components/actionSide

弹窗组件

components/calendar

日历组件

components/form

表单组件

components/markit

markdown/html组件

css

一些组件的样式库,需要在小程序项目中引入

pages

基础示例代码

app.json

文件中usingComponents字段必须设置,否则无法使用(可以根据需求删减)

DEMO小程序

DEMO小程序

aotoo-xquery's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.