Commit 6ec57fb2 authored by liujiangnan's avatar liujiangnan

feat

parent 9d944887
...@@ -15,10 +15,20 @@ ...@@ -15,10 +15,20 @@
<script src="//teach.cdn.ireadabc.com/h5template/h5-static-lib/js/element-ui/index.js"></script> <script src="//teach.cdn.ireadabc.com/h5template/h5-static-lib/js/element-ui/index.js"></script>
</head> </head>
<body> <body>
<div class="edit-data"> <div class="edit-data" id="edit-data">
<!-- 简单的例子,一个输入框+一个按钮,保存输入框的信息 --> <el-form :model="data" label-width="80px">
test: <input type="text" name="test" /> <el-form-item label="选择字母">
<input id="save" type="button" value="保存" > <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> </div>
</body> </body>
<script src="./index.js"></script> <script src="./index.js"></script>
......
...@@ -10,26 +10,37 @@ var uploadData = window.courseware.uploadData(); //上传文件必须要的参 ...@@ -10,26 +10,37 @@ var uploadData = window.courseware.uploadData(); //上传文件必须要的参
*/ */
//对应模板的名称,这个可以不写,但是最好是能写上,同时开发多个模板的情况下如果不写这个,本地缓存可能会存在混乱 //对应模板的名称,这个可以不写,但是最好是能写上,同时开发多个模板的情况下如果不写这个,本地缓存可能会存在混乱
var key = "h5_test"; var key = "yl01";
$(function(){ new Vue({
window.courseware.getData(function(data){ el: '#edit-data',
//数据加载完,才算页面加载完成 created() {
//获取数据 window.courseware.getData((dt) => {
if(data&&data.test){ this.data = dt;
$("[name='test']").val(data.test);
}
//绑定点击事件
$('#save').on('click',function(){
var test = $("[name='test']").val();
//保存新增或修改的数据
window.courseware.setData({test: test},function(){
//保存数据也是异步的
alert("保存成功!");
},key); },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); },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