Okam 奧卡姆 小程式開發框架

`okam` 乙個面向小程式開發的開發框架，開發體驗類 `vue`。詳情

開發語法

擴充套件的能力

其它

1/**

2* @file 小程式入口
3* @author 4*/
56 'use strict';
78 export default,21
22networktimeout: 
25},
2627
$promisifyapis: 
28 };

1/**

23* @author 4*/
56@require './common/css/mixin.styl'
7@require './common/css/variable.styl'
8@require './common/css/common.styl'

1

<
template
>
2<
view 
class
="home-wrap"
>
3<
hello 
:from
="from"
@hello
="handlehello"
>
hello
>
4<
view 
class
="click-tip"
if="clicked"
>you click me~
view
>
5view
>
6template
>
7<
script
>
8import hello from 
'../../components/hello';
910export 
default,14
15components: ,
1819
data: ,
2425
methods: );35}
36}37};
38script
>
39<
style 
lang
="stylus"
>
40@require '../../common/css/variable.styl'
41@require '../../common/css/mixin.styl'
4243
.home-wrap
44padding: 100px
45height: 100vh
46box-sizing: border-box
47background: #ddd
4849
.click-tip
50margin-top: 100px
51padding: 20px
52text-align: center
53color: red
5455
style
>

1

<
template
>
2<
view 
class
="hello-wrap"
>
3<
button 
plain class
="hello-btn"
@click
="handleclick"
>hello in }
button
>
4view
>
5template
>
6<
script
>
7export 
default,10
11props: ,
1415
components: ,
1718
data: ,
2021
methods: );24}
25}26};
27script
>
28<
style 
lang
="stylus"
>
29.hello-wrap
30padding: 20px
31margin: 20px 0
3233
.hello-btn
34width: 846px
35height: 148px
36margin: 0 auto
37line-height: @height
38background: #fff
39text-align: center
40border-radius: 120px
41border: none
42style
>

完整示例詳見

操作步驟：

git clone 

cd okam-template
npm i  
開發工具 開啟 構建產物目錄 `dist、wx_dist`

技術學習：專案**開源在 github 上，有問題或者建議，歡迎提 issue, 發 pr。

ThinkCMF小程式API開發框架

1.請先安裝thinkcmf5 thinkcmf 根目錄 api api目錄 data 資料目錄 conf 動態配置目錄 runtime 應用的執行時目錄 可寫 更多 public web 部署目錄 對外訪問目錄 api api入口目錄 index php 入口檔案 htaccess apache重...

小程式開發框架 Taro（基礎篇）

簡介 特性 react語法風格 taro 遵循 react 語法規範，它採用與 react 一致的元件化思想，元件生命週期與 react 保持一致，同時支援使用 jsx 語法，讓 具有更豐富的表現力，使用 taro 進行開發可以獲得和 react 一致的開發體驗。支援多端開發轉化 安裝及使用 cli...

微信小程式開發框架整理

github 官方文件 特性 類vue開發風格 支援自定義元件開發 支援引入npm包 支援promise 支援es2015 特性，如async functions 支援多種編譯器，less sass stylus postcss babel typescript pug 支援多種外掛程式處理，檔案壓...