Commit 6ec57fb2 authored by liujiangnan's avatar liujiangnan

feat

parent 9d944887
......@@ -15,10 +15,20 @@
<script src="//teach.cdn.ireadabc.com/h5template/h5-static-lib/js/element-ui/index.js"></script>
</head>
<body>
<div class="edit-data">
<!-- 简单的例子,一个输入框+一个按钮,保存输入框的信息 -->
test: <input type="text" name="test" />
<input id="save" type="button" value="保存" >
<div class="edit-data" id="edit-data">
<el-form :model="data" label-width="80px">
<el-form-item label="选择字母">
<el-select v-model="data.letter" placeholder="请选择字母" @change="save">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="大写">
<el-checkbox v-model="data.upperCase" @change="save"></el-checkbox>
</el-form-item>
<el-form-item label="小写">
<el-checkbox v-model="data.lowerCase" @change="save"></el-checkbox>
</el-form-item>
</el-form>
</div>
</body>
<script src="./index.js"></script>
......
......@@ -10,26 +10,37 @@ var uploadData = window.courseware.uploadData(); //上传文件必须要的参
*/
//对应模板的名称,这个可以不写,但是最好是能写上,同时开发多个模板的情况下如果不写这个,本地缓存可能会存在混乱
var key = "h5_test";
var key = "yl01";
$(function(){
window.courseware.getData(function(data){
//数据加载完,才算页面加载完成
//获取数据
if(data&&data.test){
$("[name='test']").val(data.test);
}
//绑定点击事件
$('#save').on('click',function(){
var test = $("[name='test']").val();
//保存新增或修改的数据
window.courseware.setData({test: test},function(){
//保存数据也是异步的
alert("保存成功!");
new Vue({
el: '#edit-data',
created() {
window.courseware.getData((dt) => {
this.data = dt;
},key);
})
// window['air'].getUploadCallback = (url, data) => {
// this.uploadUrl = url;
// this.uploadData = data;
// };
},
data() {
return {
//封面上传相关
data: {
letter: '',
upperCase: false,
lowerCase: false
},
options: [
{label: 'A', value: 'A'},
]
}
},
methods: {
save() {
window.courseware.setData(this.data,() => {
this.$message.success('保存成功!');
},key);
})
\ No newline at end of file
}
}
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment