vivo-ui
Version:
vivo ui component lib for vue
115 lines (102 loc) • 3.01 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../page-scale.js"></script>
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>
<script src="../../dist/lib.js"></script>
<style>
body {
background: #fbf9fe;
}
.box {
height: 8rem;
}
</style>
</head>
<body>
<div id="content">
<div style="height: 200px"></div>
<div class="box" v-show="show">
<picker :data="data" :selected="selected" :enable3d="enable3d" :sync="sync"
@update="update"></picker>
</div>
</div>
<script>
var data = function () {
var data = [];
for (var i = 0; i < 3; i++) {
data.push({
name: 'label' + i,
options: function () {
var arr = [], i = 0;
for (; i < 60; i++) {
arr.push(i);
}
return arr;
}()
})
}
return data;
}(),
data3 = function () {
var data = [];
for (var i = 0; i < 4; i++) {
data.push({
name: 'label' + i,
options: function () {
var arr = [], i = 0;
for (; i < 40; i++) {
arr.push(i);
}
return arr;
}()
})
}
return data;
}(),
data2 = function () {
var num = 3;
function deep() {
var index = arguments[0] || 0,
data = {
name: 'label' + index,
options: []
};
for (var i = 0; i < 60; i++) {
data.options.push((index < num - 1) && Math.random() > 0.5 ? {
value: index + '-' + (arguments[1] || 0) + '-' + i,
children: deep(index + 1, i)
} : index + '-' + (arguments[1] || 0) + '-' + i);
}
return data;
}
return deep();
}(),
vm = new Vue({
el: '#content',
data: {
data: data,
selected: [0, 0, 0],
enable3d: false,
sync: false,
show: false
},
methods: {
update(value){
console.log('update:', value);
}
},
mounted: function () {
setTimeout(function () {
this.show = true;
}.bind(this), 1000);
},
components: {
Picker: VUI.Picker
}
});
</script>
</body>
</html>