stephenking
5 years ago
committed by
Gogs
17 changed files with 274 additions and 3931 deletions
@ -1,3 +1,3 @@ |
|||||||
[submodule "fineui"] |
[submodule "fineui"] |
||||||
path = fineui |
path = fineui |
||||||
url=https://git.coding.net/fanruan/fineui.git |
url=https://github.com/fanruan/fineui.git |
@ -1,8 +1,11 @@ |
|||||||
# FineUI-Start |
# FineUI-Start |
||||||
|
|
||||||
## 安装运行 |
## 安装运行 |
||||||
`git clone --recursive http://git.fanruan.com/fanruan/FineUI-Start` |
`git clone --recursive https://git.fanruan.com/dailer/FineUI-Start.git` |
||||||
|
|
||||||
`npm install` |
`npm install` |
||||||
|
|
||||||
`npm run grunt` |
`npm run grunt` |
||||||
|
|
||||||
|
## 示例效果 |
||||||
|
![](./screenshorts/todolist.gif) |
After Width: | Height: | Size: 113 KiB |
@ -0,0 +1,6 @@ |
|||||||
|
/** |
||||||
|
列表项的less,其中用到了部分FineUI提供的字号,颜色常量,还有border-radius,box-shadow方法等.请选择性使用.不强制要求 |
||||||
|
*/ |
||||||
|
.my-todolist-background { |
||||||
|
background-color: #f7f8fa; |
||||||
|
} |
@ -1,56 +0,0 @@ |
|||||||
!(function () { |
|
||||||
|
|
||||||
var ToDoListModel = BI.inherit(Fix.Model, { |
|
||||||
|
|
||||||
state: function () { |
|
||||||
return { |
|
||||||
list: [] |
|
||||||
}; |
|
||||||
}, |
|
||||||
watch: {}, |
|
||||||
|
|
||||||
computed: { |
|
||||||
todoList: function () { |
|
||||||
var items = BI.filter(this.model.list, function (index, item) { |
|
||||||
return !item.done; |
|
||||||
}); |
|
||||||
return BI.map(items, function (index, item) { |
|
||||||
return BI.extend({ |
|
||||||
type: "bi.multi_select_item" |
|
||||||
}, item); |
|
||||||
}); |
|
||||||
}, |
|
||||||
doneList: function () { |
|
||||||
var items = BI.filter(this.model.list, function (index, item) { |
|
||||||
return item.done; |
|
||||||
}); |
|
||||||
return BI.map(items, function (index, item) { |
|
||||||
return BI.extend({ |
|
||||||
type: "bi.multi_select_item", |
|
||||||
selected: true, |
|
||||||
disabled: true |
|
||||||
}, item); |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
actions: { |
|
||||||
addToDo: function (v) { |
|
||||||
this.model.list.push({ |
|
||||||
value: BI.UUID(), |
|
||||||
text: v, |
|
||||||
done: false |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
finish: function (v) { |
|
||||||
BI.some(this.model.list, function (index, item) { |
|
||||||
if (item.value === v) { |
|
||||||
item.done = true; |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
BI.model("my.model.todolist", ToDoListModel); |
|
||||||
})(); |
|
Loading…
Reference in new issue